:root{--c-bg: #f6f3fb;--c-surface: #ffffff;--c-surface-2: #ece7f5;--c-text: #1c1726;--c-text-muted: #5a5168;--c-line: #ddd6ea;--c-line-strong: #8a7fa0;--c-accent: #6d3fd6;--c-on-accent: #ffffff;--c-accent-text: #5b2fc0;--c-accent-soft: #ebe3fb;--c-good: #1d7a4d;--c-on-good: #ffffff;--c-good-soft: #dcf3e6;--c-good-text: #17653f;--c-gem: #0d6d96;--c-gem-soft: #dcf0fa;--c-danger: #b42323;--c-on-danger: #ffffff;--c-danger-soft: #fbe3e3;--c-danger-text: #a01f1f;--c-warn-soft: #fff1d6;--c-warn-text: #7a4a00;--c-focus: #6d3fd6;--c-scrim: rgba(18, 12, 28, .55);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-md: 1.0625rem;--fs-lg: calc(1rem + 4px) ;--fs-xl: calc(1rem + 8px) ;--fs-2xl: calc(1rem + 16px) ;--fs-3xl: calc(1rem + 32px) ;--lh-tight: 1.15;--lh-body: 1.4;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--sp-1: clamp(4px, .25rem, 6px);--sp-2: clamp(8px, .5rem, 10px);--sp-3: clamp(12px, .75rem, 14px);--sp-4: clamp(16px, 1rem, 20px);--sp-5: clamp(20px, 1.25rem, 24px);--sp-6: clamp(24px, 1.5rem, 28px);--sp-8: clamp(32px, 2rem, 40px);--sp-10: clamp(40px, 2.5rem, 48px);--sp-12: clamp(48px, 3rem, 56px);--tap: max(48px, 3rem);--tap-lg: max(56px, 3.5rem);--tap-gap: max(12px, .75rem);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--bw: 1.5px;--bw-strong: 2.5px;--sh-1: 0 1px 2px rgba(20, 10, 40, .06), 0 1px 1px rgba(20, 10, 40, .04);--sh-2: 0 6px 18px rgba(20, 10, 40, .1), 0 2px 4px rgba(20, 10, 40, .06);--sh-3: 0 18px 48px rgba(20, 10, 40, .22);--sh-gem: drop-shadow(0 3px 3px rgba(20, 10, 40, .28));--dur-1: .12s;--dur-2: .22s;--dur-3: .42s;--dur-4: .7s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--gutter: 16px;--content-max: 560px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--tabbar-h: calc(var(--tap-lg) + var(--sp-3));--z-header: 10;--z-actionbar: 20;--z-tabbar: 30;--z-modal: 50;--z-celebrate: 60}@media (prefers-reduced-motion: reduce){:root{--dur-1: 1ms;--dur-2: 1ms;--dur-3: 1ms;--dur-4: 1ms}}*,*:before,*:after{box-sizing:border-box}:where(*){min-width:0}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}@supports (font: -apple-system-body){html{font:-apple-system-body}}html,body,#root{min-height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;overscroll-behavior-y:none;overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-tight)}img{max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button,[role=tab],.no-select{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}:focus{outline:none}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:var(--r-sm)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{min-height:100dvh;padding-left:calc(var(--gutter) + var(--safe-l));padding-right:calc(var(--gutter) + var(--safe-r));padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + var(--actionbar-h, 0px) + var(--sp-6))}.app>*{max-width:var(--content-max);margin-left:auto;margin-right:auto}.screen{display:flex;flex-direction:column;gap:var(--sp-5)}.screen-title{font-size:var(--fs-xl);font-weight:var(--fw-black);letter-spacing:-.01em}.section{display:flex;flex-direction:column;gap:var(--sp-3)}.section-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);display:flex;align-items:center;gap:var(--sp-2)}.section-sub{color:var(--c-text-muted);font-size:var(--fs-sm)}.stack{display:flex;flex-direction:column;gap:var(--tap-gap)}.stack-s{display:flex;flex-direction:column;gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--tap-gap);flex-wrap:wrap}.row>.grow{flex:1 1 10rem;min-width:0}.muted{color:var(--c-text-muted)}.small{font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);min-width:var(--tap);padding:var(--sp-2) var(--sp-5);border:var(--bw) solid transparent;border-radius:var(--r-md);background:var(--c-accent);color:var(--c-on-accent);font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-tight);text-align:center;text-decoration:none;transition:transform var(--dur-1) var(--ease-out),background-color var(--dur-2),box-shadow var(--dur-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{background:var(--c-surface-2);color:var(--c-text-muted);border-color:var(--c-line)}.btn--secondary{background:var(--c-surface);color:var(--c-accent-text);border-color:var(--c-line-strong)}.btn--quiet{background:transparent;color:var(--c-accent-text);border-color:transparent}.btn--quiet:disabled{background:transparent;border-color:transparent}.btn--good{background:var(--c-good);color:var(--c-on-good)}.btn--danger{background:var(--c-danger);color:var(--c-on-danger)}.btn--danger-quiet{background:var(--c-surface);color:var(--c-danger-text);border-color:var(--c-line-strong)}.btn--lg{min-height:var(--tap-lg);font-size:var(--fs-lg);border-radius:var(--r-lg);padding-inline:var(--sp-6)}.btn--block{display:flex;width:100%}.btn--sm{font-size:var(--fs-sm);padding-inline:var(--sp-4)}.btn .icon{width:1.25em;height:1.25em;flex:none}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);flex:none;border-radius:var(--r-md);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text)}.icon-btn:disabled{color:var(--c-text-muted);border-color:var(--c-line);opacity:.7}.icon-btn .icon{width:1.4rem;height:1.4rem}.card{background:var(--c-surface);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-1)}.card--flat{box-shadow:none}.card--soft{background:var(--c-accent-soft);border-color:transparent;box-shadow:none}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text)}.field-hint{font-size:var(--fs-sm);color:var(--c-text-muted)}.input,.textarea{width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);color:var(--c-text);border:var(--bw) solid var(--c-line-strong);border-radius:var(--r-md);font-size:max(16px,var(--fs-md))}.textarea{resize:vertical;line-height:var(--lh-body)}.input:focus,.textarea:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--c-text-muted);opacity:1}.input:disabled,.textarea:disabled{background:var(--c-surface-2)}.input--num{width:5.5rem;text-align:center;font-weight:var(--fw-bold)}.stepper{display:inline-flex;align-items:center;gap:var(--sp-2)}.stepper-value{min-width:3ch;text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:var(--bw) solid var(--c-line);background:var(--c-surface);text-align:left}.switch-track{flex:none;position:relative;width:3.25rem;height:2rem;border-radius:var(--r-pill);background:var(--c-surface-2);border:var(--bw) solid var(--c-line-strong);transition:background-color var(--dur-2)}.switch-track:after{content:"";position:absolute;top:50%;left:3px;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--c-line-strong);transform:translateY(-50%);transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2)}.switch[aria-checked=true] .switch-track{background:var(--c-accent);border-color:var(--c-accent)}.switch[aria-checked=true] .switch-track:after{background:var(--c-on-accent);transform:translate(1.2rem,-50%)}.choices{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.choice{min-height:var(--tap);min-width:var(--tap);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}.choice[aria-pressed=true],.choice[aria-checked=true]{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.choice:disabled{opacity:.55}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:.15rem var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;background:var(--c-surface-2);color:var(--c-text)}.pill--gem{background:var(--c-gem-soft);color:var(--c-gem)}.pill--good{background:var(--c-good-soft);color:var(--c-good-text)}.pill--warn{background:var(--c-warn-soft);color:var(--c-warn-text)}.pill--danger{background:var(--c-danger-soft);color:var(--c-danger-text)}.pill--accent{background:var(--c-accent-soft);color:var(--c-accent-text)}.count-badge{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:var(--r-pill);background:var(--c-danger);color:var(--c-on-danger);font-size:var(--fs-xs);font-weight:var(--fw-black)}.notice{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-text)}.notice .icon{flex:none;width:1.5rem;height:1.5rem;color:var(--c-accent-text);margin-top:.05rem}.notice--warn{background:var(--c-warn-soft)}.notice--warn .icon{color:var(--c-warn-text)}.notice--error{background:var(--c-danger-soft)}.notice--error .icon{color:var(--c-danger-text)}.notice--good{background:var(--c-good-soft)}.notice--good .icon{color:var(--c-good-text)}.notice-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.progress{position:relative;height:1.25rem;border-radius:var(--r-pill);background:var(--c-surface-2);border:var(--bw) solid var(--c-line);overflow:hidden}.progress-fill,.progress-pending{position:absolute;top:0;bottom:0;left:0;border-radius:var(--r-pill);transition:width var(--dur-4) var(--ease-out)}.progress-fill{background:linear-gradient(90deg,var(--c-gem),var(--c-accent))}.progress-pending{background:repeating-linear-gradient(-45deg,var(--c-accent-soft) 0 6px,color-mix(in srgb,var(--c-accent) 35%,var(--c-accent-soft)) 6px 12px)}.gem-img{width:1.6em;height:1.6em;object-fit:contain;filter:var(--sh-gem);flex:none}.gem-img--lg{width:3.5rem;height:3.5rem}.avatar{display:inline-grid;place-items:center;flex:none;width:var(--avatar-size, 2.75rem);height:var(--avatar-size, 2.75rem);border-radius:50%;overflow:hidden;background:var(--c-accent-soft);color:var(--c-accent-text);font-weight:var(--fw-black);font-size:calc(var(--avatar-size, 2.75rem) * .42);border:var(--bw-strong) solid var(--c-surface);box-shadow:0 0 0 var(--bw) var(--c-line);padding:0}.avatar img{width:100%;height:100%;object-fit:cover}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);color:var(--c-text-muted)}.state .icon{width:2.5rem;height:2.5rem;color:var(--c-accent-text)}.state-title{color:var(--c-text);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.spinner{width:2.25rem;height:2.25rem;border-radius:50%;border:4px solid var(--c-surface-2);border-top-color:var(--c-accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.app-header{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--sp-3);padding:calc(var(--safe-t) + var(--sp-3)) 0 var(--sp-3);margin-bottom:var(--sp-2);background:color-mix(in srgb,var(--c-bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-header-title{flex:1;min-width:0;font-size:var(--fs-xl);font-weight:var(--fw-black)}.app-header-hi{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:var(--fw-semibold)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);background:var(--c-surface);border-top:var(--bw) solid var(--c-line);box-shadow:0 -6px 20px #140a280f;padding:var(--sp-1) calc(var(--sp-2) + var(--safe-r)) calc(var(--sp-1) + var(--safe-b)) calc(var(--sp-2) + var(--safe-l))}.tabbar-inner{max-width:var(--content-max);margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-1)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap-lg);border:none;border-radius:var(--r-md);background:transparent;color:var(--c-text-muted);font-size:clamp(12px,var(--fs-xs),16px);font-weight:var(--fw-bold);line-height:1.1;white-space:nowrap;padding:var(--sp-1) 0}.tab .icon{width:clamp(24px,1.6rem,30px);height:clamp(24px,1.6rem,30px)}.tabbar-inner[data-count="5"] .tab{font-size:clamp(12px,var(--fs-xs),14px)}.tab[aria-current=page]{color:var(--c-accent-text);background:var(--c-accent-soft)}.tab .count-badge{position:absolute;top:2px;left:calc(50% + .5rem)}.actionbar{position:fixed;left:0;right:0;z-index:var(--z-actionbar);bottom:calc(var(--tabbar-h) + var(--safe-b));padding:var(--sp-3) calc(var(--gutter) + var(--safe-r)) var(--sp-3) calc(var(--gutter) + var(--safe-l));background:linear-gradient(to top,var(--c-bg) 70%,color-mix(in srgb,var(--c-bg) 0%,transparent))}.actionbar>*{max-width:var(--content-max);margin:0 auto}.actionbar .btn,.actionbar .sent-pill{font-size:clamp(17px,var(--fs-lg),24px)}.actionbar .btn .icon,.actionbar .sent-pill .icon{width:1.2em;height:1.2em}@media (max-height: 520px){.actionbar{position:static;padding:var(--sp-4) 0 0;background:none}.app{--actionbar-h: 0px !important}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--c-scrim);display:grid;place-items:end center;padding:var(--sp-4) calc(var(--gutter) + var(--safe-r)) calc(var(--sp-4) + var(--safe-b)) calc(var(--gutter) + var(--safe-l));overflow-y:auto;animation:fade-in var(--dur-2) var(--ease-out)}.modal{width:100%;max-width:var(--content-max);background:var(--c-surface);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-5) var(--sp-5);box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:var(--sp-4);animation:rise-in var(--dur-3) var(--ease-spring)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{transform:translateY(24px) scale(.97);opacity:0}}.confirm{display:flex;flex-direction:column;gap:var(--tap-gap);padding:var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-2)}.confirm-q{font-weight:var(--fw-bold);font-size:var(--fs-lg)}.icon{display:inline-block;vertical-align:middle;flex:none;width:1.25em;height:1.25em}.list-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-lg);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);color:var(--c-text);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-align:left}.list-btn>.icon{width:1.6rem;height:1.6rem;color:var(--c-accent-text)}.list-btn>.icon:last-child{color:var(--c-text-muted);width:1.25rem}.list-btn-text{flex:1;min-width:0;display:flex;flex-direction:column}.list-btn-title{font-weight:var(--fw-bold)}.list-btn-sub{font-size:var(--fs-sm);color:var(--c-text-muted)}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);padding:calc(var(--safe-t) + var(--sp-6)) calc(var(--gutter) + var(--safe-r)) calc(var(--safe-b) + var(--sp-6)) calc(var(--gutter) + var(--safe-l))}.photo-viewer img{max-width:100%;max-height:70dvh;border-radius:var(--r-xl);object-fit:contain}.photo-viewer .btn{max-width:24rem}.gem-emoji{font-size:1.3em;line-height:1}.gem-emoji--lg{font-size:2.6rem}.unlock{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2)}.unlock-gift{display:grid;place-items:center;width:6rem;height:6rem;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-text);animation:gift-pop var(--dur-4) var(--ease-spring) both}.unlock-gift .icon{width:3.25rem;height:3.25rem}.unlock-title{font-size:var(--fs-2xl);font-weight:var(--fw-black)}.unlock-text{font-size:var(--fs-lg)}@keyframes gift-pop{0%{transform:scale(.4) rotate(-12deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0)}}.gemspin{position:relative;aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.gemspin:active{cursor:grabbing}.gemspin-sprite,.gemspin-still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:var(--sh-gem)}.gemspin-sprite{background-repeat:no-repeat}.gemv-title{text-align:center}.gemv-stage{width:min(72vw,18rem);margin:0 auto}.gemv-hint{text-align:center;color:var(--c-text-muted)}.jar-gem{position:relative;flex:none;display:grid;place-items:center;padding:0;border:none;background:transparent;border-radius:var(--r-lg);min-width:var(--tap);min-height:var(--tap)}.jar-gem-badge{position:absolute;right:-4px;bottom:-2px;padding:1px 6px;border-radius:var(--r-pill);background:var(--c-accent);color:var(--c-on-accent);font-size:11px;font-weight:var(--fw-black);letter-spacing:.02em}.modal .row>.grow{flex-basis:7rem}.gemgl{display:block;aspect-ratio:1;touch-action:none;cursor:grab;filter:var(--sh-gem)}.gemgl:active{cursor:grabbing}.cel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-celebrate);pointer-events:none;overflow:hidden}.cel>span{position:absolute;display:block;will-change:transform,opacity;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.7,.3,1);line-height:1}.cel-confetti{width:9px;height:13px;border-radius:2px;animation-name:cel-fall;animation-timing-function:linear!important}.cel-spark{width:7px;height:7px;border-radius:50%;animation-name:cel-burst}.cel-rise{animation-name:cel-rise;animation-timing-function:cubic-bezier(.3,.2,.4,1)!important}.cel-pop{animation-name:cel-pop}@keyframes cel-fall{0%{transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--drift),var(--fall)) rotate(var(--spin));opacity:0}}@keyframes cel-burst{0%{transform:translate(-50%,-50%) scale(1.6);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}@keyframes cel-rise{0%{transform:translate(0) scale(.8);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate(var(--drift),var(--rise)) scale(1);opacity:0}}@keyframes cel-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}20%{transform:translate(calc(-50% + var(--dx) * .5),calc(-50% + var(--dy) * .5)) scale(1.25);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 30px)) scale(.9);opacity:0}}.jar{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-xl)}.jar-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-4)}.jar-top .jar-text{flex:1 1 9rem;min-width:0}.jar-top .gem-img--lg{width:clamp(56px,4rem,80px);height:clamp(56px,4rem,80px)}.jar-big{display:flex;flex-direction:column;gap:0;font-weight:var(--fw-black)}.jar-num{font-size:var(--fs-3xl);line-height:1;color:var(--c-accent-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.jar-sub{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text-muted)}.jar .progress{height:1.5rem}.jar-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-md)}.jar-ready{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-lg);padding:var(--sp-3) var(--sp-4);border:none;border-radius:var(--r-lg);background:var(--c-accent);color:var(--c-on-accent);font-size:clamp(18px,var(--fs-lg),26px);font-weight:var(--fw-black);text-align:left;animation:ready-glow 2.4s ease-in-out infinite}.jar-ready>span{flex:1;min-width:0}.jar-ready .icon{width:clamp(22px,1.6rem,32px);height:clamp(22px,1.6rem,32px)}@keyframes ready-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--c-accent) 45%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--c-accent) 0%,transparent)}}@media (prefers-reduced-motion: reduce){.jar-ready{animation:none}}.message-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--r-xl);background:var(--c-accent-soft);border:var(--bw-strong) solid var(--c-accent)}.message-head{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-black);color:var(--c-accent-text);font-size:var(--fs-lg)}.message-task{font-weight:var(--fw-bold)}.message-text{font-size:var(--fs-lg)}.cat-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--fs-lg);font-weight:var(--fw-black);padding:var(--sp-2) var(--sp-1) 0}.task{position:relative;display:flex;align-items:flex-start;gap:var(--sp-3);width:100%;min-height:var(--tap-lg);padding:var(--sp-4);background:var(--c-surface);color:var(--c-text);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-1);text-align:left;transition:background-color var(--dur-2),border-color var(--dur-2),transform var(--dur-1) var(--ease-out)}.task:active:not(:disabled){transform:scale(.985)}.task:disabled{cursor:default}.task-gemcheck{position:relative;flex:none;display:grid;place-items:center;width:clamp(48px,3.25rem,68px);height:clamp(48px,3.25rem,68px)}.task-gemcheck .gem-img,.task-gemcheck .gem-emoji{width:100%;height:100%;font-size:clamp(36px,2.5rem,52px);line-height:1;text-align:center;filter:grayscale(1) brightness(1.25) contrast(.75);opacity:.42;transition:filter var(--dur-3) var(--ease-out),opacity var(--dur-3) var(--ease-out),transform var(--dur-2) var(--ease-out)}.task:active:not(:disabled) .task-gemcheck .gem-img{transform:scale(.92)}.task--done .task-gemcheck .gem-img,.task--done .task-gemcheck .gem-emoji{filter:drop-shadow(0 3px 4px rgba(20,10,40,.35)) saturate(1.25) brightness(1.08);opacity:1}.task-gemcheck-badge{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--c-good);color:var(--c-on-good);border:2px solid var(--c-surface);animation:badge-in var(--dur-3) var(--ease-spring) both}.task-gemcheck-badge .icon{width:70%;height:70%;stroke-width:3.5}@keyframes badge-in{0%{transform:scale(0)}}.task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1);padding-top:.2rem}.task-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1.25}.task-desc{color:var(--c-text-muted);white-space:pre-line}.task-answer{font-style:italic}.task-note{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--c-accent-text);font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.task-gem{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:2.75rem}.task-gem-n{font-weight:var(--fw-black);color:var(--c-gem)}.today .section{container-type:inline-size}@container (max-width: 17em){.task:not(.task--answer){flex-wrap:wrap}.task:not(.task--answer) .task-body{order:3;flex-basis:100%}.task:not(.task--answer) .task-gem{margin-left:auto;flex-direction:row;gap:var(--sp-2);align-items:center}}.task--done{background:var(--c-good-soft);border-color:var(--c-good)}.task--done .task-desc{color:var(--c-text)}.today .task:disabled:not(.task--done){background:var(--c-surface-2);box-shadow:none}.task--answer{flex-direction:column;align-items:stretch;gap:var(--sp-3);border:var(--bw-strong) solid var(--c-accent)}.task--pop .task-gemcheck{animation:gem-light var(--dur-4) var(--ease-spring)}@keyframes gem-light{0%{transform:scale(.7) rotate(-8deg)}55%{transform:scale(1.22) rotate(6deg)}to{transform:scale(1) rotate(0)}}.task-float{position:absolute;top:0;left:50%;font-weight:var(--fw-black);color:var(--c-gem);font-size:var(--fs-lg);animation:float-up .9s var(--ease-out) forwards;pointer-events:none}@keyframes float-up{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-2.5rem);opacity:0}}@media (prefers-reduced-motion: reduce){.task-float{display:none}}.sent-pill{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-lg);border-radius:var(--r-lg);background:var(--c-good-soft);color:var(--c-good-text);border:var(--bw) solid var(--c-good);font-size:var(--fs-lg);font-weight:var(--fw-black)}.modal-title{font-size:var(--fs-xl);font-weight:var(--fw-black)}.modal-text{font-size:var(--fs-lg)}.review{display:flex;flex-direction:column;gap:var(--sp-3)}.review-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.review-date{font-size:var(--fs-lg);font-weight:var(--fw-black)}.review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.review-item{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2);border:var(--bw) solid transparent}.review-item--ok{background:var(--c-good-soft);border-color:color-mix(in srgb,var(--c-good) 40%,transparent)}.review-item--chat{background:var(--c-warn-soft)}.review-item-top{display:flex;align-items:flex-start;gap:var(--sp-3)}.review-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.review-item-title{font-weight:var(--fw-semibold)}.review-item-answer{font-style:italic;color:var(--c-text-muted)}.review-item-msg{color:var(--c-warn-text);font-weight:var(--fw-semibold)}.review-foot{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-1)}.old-message{display:flex;flex-direction:column;gap:var(--sp-1)}.review .row>.grow{flex-basis:7rem;font-size:var(--fs-sm);padding-inline:var(--sp-3)}.ready-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-xl);background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--sh-2)}.ready-gift{flex:none;display:grid;place-items:center;width:clamp(56px,4rem,72px);height:clamp(56px,4rem,72px);border-radius:50%;background:color-mix(in srgb,var(--c-on-accent) 18%,transparent);animation:gift-pop var(--dur-4) var(--ease-spring) both}.ready-gift .icon{width:60%;height:60%}.ready-title{font-size:clamp(22px,var(--fs-xl),30px);font-weight:var(--fw-black);line-height:var(--lh-tight)}.ready-sub{font-size:clamp(17px,var(--fs-lg),24px)}.ready-card>div{flex:1}.reward{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--c-surface);border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.reward-main{display:flex;align-items:center;gap:var(--sp-3)}.reward-icon{flex:none;display:grid;place-items:center;width:clamp(40px,2.75rem,52px);height:clamp(40px,2.75rem,52px);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-accent-text)}.reward-icon .icon{width:1.5rem;height:1.5rem}.reward-text{flex:1;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.reward--locked{box-shadow:none}.reward--locked .reward-icon{background:var(--c-surface-2);color:var(--c-text-muted)}.reward--ask{border:var(--bw-strong) solid var(--c-accent)}.center{text-align:center}.redemption{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:var(--bw) solid var(--c-line);border-radius:var(--r-md)}.redemption-text{flex:1;min-width:0;font-weight:var(--fw-semibold)}.request{display:flex;flex-direction:column;gap:var(--sp-3)}.request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}.request-text{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.stat{display:flex;flex-direction:column;align-items:center;padding:var(--sp-3) var(--sp-1);border-radius:var(--r-md);background:var(--c-surface-2)}.stat--hi{background:var(--c-accent-soft)}.stat-n{font-size:var(--fs-2xl);font-weight:var(--fw-black);line-height:1.1;font-variant-numeric:tabular-nums}.stat--hi .stat-n{color:var(--c-accent-text)}.stat-l{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:var(--fw-semibold)}.editor-row{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.editor-row-text{font-weight:var(--fw-semibold)}.editor-row-actions{display:flex;gap:var(--tap-gap);flex-wrap:wrap}.editor-row-actions .icon-btn:last-child{margin-left:auto}.icon-btn--danger{color:var(--c-danger-text)}.request .row>.grow{flex-basis:7rem}.day{padding:0;overflow:hidden}.day-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-lg);padding:var(--sp-4);background:transparent;border:none;color:var(--c-text);text-align:left}.day-when{flex:1 1 12rem;display:flex;flex-direction:column;gap:2px}.day-date{font-size:var(--fs-lg);font-weight:var(--fw-bold)}.day-meta{color:var(--c-text-muted)}.gem-text{color:var(--c-gem)}.day-toggle{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--c-accent-text);font-weight:var(--fw-bold);white-space:nowrap}.day-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:var(--bw) solid var(--c-line)}.day-body .pill{white-space:normal}.day-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:var(--sp-2)}.day-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--bw) solid var(--c-line)}.day-item:last-child{border-bottom:none}.day-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.day-item-sub{font-style:italic;color:var(--c-text-muted)}.day-item-msg{color:var(--c-warn-text);font-weight:var(--fw-semibold)}.saved-toast{position:fixed;z-index:var(--z-actionbar);left:50%;bottom:calc(var(--tabbar-h) + var(--safe-b) + var(--sp-3));transform:translate(-50%,8px);opacity:0;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--c-good);color:var(--c-on-good);font-weight:var(--fw-bold);box-shadow:var(--sh-2);pointer-events:none;transition:opacity var(--dur-2),transform var(--dur-2) var(--ease-out)}.saved-toast--on{opacity:1;transform:translate(-50%)}.cat{padding:0;overflow:hidden}.cat-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-lg);padding:var(--sp-3) var(--sp-4);border:none;background:transparent;color:var(--c-text);text-align:left}.cat-name{flex:1;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-bold)}.cat-head>.icon{color:var(--c-accent-text)}.cat-body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4) var(--sp-4);border-top:var(--bw) solid var(--c-line)}.task-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.task-row{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2);border:var(--bw) solid transparent;touch-action:pan-y}.task-row--editing{background:var(--c-surface);border:var(--bw-strong) solid var(--c-accent)}.task-row--dragging{opacity:.35}.task-row--ghost{position:fixed;z-index:var(--z-modal);box-shadow:var(--sh-3);background:var(--c-surface);pointer-events:none}.task-row-main{display:flex;align-items:flex-start;gap:var(--sp-3)}.task-row-main .gem-img,.task-row-main .gem-emoji{margin-top:2px}.task-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.task-row-title{font-weight:var(--fw-semibold)}.task-row-meta{font-size:var(--fs-sm);color:var(--c-text-muted)}.task-row .btn--sm{margin-left:auto}.task-editor{display:flex;flex-direction:column;gap:var(--sp-4)}.days .choice{flex:1 0 4.25rem;padding-inline:var(--sp-2)}.add-task{padding-top:var(--sp-2);border-top:var(--bw) dashed var(--c-line)}.gem-picker{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface-2)}.gem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:var(--tap-gap)}.gem-grid--small{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:var(--sp-2)}.gem-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--tap);padding:var(--sp-2);border-radius:var(--r-md);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text)}.gem-tile img{width:100%;max-width:3.5rem;aspect-ratio:1;object-fit:contain;filter:var(--sh-gem)}.gem-tile[aria-pressed=false] img{opacity:.4;filter:grayscale(1)}.gem-tile-state{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.gem-tile[aria-pressed=true] .gem-tile-state{color:var(--c-good-text)}.gem-grid--small .gem-tile[aria-pressed=true]{border:var(--bw-strong) solid var(--c-accent);background:var(--c-accent-soft)}.gem-grid--small .gem-tile[aria-pressed=false] img{opacity:1;filter:var(--sh-gem)}.me-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.me-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black)}.modes .choice{flex:1 1 8rem}.swatches{display:flex;flex-wrap:wrap;gap:var(--tap-gap)}.swatch{display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:50%;border:var(--bw-strong) solid var(--c-surface);box-shadow:0 0 0 var(--bw) var(--c-line-strong);background:var(--swatch);color:#fff}.swatch .icon{width:1.5rem;height:1.5rem;stroke-width:3;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--c-text)}.celebrations{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--tap-gap)}.celebration{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--tap-lg);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-bold);text-align:left}.celebration-emoji{font-size:1.75rem;line-height:1}.celebration[aria-checked=true]{border:var(--bw-strong) solid var(--c-accent);background:var(--c-accent-soft)}.color-wheel-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);margin:0 auto}.color-wheel-canvas-wrap{position:relative;width:220px;height:220px;flex-shrink:0}.color-wheel{width:100%;height:100%;border-radius:50%;cursor:crosshair;display:block;touch-action:none}.color-wheel-indicator{position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #00000080,0 2px 6px #0006;transform:translate(-50%,-50%);pointer-events:none}.lightness-slider{position:relative;width:220px;height:28px;border-radius:var(--r-pill);cursor:pointer;touch-action:none;flex-shrink:0}.lightness-thumb{position:absolute;top:50%;width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #0006,0 2px 8px #00000080;transform:translate(-50%,-50%);pointer-events:none}.crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000e0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);padding:calc(var(--safe-t) + var(--sp-6)) calc(var(--gutter) + var(--safe-r)) calc(var(--safe-b) + var(--sp-6)) calc(var(--gutter) + var(--safe-l));overflow-y:auto}.crop-hint{text-align:center;font-size:var(--fs-md)}.crop-area{position:relative;flex-shrink:0;border-radius:50%;overflow:hidden;cursor:grab;border:3px solid #fff;touch-action:none}.crop-zoom{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-bold)}.crop-zoom input{width:12rem;height:var(--tap);accent-color:var(--c-accent)}.crop-actions{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--tap-gap)}.login{min-height:100dvh;max-width:26rem;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-4);padding:calc(var(--safe-t) + var(--sp-8)) calc(var(--gutter) + var(--safe-r)) calc(var(--safe-b) + var(--sp-6)) calc(var(--gutter) + var(--safe-l))}.login-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center}.login-gem{width:clamp(112px,8rem,160px);animation:gem-float 4s ease-in-out infinite}.login-gem--sm{width:clamp(88px,6rem,120px)}@keyframes gem-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@media (prefers-reduced-motion: reduce){.login-gem{animation:none}}.login-title{font-size:var(--fs-2xl);font-weight:var(--fw-black)}.login-form{display:flex;flex-direction:column;gap:var(--sp-3)}.login-space{min-height:var(--tap-lg);font-size:var(--fs-xl);text-align:center}.login-error{min-height:1.4em;text-align:center;color:var(--c-danger-text);font-weight:var(--fw-semibold)}.pin-dots{display:flex;justify-content:center;gap:var(--sp-4)}.pin-dot{width:1.1rem;height:1.1rem;border-radius:50%;border:var(--bw-strong) solid var(--c-accent-text)}.pin-dot--on{background:var(--c-accent-text)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tap-gap)}.key{min-height:max(64px,4rem);border-radius:var(--r-lg);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;transition:transform var(--dur-1) var(--ease-out),background-color var(--dur-1)}.key:active:not(:disabled){transform:scale(.95);background:var(--c-accent-soft)}.key--back{display:grid;place-items:center;color:var(--c-text-muted)}.key--back .icon{width:1.75rem;height:1.75rem}.key:disabled{opacity:.45}.install{margin-bottom:var(--sp-4)}