:root{color-scheme:light;--ground: #edf1f1;--surface: #fbfdfd;--surface-2: #f1f5f5;--ink: #0f1a1c;--ink-soft: #5c6c6e;--ink-faint: #86999a;--line: #dce4e4;--line-soft: #e7eded;--accent: #175a69;--accent-ink: #fbfdfd;--accent-wash: #e2eef0;--stuck: #b04a66;--stuck-wash: #f4e4e8;--work: #9e7220;--work-wash: #f4ebda;--stable: #2e7a60;--stable-wash: #dfefe8;--gold: #9c7826;--gold-wash: #f3ead5;--paper: #fbfaf5;--radius: 20px;--radius-sm: 14px;--shadow: 0 18px 44px -24px rgba(15, 40, 45, .4), 0 2px 6px -2px rgba(15, 40, 45, .1);--tap: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:Onest,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.app{height:100%;max-width:520px;margin:0 auto;background:var(--surface);display:flex;flex-direction:column;position:relative}@media (min-width: 560px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 18px 12px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.brand{font-family:Unbounded,Onest,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.02em}.brand span{color:var(--accent)}.topbar-note{font-size:12.5px;color:var(--ink-faint)}.screen{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:18px;-webkit-overflow-scrolling:touch}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}h2.title{font-family:Unbounded,Onest,sans-serif;font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:2px 0 0;text-wrap:balance}.lead{margin:0;font-size:14px;color:var(--ink-soft)}.stack{display:flex;flex-direction:column;gap:10px}.tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{padding:10px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--ink-faint);min-height:var(--tap);transition:color .14s}.tabbar button[data-on=true]{color:var(--accent)}.tabbar .dot{width:22px;height:22px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-size:12px;transition:background .14s,transform .14s}.tabbar button[data-on=true] .dot{background:var(--accent-wash);transform:translateY(-1px)}.tabbar .badge{position:absolute;transform:translate(14px,-10px);background:var(--stuck);color:#fff;font-size:10px;line-height:1;padding:3px 5px;border-radius:99px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 14px;border-radius:99px;background:var(--surface-2);border:1px solid transparent;font-size:14px;font-weight:500;color:var(--ink-soft);transition:background .12s,color .12s,transform .08s}.chip:active{transform:scale(.96)}.chip[data-on=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 360px){.grid{grid-template-columns:1fr}}.tag{min-height:72px;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1.5px solid var(--line-soft);text-align:left;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:15px;font-weight:600;line-height:1.25;position:relative;overflow:hidden;transition:transform .09s ease,border-color .14s,background .14s}.tag:active{transform:scale(.955)}.tag .freq{font-size:11.5px;font-weight:500;color:var(--ink-faint)}.tag[data-habit=true]{background:var(--work-wash);border-color:#e8dcbf}.tag[data-habit=true] .freq{color:var(--work)}.tag[data-on=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:pop .3s ease}.tag[data-on=true] .freq{color:#ffffffb8}@keyframes pop{0%{transform:scale(.94)}45%{transform:scale(1.035)}to{transform:scale(1)}}.tag[data-fixed=true]{background:var(--accent-wash);border-color:var(--accent-wash);border-style:dashed;border-color:#b9d6db;color:var(--accent);opacity:.85}.tag[data-fixed=true] .freq{color:var(--accent);opacity:.7}.tag[data-fixed=true]:active{transform:none}.tag[data-shake=true]{animation:nudge .34s ease}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion: reduce){.tag[data-on=true],.tag[data-shake=true]{animation:none}}.caught{position:sticky;bottom:0;margin:0 -18px -28px;padding:14px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--surface) 68%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px}.caught-n{font-family:Unbounded,Onest,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:transform .2s}.caught-n[data-bump=true]{transform:scale(1.18)}.caught-label{font-size:12.5px;color:var(--ink-faint);line-height:1.25}.btn{min-height:var(--tap);padding:0 20px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:15.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .08s}.btn:active{transform:scale(.98)}.btn[data-variant=ghost]{background:var(--surface-2);color:var(--ink)}.btn[data-variant=quiet]{background:transparent;color:var(--ink-soft);min-height:44px;font-size:14px;font-weight:500}.btn:disabled{opacity:.42;pointer-events:none}.card{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{font-weight:600;font-size:16px;line-height:1.25}.card-sub{font-size:12.5px;color:var(--ink-faint)}.card-explain{font-size:13px;color:var(--ink-soft);margin:0}.pill{font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:99px;white-space:nowrap}.pill[data-state=stuck]{background:var(--stuck-wash);color:var(--stuck)}.pill[data-state=working]{background:var(--work-wash);color:var(--work)}.pill[data-state=stable],.pill[data-state=closed]{background:var(--stable-wash);color:var(--stable)}.paper{background:var(--paper);border:1px solid #e6e2d2;border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}.paper-group-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.paper-line{display:flex;gap:10px;font-size:15px;line-height:1.4;padding-bottom:10px;border-bottom:1px solid #eae5d5}.paper-line:last-child{border-bottom:none;padding-bottom:0}.paper-el{font-weight:600;white-space:nowrap}.paper-note{color:var(--ink-soft);font-size:13.5px}.retract{font-size:12px;font-weight:600;color:var(--stuck);background:var(--stuck-wash);border-radius:8px;padding:4px 9px;align-self:center;white-space:nowrap}.paper-memory{font-size:11px;color:var(--ink-faint);border:1px solid var(--line);border-radius:6px;padding:1px 5px;align-self:center}.stretch-hero{background:linear-gradient(160deg,var(--accent) 0%,#10414c 100%);color:var(--accent-ink);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px}.stretch-value{font-family:Unbounded,Onest,sans-serif;font-size:54px;font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stretch-unit{margin-left:6px;font-size:20px;font-weight:500;opacity:.7}.stretch-delta{font-size:14px;font-weight:600;opacity:.92}.spark{display:flex;align-items:flex-end;gap:5px;height:56px;margin-top:8px}.spark i{flex:1;background:#ffffff52;border-radius:4px 4px 0 0;min-height:4px}.spark i:last-child{background:#ffffffe6}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0;background:#091a1e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:20;animation:fade .22s ease}@keyframes fade{0%{opacity:0}}.celebrate-box{background:var(--surface);border-radius:26px;padding:30px 24px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;max-width:340px;width:100%;animation:rise .34s cubic-bezier(.2,.9,.3,1.2)}@keyframes rise{0%{transform:translateY(18px) scale(.94);opacity:0}}.celebrate-mark{width:76px;height:76px;border-radius:50%;background:var(--stable-wash);color:var(--stable);display:grid;place-items:center;margin:0 auto;font-size:34px}.celebrate-title{font-family:Unbounded,Onest,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em}.celebrate-sub{font-size:14.5px;color:var(--ink-soft);margin:0}.empty{text-align:center;padding:36px 18px;color:var(--ink-faint);font-size:14.5px;line-height:1.5}.divider{height:1px;background:var(--line-soft);margin:4px 0}.row{display:flex;align-items:center;gap:10px}.actions{display:flex;gap:8px;margin-top:2px}.actions .btn{flex:1;min-width:0;padding:0 8px;font-size:14px;min-height:48px;text-align:center}.grow{flex:1}.field{width:100%;min-height:var(--tap);padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);font-size:16px}.field:focus{outline:none;border-color:var(--accent)}.toast{gap:10px;position:absolute;left:50%;bottom:calc(152px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:var(--surface);padding:11px 16px;border-radius:99px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:30;animation:rise .2s ease;box-shadow:var(--shadow)}.toast button{color:#7fd0c4;font-weight:700;font-size:14px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px;flex:none}.swatch{width:40px;height:40px;border-radius:12px;border:3px solid transparent;transition:transform .08s}.swatch:active{transform:scale(.92)}.swatch[data-on=true]{border-color:var(--ink)}.role-card{text-align:left;cursor:pointer;border:1.5px solid var(--line-soft);transition:border-color .14s,background .14s}.role-card[data-on=true]{border-color:var(--accent);background:var(--accent-wash)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}.stat-n{font-family:Unbounded,Onest,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat-l{font-size:11.5px;color:var(--ink-faint);line-height:1.25}.konek{display:grid;place-items:center;flex:none}.konek svg{display:block;width:100%;height:100%;transform-origin:50% 92%}.konek[data-pose=head] svg,.konek[data-pose=head] .konek-eye{animation:none}.konek[data-pose=stand] svg,.konek[data-pose=tilt] svg,.konek[data-pose=sit] svg{animation:konek-breathe 4.2s ease-in-out infinite}.konek[data-pose=joy] svg{animation:konek-hop .62s cubic-bezier(.3,1.4,.5,1) 1}.konek .konek-eye{transform-box:fill-box;transform-origin:center;animation:konek-blink 6.5s ease-in-out infinite}@keyframes konek-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes konek-hop{0%{transform:translateY(10px) scale(.94)}45%{transform:translateY(-14px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes konek-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@media (prefers-reduced-motion: reduce){.konek svg,.konek .konek-eye{animation:none!important}}.empty .konek{margin:4px auto 14px}.brand{display:flex;align-items:center;gap:8px}.recall-head{display:flex;align-items:center;gap:12px}