.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--space-3)) var(--gutter) calc(env(safe-area-inset-bottom) + var(--space-5));flex-direction:column;max-width:560px;margin:0 auto;display:flex;position:relative}.screen-header{align-items:center;gap:var(--space-3);min-height:56px;margin-bottom:var(--space-3);display:flex}.screen-header h1{font-size:var(--text-lg);flex:1}.screen-body{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.screen-footer{gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.pattern-strip{height:22px;margin:var(--space-2) 0;-webkit-mask-size:22px 22px;mask-size:22px 22px}.back-button{border:2px solid var(--border);background:var(--surface);min-width:56px;min-height:56px;font-size:var(--text-lg);cursor:pointer;border-radius:50%}.big-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:var(--button-height);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);text-align:center;cursor:pointer;touch-action:manipulation;border:0;font-weight:800;transition:transform .12s,filter .12s;display:flex}.big-button:active:not(:disabled){transform:scale(.97)}.big-button:disabled{opacity:.5;cursor:default}.big-button .icon{font-size:1.3em;line-height:1}.big-button.primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.big-button.secondary{background:var(--secondary);color:var(--on-secondary)}.big-button.quiet{color:var(--text);border:2px solid var(--border);background:0 0}.big-button.hero{min-height:96px;font-size:var(--text-lg);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:var(--on-accent);box-shadow:var(--shadow), inset 0 -4px 0 #0000001f}.button-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.badge{font-size:var(--text-sm);background:var(--surface-strong);color:var(--text-muted);padding:0 var(--space-2);border-radius:999px;font-weight:800}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.card h2{font-size:var(--text-md)}.muted{color:var(--text-muted)}.speech{background:var(--surface-strong);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-md);text-align:center;box-shadow:var(--shadow);font-weight:700;position:relative}.speech:after{content:"";background:var(--surface-strong);border-right:2px solid var(--border);border-bottom:2px solid var(--border);width:22px;height:22px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)rotate(45deg)}.speech .speech-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:850;display:block}.checklist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist button{align-items:center;gap:var(--space-4);width:100%;min-height:var(--button-height);padding:var(--space-2) var(--space-4);background:var(--surface-strong);border:2px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;font-weight:700;display:flex}.checklist .tick{border:3px solid var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;display:grid}.checklist [aria-checked=true]{border-color:var(--accent)}.checklist [aria-checked=true] .tick{background:var(--accent)}.checklist [aria-checked=true] .label{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:2px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-weight:800}.field input{min-height:var(--button-height);padding:0 var(--space-4);font-size:var(--text-lg);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong)}.field input:focus{outline:3px solid var(--focus);outline-offset:1px}.segmented{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segmented button{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-strong);cursor:pointer;min-height:56px;font-weight:800}.segmented [aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.error-text{color:var(--warn);text-align:center;font-weight:700}.stepper{grid-template-columns:var(--button-height) 1fr var(--button-height);align-items:center;gap:var(--space-3);display:grid}.stepper button{height:var(--button-height);border:2px solid var(--border);background:var(--surface-strong);font-size:var(--text-xl);cursor:pointer;border-radius:50%;font-weight:800;line-height:1}.stepper button:disabled{opacity:.4}.stepper output{text-align:center;font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:900}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:48px;padding:0 var(--space-4);border:2px dashed var(--accent);cursor:pointer;background:0 0;border-radius:999px;font-weight:800}.edit-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.edit-list li{align-items:center;gap:var(--space-3);min-height:var(--button-height);padding:0 var(--space-2) 0 var(--space-4);background:var(--surface-strong);border:2px solid var(--border);border-radius:var(--radius-md);font-weight:700;display:flex}.edit-list li span{flex:1}.edit-list button{width:48px;height:48px;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%}.add-row{gap:var(--space-2);grid-template-columns:1fr auto;display:grid}.add-row input{min-height:var(--button-height);padding:0 var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);min-width:0}.add-row button{min-width:var(--button-height);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-weight:900;font-size:var(--text-lg);cursor:pointer;border:0}.jaijai{color:var(--text);flex:none;position:relative}.jaijai img{object-fit:contain;transform-origin:50% 100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:relative}.jaijai-float{animation:4s ease-in-out infinite jaijai-float}.jaijai-cheering .jaijai-float{animation:1.2s ease-in-out infinite jaijai-bounce}.jaijai-sleepy .jaijai-float{animation-duration:6s}.jaijai-glow{background:radial-gradient(closest-side,#e9b94980,#e9b94900);position:absolute;inset:-12% -45%}.jaijai-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jaijai-sparkle{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite jaijai-twinkle}.jaijai-zzz{font-weight:900;position:absolute;top:0;right:-18%}.jaijai-zzz span{animation:3s ease-in-out infinite jaijai-drift;display:inline-block}.jaijai-zzz span:first-child{font-size:.9em;translate:0 1.2em}.jaijai-zzz span:nth-child(2){font-size:1.2em;animation-delay:.5s;translate:0 .5em}.jaijai-zzz span:nth-child(3){font-size:1.5em;animation-delay:1s}@keyframes jaijai-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes jaijai-bounce{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-10px)rotate(-2deg)}60%{transform:translateY(-4px)rotate(2deg)}}@keyframes jaijai-twinkle{0%,to{opacity:.3;scale:.7}50%{opacity:1;scale:1.15}}@keyframes jaijai-drift{0%,to{opacity:.35;translate:0}50%{opacity:1;translate:2px -3px}}.departure{--phase:var(--teal-600);--phase-soft:#1f7a7824;background:linear-gradient(180deg, var(--phase-soft), transparent 55%), var(--bg);min-height:100dvh;transition:background .6s}.departure.phase-upcoming{--phase:var(--indigo-600);--phase-soft:#3b34801f}.departure.phase-no-new-tasks{--phase:var(--gold-500);--phase-soft:#c8901e33}.departure.phase-leave-now,.departure.phase-late{--phase:#e0702a;--phase-soft:#e0702a38}:root[data-theme=dark] .departure.phase-upcoming{--phase:var(--teal-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .departure.phase-upcoming{--phase:var(--teal-400)}}.phase-banner{text-align:center;align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.phase-title{font-size:var(--text-2xl);color:var(--phase);font-weight:900;line-height:1.1}.dep-hero{justify-content:center;align-items:flex-end;gap:var(--space-2);display:flex}.ring{aspect-ratio:1;width:min(62vw,240px);position:relative}.ring svg{width:100%;height:100%}.ring-track{fill:none;stroke:var(--border);stroke-width:14px}.ring-bar{fill:none;stroke:var(--phase);stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .6s}.ring-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-big{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.05}.ring-small{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.phase-leave-now .ring-big,.phase-late .ring-big{animation:1.6s ease-in-out infinite pulse-soft}@keyframes pulse-soft{50%{transform:scale(1.06)}}.dep-section{gap:var(--space-3);flex-direction:column;display:flex}.dep-section h2{font-size:var(--text-md)}.next-up{text-align:center;font-size:var(--text-md)}.done-note{text-align:center;color:var(--success);font-weight:800}.timeline{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline li{align-items:center;gap:var(--space-4);min-height:60px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-strong);border:2px solid var(--border);border-left-width:10px;font-weight:700;display:flex}.timeline.compact li{min-height:52px}.timeline .t-time{min-width:5.5em;font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:900}.t-start{border-left-color:var(--teal-600)!important}.t-nonew{border-left-color:var(--gold-500)!important}.t-leave{border-left-color:#e0702a!important}.t-arrive{border-left-color:var(--indigo-600)!important}.time-input{text-align:center;font-weight:800;font-size:var(--text-xl)!important}.delay-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.delay-grid button{min-height:var(--button-height);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-strong);font-weight:900;font-size:var(--text-lg);cursor:pointer}.delay-grid [aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.field textarea{padding:var(--space-3) var(--space-4);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-strong);resize:vertical}.earned-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.earned-list li{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-strong);border:2px solid var(--border);font-weight:700;display:flex}.earned-list strong{color:var(--accent-strong);white-space:nowrap}.lamp-box{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;font-weight:800;display:flex}.lamp-fill{transition:y 1.2s}.lamp-flame{transform-box:fill-box;transform-origin:bottom;animation:1.4s ease-in-out infinite flicker}@keyframes flicker{50%{transform:scale(.9,1.08)}}.next-departure{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);border-left:10px solid var(--teal-600);text-align:left;cursor:pointer;flex-direction:column;width:100%;font-weight:700;display:flex}.next-departure strong{font-size:var(--text-lg)}.wish-row{align-items:center;gap:var(--space-3);min-height:var(--button-height);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-strong);border:2px solid var(--border);font-weight:800;display:flex}.wish-row span{flex:1}.wish-row button{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;font-weight:900}.wish-row button:disabled{background:var(--border);color:var(--text-muted)}.ring-big.ring-two-line{font-size:var(--text-xl)}.hero-stack{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.hero-stack .speech{align-self:stretch}.home-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pill{align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);background:var(--surface);border:2px solid var(--border);border-radius:999px;font-weight:850;display:inline-flex}.home-genie{align-items:center;gap:var(--space-5);flex-direction:column;flex:1;justify-content:center;display:flex}.steps{gap:var(--space-3);counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:var(--space-4);counter-increment:step;font-weight:700;display:flex}.steps li:before{content:counter(step);background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.share-icon{vertical-align:-.2em;width:1.2em;height:1.2em;display:inline-block}.sync-status{align-items:center;gap:var(--space-3);font-weight:700;display:flex}.sync-dot{background:var(--success);border-radius:50%;flex:none;width:14px;height:14px}.sync-dot.offline,.sync-dot.error{background:var(--warn)}.sync-dot.pending,.sync-dot.syncing{background:var(--accent);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.mood-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.mood-grid figure{align-items:center;gap:var(--space-2);background:var(--surface-strong);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;margin:0;font-weight:800;display:flex}.pattern-sample{border-radius:var(--radius-md);height:80px}button.pill{cursor:pointer}.settings-list{gap:var(--space-2);flex-direction:column;display:flex}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-body:"Nunito Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-sm:.9rem;--text-md:1.2rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:2.6rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-md:16px;--radius-lg:24px;--button-height:64px;--gutter:16px;--indigo-900:#14112f;--indigo-800:#1b1740;--indigo-700:#262059;--indigo-600:#3b3480;--sand-50:#fbf6ec;--sand-100:#f6efe2;--sand-200:#ecdfc6;--sand-300:#e4d6bb;--gold-400:#e9b949;--gold-500:#c8901e;--teal-400:#5cc2bd;--teal-600:#1f7a78;--frangipani:#e58aa8;--soga:#8a5a2b;--jungle:#2f7d4f;--bg:var(--sand-100);--surface:var(--sand-50);--surface-strong:#fffaf1;--border:var(--sand-300);--text:#2a2140;--text-muted:#6b5f7d;--accent:var(--gold-500);--accent-strong:#a8740f;--on-accent:var(--indigo-900);--secondary:var(--teal-600);--on-secondary:#fff;--success:var(--jungle);--warn:#a5541c;--focus:var(--teal-600);--pattern-ink:#8a5a2b29;--shadow:0 6px 18px #2a21401f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--indigo-800);--surface:var(--indigo-700);--surface-strong:#2d2668;--border:var(--indigo-600);--text:#f6efe2;--text-muted:#c3b9dc;--accent:var(--gold-400);--accent-strong:#f3cd6e;--on-accent:var(--indigo-900);--secondary:var(--teal-400);--on-secondary:var(--indigo-900);--success:#7fd6a0;--warn:#f0a26b;--focus:var(--teal-400);--pattern-ink:#e9b94924;--shadow:0 6px 18px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--indigo-800);--surface:var(--indigo-700);--surface-strong:#2d2668;--border:var(--indigo-600);--text:#f6efe2;--text-muted:#c3b9dc;--accent:var(--gold-400);--accent-strong:#f3cd6e;--on-accent:var(--indigo-900);--secondary:var(--teal-400);--on-secondary:var(--indigo-900);--success:#7fd6a0;--warn:#f0a26b;--focus:var(--teal-400);--pattern-ink:#e9b94924;--shadow:0 6px 18px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-size:100%;font:-apple-system-body;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:850;line-height:1.15}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pattern-kawung,.pattern-parang{background-color:var(--pattern-ink);-webkit-mask-repeat:repeat;mask-repeat:repeat}.pattern-kawung{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cellipse cx='12' cy='12' rx='8' ry='4.5' transform='rotate(45 12 12)'/%3E%3Cellipse cx='28' cy='12' rx='8' ry='4.5' transform='rotate(-45 28 12)'/%3E%3Cellipse cx='12' cy='28' rx='8' ry='4.5' transform='rotate(-45 12 28)'/%3E%3Cellipse cx='28' cy='28' rx='8' ry='4.5' transform='rotate(45 28 28)'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='2' fill='black'/%3E%3Ccircle cx='0' cy='0' r='2' fill='black'/%3E%3Ccircle cx='40' cy='0' r='2' fill='black'/%3E%3Ccircle cx='0' cy='40' r='2' fill='black'/%3E%3Ccircle cx='40' cy='40' r='2' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cellipse cx='12' cy='12' rx='8' ry='4.5' transform='rotate(45 12 12)'/%3E%3Cellipse cx='28' cy='12' rx='8' ry='4.5' transform='rotate(-45 28 12)'/%3E%3Cellipse cx='12' cy='28' rx='8' ry='4.5' transform='rotate(-45 12 28)'/%3E%3Cellipse cx='28' cy='28' rx='8' ry='4.5' transform='rotate(45 28 28)'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='2' fill='black'/%3E%3Ccircle cx='0' cy='0' r='2' fill='black'/%3E%3Ccircle cx='40' cy='0' r='2' fill='black'/%3E%3Ccircle cx='0' cy='40' r='2' fill='black'/%3E%3Ccircle cx='40' cy='40' r='2' fill='black'/%3E%3C/svg%3E")}.pattern-parang{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M-7 35 C0 28 0 21 7 21 S14 14 14 7 S21 0 28 -7 M7 35 C14 28 14 21 21 21 S28 14 28 7 S35 0 42 -7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M-7 35 C0 28 0 21 7 21 S14 14 14 7 S21 0 28 -7 M7 35 C14 28 14 21 21 21 S28 14 28 7 S35 0 42 -7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}