
@font-face{font-family:Fredoka;src:url('./assets/fonts/Fredoka-600.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/Nunito-400.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/Nunito-600.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Nunito;src:url('./assets/fonts/Nunito-700.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('./assets/fonts/Caveat-500.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
:root{--font-brand:Fredoka,'Gmarket Sans',sans-serif;--font-ui:Nunito,'Gmarket Sans',system-ui,sans-serif;--font-hand:Nunito,'Gmarket Sans',system-ui,sans-serif}.pagehead .brand-name{font-family:var(--font-brand)!important;font-weight:600;letter-spacing:.1px;font-synthesis:none}
button{font-weight:600}.timeline-hours{font-family:var(--font-ui)!important;font-variant-numeric:tabular-nums}
#brandName{font-family:var(--font-brand)!important;font-size:23px!important;font-weight:600!important;letter-spacing:.1px!important;line-height:1.12!important;text-shadow:0 1px 0 #fff}
#page-today .eventblock .eventtitle,#page-today .eventblock.short .eventtitle{font-size:12px!important;font-weight:600!important;line-height:1.25!important}
#tutorialModal{align-items:center;padding:16px;z-index:120}#tutorialModal .tutorial-sheet{width:100%;max-width:470px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;padding:20px;background:var(--surface,#fff)}
.tutorial-button{width:auto;min-width:82px;min-height:40px;padding:0 12px;border:1px solid #DCE7DF;border-radius:12px;background:#fff;color:#245E4F;font-size:13px;font-weight:650;white-space:nowrap}.tutorial-progress{height:5px;background:#E6F1EB;border-radius:9px;margin:14px 0}.tutorial-progress i{display:block;height:100%;background:#286657;border-radius:9px;transition:width .2s}.tutorial-body{font-size:14px;line-height:1.65}.tutorial-list{padding-left:22px;font-size:14px;line-height:1.65}.tutorial-list li{margin:8px 0}.tutorial-tip{padding:12px;background:#E6F1EB;border-radius:12px;font-size:12px;line-height:1.6}.tutorial-actions{display:flex;gap:8px;margin-top:16px}.tutorial-actions button{min-height:44px;flex:1;border-radius:12px}.tutorial-actions button:disabled{opacity:.4}.tutorial-jump{width:100%;min-height:44px;border-radius:12px;margin-top:12px}.tutorial-select{width:100%;min-height:44px;margin:6px 0 10px}.tutorial-sheet h2{font-size:22px;line-height:1.25;margin:12px 0}.tutorial-sheet .top{display:flex;justify-content:space-between;align-items:center}.tutorial-sheet .close{min-width:44px;min-height:44px}
#tutorialWelcome h2{margin:14px 0 8px}#tutorialWelcome p{line-height:1.6}.tour-secondary{width:100%;min-height:44px;margin-top:9px;border:0;background:transparent;color:#286657;font-weight:700}
#guidedTour{position:fixed;left:50%;bottom:calc(var(--dock-h,76px) + env(safe-area-inset-bottom) + 12px);transform:translateX(-50%);z-index:150;width:min(440px,calc(100vw - 24px));padding:16px;background:#fff;border:1px solid #DCE7DF;border-radius:18px;box-shadow:0 12px 38px #172C2433;color:#243330}#guidedTour[hidden]{display:none}#guidedTour h2{font-size:17px;line-height:1.25;margin:0 0 6px;color:#20584A}#guidedTour p{font-size:13px;line-height:1.5;margin:0 0 9px}#guidedTour .tour-count{font-size:11px;font-weight:700;color:#68766F;margin-bottom:5px}.tour-actions{display:flex;gap:8px}.tour-actions button{min-height:42px;border-radius:11px}.tour-actions .tour-primary{flex:1}.tour-exit{border:0;background:transparent;color:#52655C;font-weight:650;padding:0 10px}.guided-target{position:relative!important;z-index:95!important;outline:3px solid #E6AB55!important;outline-offset:3px!important;box-shadow:0 0 0 6px #E6AB5538!important;animation:tourPulse 1.5s ease-in-out infinite alternate}#taskFormModal .guided-target{z-index:125!important}@keyframes tourPulse{to{outline-color:#C98631;box-shadow:0 0 0 10px #E6AB5520!important}}@media(prefers-reduced-motion:reduce){.tutorial-progress i{transition:none}.guided-target{animation:none}}

#guidedTour{max-height:32dvh;overflow:auto;padding:13px 15px}#guidedTour[data-position="top"]{top:calc(env(safe-area-inset-top) + 8px);bottom:auto;max-height:29dvh}#guidedTour p{font-size:12px;margin-bottom:7px}#guidedTour h2{font-size:16px}#guidedTour .tour-actions{flex-wrap:wrap;gap:5px}#guidedTour .tour-actions button{font-size:12px;min-height:38px;padding:7px 9px}#guidedTour button:disabled{opacity:.45;cursor:not-allowed}#tourFeedback{color:#6B655A;font-size:11px!important;border-top:1px solid #E3EAE4;padding-top:7px}#tourFeedback.is-ready{color:#20584A;font-weight:650}.practice-mode .modal-under .sheet{max-height:68dvh;overflow:auto}.practice-mode .modal-under{padding-top:30dvh}.practice-mode #guidedTour .tour-count{color:#8A5B20}.guided-target{animation:none!important}#tutorialTryFeature{margin-top:12px;min-height:44px;border-radius:12px}
