@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/D6LQsQ_v.woff2) format("woff2"),url(/assets/BzhAQZkN.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/B9SDL8cy.woff2) format("woff2"),url(/assets/Do9veZfZ.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/zlTlWIYU.woff2) format("woff2"),url(/assets/DUjB8dgm.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/D8_1Nw6V.woff2) format("woff2"),url(/assets/cPyBTTZN.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/V6pRDFza.woff2) format("woff2"),url(/assets/6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/BWZEU5yA.woff2) format("woff2"),url(/assets/CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/C8RAYTDA.woff2) format("woff2"),url(/assets/BfsvjouI.woff) format("woff")}:root{--paper-50: #fcf6e8;--paper-100: #f8efd8;--paper-200: #f3e8cf;--paper-300: #e8d8b8;--paper-400: #d4c19a;--paper-500: #c9b58c;--ink-900: #1a1611;--ink-700: #2b241b;--ink-500: #5a4b37;--ink-300: #8a7659;--ink-200: #b8a486;--accent-100: #fae0c8;--accent-300: #f5a673;--accent-500: #e87a2e;--accent-700: #c8541f;--leaf-500: #7a9347;--err-500: #c8351f;--gold-500: #d4a02e;--brown-500: #a47552;--surface-bg: #f5ecd9;--surface-card: var(--paper-50);--surface-mid: var(--paper-200);--surface-deep: var(--paper-300);--surface-line: var(--paper-400);--surface-line-strong: var(--paper-500);--text-primary: var(--ink-700);--text-secondary: var(--ink-500);--text-tertiary: var(--ink-300);--text-faint: var(--ink-200);--text-accent: var(--accent-500);--text-inverse: var(--paper-50);--paper: #f5ecd9;--paper-2: var(--paper-200);--paper-3: var(--paper-300);--ink: var(--ink-700);--ink-2: var(--ink-500);--ink-3: var(--ink-300);--line: var(--paper-500);--accent: var(--accent-500);--accent-2: var(--accent-700);--leaf: var(--leaf-500);--brown: var(--brown-500);--err: var(--err-500);--gold: var(--gold-500);--display: "Fredoka Variable", "Inter Variable", system-ui, sans-serif;--body: "Inter Variable", system-ui, sans-serif;--hand: "Caveat", cursive;--mono: "JetBrains Mono", ui-monospace, monospace;--t-display-xl: 38px;--t-display-lg: 28px;--t-display-md: 22px;--t-display-sm: 18px;--t-display-xs: 14px;--t-body-lg: 16px;--t-body-md: 14px;--t-body-sm: 13px;--t-body-xs: 12px;--t-mono-md: 13px;--t-mono-sm: 11px;--t-mono-xs: 10px;--t-mono-2xs: 9px;--t-hand-lg: 22px;--t-hand-md: 18px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 48px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--r-2xl: 28px;--r-full: 9999px;--shadow-xs: inset 0 1px 0 rgba(255,255,255,.5);--shadow-sm: 0 1px 3px rgba(43,36,27,.06);--shadow-md: 0 4px 12px -4px rgba(43,36,27,.12);--shadow-lg: 0 12px 32px -8px rgba(43,36,27,.16);--shadow-xl: 0 24px 64px -12px rgba(43,36,27,.22);--shadow-glow: 0 0 24px -4px rgba(232,122,46,.4);--shadow-inset-vignette: inset 0 0 60px rgba(43,36,27,.1);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.2, .9, .2, 1.05);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .36s;--body-bg-1: rgba(232,122,46,.08);--body-bg-2: rgba(122,147,71,.07);--body-base: #d8c79f;--noise-mix: multiply;--noise-opacity: .4;--bezel: #2a221a;--bezel-inner: rgba(0,0,0,.25);--bezel-radius: 18px;--bezel-inner-radius: 10px}:root[data-mode=dark]{--paper-50: #1a1a1d;--paper-100: #16161a;--paper-200: #14141a;--paper-300: #1f1f24;--paper-400: #2a2a30;--paper-500: #3a3a42;--ink-900: #ffffff;--ink-700: #f0f0f2;--ink-500: #b8b8be;--ink-300: #80808a;--ink-200: #4a4a52;--accent-100: #3a1f10;--accent-300: #c66628;--accent-500: #ff9a55;--accent-700: #ffb380;--leaf-500: #6fd470;--err-500: #ff6b5e;--gold-500: #f0c050;--brown-500: #7a6a55;--surface-bg: #0e0e10;--surface-card: var(--paper-50);--surface-mid: var(--paper-200);--surface-deep: var(--paper-300);--surface-line: var(--paper-400);--surface-line-strong: var(--paper-500);--text-primary: var(--ink-700);--text-secondary: var(--ink-500);--text-tertiary: var(--ink-300);--text-faint: var(--ink-200);--text-accent: var(--accent-500);--text-inverse: #0e0e10;--paper: #0e0e10;--paper-2: var(--paper-200);--paper-3: var(--paper-300);--ink: var(--ink-700);--ink-2: var(--ink-500);--ink-3: var(--ink-300);--line: var(--paper-400);--accent: var(--accent-500);--accent-2: var(--accent-700);--body-bg-1: rgba(255,154,85,.05);--body-bg-2: rgba(0,0,0,0);--body-base: #050507;--noise-mix: overlay;--noise-opacity: .05;--bezel: #050507;--bezel-inner: rgba(255,255,255,.05);--shadow-md: 0 4px 12px -4px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px -8px rgba(0,0,0,.65)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{background:var(--surface-bg);min-height:100svh}body{font-family:var(--body);color:var(--text-primary);background:var(--surface-bg);background-image:radial-gradient(ellipse at 20% 10%,var(--body-bg-1),transparent 50%),radial-gradient(ellipse at 80% 90%,var(--body-bg-2),transparent 50%);min-height:100svh;overscroll-behavior:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.stage{min-height:100svh;display:flex;align-items:stretch;justify-content:center;padding:0}.device{width:100%;height:100svh;background:var(--surface-bg);overflow:hidden;position:relative;isolation:isolate}.device:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.16 0 0 0 0 0.14 0 0 0 0 0.10 0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:var(--noise-opacity);mix-blend-mode:var(--noise-mix)}.device{transition:background var(--dur-base) var(--ease-out)}@media(min-width:600px){.stage{align-items:center;padding:28px}.device{width:412px;height:min(880px,calc(100svh - 56px));border-radius:46px;box-shadow:0 28px 70px -18px #2b241b73,0 4px 16px -6px #2b241b33,0 0 0 1px #2b241b0f}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:enter var(--dur-slow) var(--ease-out)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.device{width:100vw;height:100svh}}.display{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 22,"wght" 500;letter-spacing:-.01em}.display-tight{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 36,"wght" 500;letter-spacing:-.02em}.hand{font-family:var(--hand)}.mono{font-family:var(--mono);font-feature-settings:"tnum";letter-spacing:.02em}.upper{text-transform:uppercase;letter-spacing:.1em}.pill-cta{height:52px;padding:0 var(--s-6);border-radius:var(--r-full);background:var(--accent-500);color:var(--text-inverse);border:none;font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 22,"wght" 500;font-size:var(--t-display-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);box-shadow:0 6px 16px -4px #e87a2e73}.pill-cta:hover{background:var(--accent-700);box-shadow:0 8px 20px -4px #e87a2e8c}.pill-cta:active{transform:scale(.98)}.pill-cta:disabled{background:var(--paper-300);color:var(--text-tertiary);box-shadow:none;cursor:not-allowed}.pill-ghost{height:44px;padding:0 var(--s-5);border-radius:var(--r-full);background:var(--surface-card);color:var(--text-primary);border:1px solid var(--surface-line);font-family:var(--body);font-weight:600;font-size:var(--t-body-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out)}.pill-ghost:hover{background:var(--paper-100)}.pill-ghost:active{transform:scale(.98)}.pill-ghost:disabled{opacity:.55;cursor:not-allowed}.link{background:none;border:none;color:var(--text-tertiary);text-decoration:underline;text-underline-offset:4px;font-size:var(--t-body-sm);cursor:pointer;font-family:var(--body);transition:color var(--dur-fast) var(--ease-out)}.link:hover{color:var(--text-secondary)}.icon-button{width:40px;height:40px;border-radius:var(--r-full);background:var(--surface-card);border:1px solid var(--surface-line);display:grid;place-items:center;color:var(--text-secondary);cursor:pointer;padding:0;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-button:hover{background:var(--paper-100)}.icon-button:active{transform:scale(.95)}.header-avatar{width:36px;height:36px;border-radius:var(--r-full);overflow:hidden;background:var(--surface-mid);border:1px solid var(--surface-line);position:relative;box-shadow:var(--shadow-xs)}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-avatar:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 8px #2b241b2e;pointer-events:none}.card{background:var(--surface-card);border-radius:var(--r-xl);padding:var(--s-5);border:1px solid var(--surface-line)}.card-3{background:var(--surface-deep);border-radius:var(--r-md);padding:12px 14px}.hairline{height:1px;background:var(--surface-line);opacity:.55}.device-mockup{margin:14px 24px 12px;padding:10px;border-radius:20px;background:var(--bezel, #2a221a);box-shadow:0 10px 28px -12px #00000059,var(--shadow-md),inset 0 1px #ffffff14,inset 0 0 0 1px #00000073;transition:background var(--dur-base) var(--ease-out);position:relative}[data-mode=dark] .device-mockup{background:#050505;box-shadow:0 12px 32px -10px #000000b3,inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff14}.device-mockup:after{content:"";position:absolute;left:50%;bottom:4px;width:28px;height:3px;border-radius:2px;background:#ffffff1a;transform:translate(-50%)}[data-mode=dark] .device-mockup:after{background:#ff8c4a73;box-shadow:0 0 6px #ff8c4a80}.speed-row{margin:10px 20px 0;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:var(--surface-card);border:1px solid var(--surface-line);border-radius:14px;box-shadow:var(--shadow-sm)}.speed-row__state{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 13,"wght" 500;font-size:13px;color:var(--text-primary)}.speed-row__value{display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 28,"wght" 600;letter-spacing:-.02em;color:var(--text-primary)}.speed-row__num{font-size:30px;line-height:1}.speed-row__unit{font-size:12px;color:var(--text-tertiary);font-variation-settings:"SOFT" 80,"opsz" 12,"wght" 500;letter-spacing:0}.speed-row__meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-align:right}.speed-row__acc,.speed-row__sat{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.speed-row__warn{display:block;font-family:var(--hand);font-size:12px;color:var(--err-500);margin-top:2px;white-space:nowrap}.live-canvas{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--bezel-inner-radius);background:radial-gradient(circle at 50% 60%,var(--paper-300) 0%,var(--paper-200) 80%);box-shadow:inset 0 0 0 1px var(--bezel-inner);margin:0}.live-canvas__vignette{position:absolute;inset:0;pointer-events:none;box-shadow:var(--shadow-inset-vignette);border-radius:inherit;z-index:4}.live-state-chip{position:absolute;top:var(--s-3);left:var(--s-3);display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 11px;border-radius:var(--r-full);background:#fcf6e8eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--surface-line);font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 14,"wght" 500;font-size:var(--t-display-xs);letter-spacing:-.005em;z-index:5}.live-state-chip__dot{width:7px;height:7px;border-radius:50%;background:var(--leaf-500)}.live-state-chip__dot.is-sleep{animation:breathe-pulse 4.5s ease-in-out infinite}.live-state-chip__dot.is-walk{animation:breathe-pulse 2.2s ease-in-out infinite}.live-state-chip__dot.is-run{animation:breathe-pulse 1.2s ease-in-out infinite;background:var(--accent-500)}.live-state-chip__dot.is-turbo{animation:breathe-pulse .7s ease-in-out infinite;background:var(--err-500)}.live-state-chip__dot.is-brake{animation:brake-flash .4s ease-in-out infinite;background:var(--err-500)}@keyframes breathe-pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.15);opacity:.85;box-shadow:0 0 0 4px #0000}}@keyframes brake-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.speed-watermark{position:absolute;right:-4px;bottom:-6px;font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 80,"wght" 600;font-size:clamp(64px,18vw,84px);color:var(--ink-700);opacity:.2;line-height:.8;letter-spacing:-.04em;pointer-events:none;z-index:1}.speed-watermark .unit{font-size:.3em;vertical-align:.2em;letter-spacing:0;margin-left:4px;opacity:.7}.acc-meta{position:absolute;right:var(--s-3);bottom:var(--s-3);display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:3}.acc-chip{font-family:var(--mono);font-size:var(--t-mono-xs);background:#fcf6e8e0;padding:2px var(--s-2);border-radius:var(--r-full);border:1px solid var(--surface-line);color:var(--leaf-500);letter-spacing:.06em}.live-warn{font-family:var(--hand);font-size:var(--t-display-xs);color:var(--err-500);background:#fcf6e8eb;padding:2px 10px;border-radius:var(--r-full);border:1px solid var(--surface-line)}.capy-bubble{position:absolute;top:var(--s-3);right:var(--s-3);max-width:62%;background:#fcf6e8f5;border:1px solid var(--surface-line);border-radius:14px 14px 14px 4px;padding:var(--s-2) var(--s-3);font-family:var(--hand);font-size:var(--t-hand-md);line-height:1.2;color:var(--text-primary);box-shadow:var(--shadow-md);z-index:6;animation:capy-bubble-in var(--dur-slow) var(--ease-spring) both,capy-bubble-out var(--dur-base) ease 7.7s forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.capy-bubble__ai{display:inline-block;font-size:10px;color:var(--accent-500);margin-right:4px;vertical-align:middle;opacity:.65}@keyframes capy-bubble-in{0%{opacity:0;transform:translateY(-6px) scale(.92)}to{opacity:1;transform:none}}@keyframes capy-bubble-out{to{opacity:0;transform:translateY(-2px)}}.capy-bubble--bottom{top:auto;bottom:var(--s-3);border-radius:4px 14px 14px}.pet-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;background:var(--surface-mid);border-radius:var(--r-lg);border:1px solid var(--surface-line)}.pet-slot{position:relative;padding:8px 6px 10px;border:none;background:transparent;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);font-family:var(--body)}.pet-slot:hover{background:#fcf6e880}.pet-slot:active{transform:scale(.97)}.pet-slot[aria-pressed=true]{background:var(--surface-card);box-shadow:var(--shadow-sm)}.pet-slot[aria-pressed=true]:after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:var(--accent-500);border:2px solid var(--surface-mid)}.pet-slot__thumb{width:48px;height:48px;border-radius:var(--r-sm);background:var(--surface-deep);display:grid;place-items:center;overflow:hidden;position:relative}.pet-slot__thumb img{width:100%;height:100%;object-fit:cover;transition:filter var(--dur-base) var(--ease-out)}.pet-slot[aria-pressed=false] .pet-slot__thumb img{filter:saturate(.7) brightness(.95)}.pet-slot__thumb--empty{color:var(--text-tertiary);font-size:26px;font-weight:300;line-height:1}.pet-slot__label{font-size:var(--t-body-sm);font-weight:600;color:var(--text-primary)}.pet-slot[aria-pressed=false] .pet-slot__label{color:var(--text-secondary);font-weight:500}.pet-slot__hint{font-family:var(--mono);font-size:var(--t-mono-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-3)}.section-head__title{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 18,"wght" 500;font-size:var(--t-display-sm);letter-spacing:-.01em}.section-head__caption{font-family:var(--mono);font-size:var(--t-mono-2xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em}.gif-section{background:var(--surface-card);border:1px solid var(--surface-line);border-radius:var(--r-lg);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.gif-section__head{display:flex;justify-content:space-between;align-items:baseline}.gif-section__title{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 18,"wght" 500;font-size:var(--t-display-sm);letter-spacing:-.01em}.gif-section__hint{font-size:var(--t-body-xs);color:var(--text-tertiary)}.gif-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 14px;border:1.5px dashed var(--surface-line-strong);border-radius:var(--r-md);background:var(--surface-mid);text-align:center;cursor:pointer;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.gif-placeholder:hover{background:var(--surface-deep);border-color:var(--accent-500)}.gif-placeholder__icon{font-size:26px;font-weight:300;color:var(--accent-500);line-height:1;margin-bottom:2px}.gif-placeholder__title{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 16,"wght" 500;font-size:var(--t-body-lg);color:var(--text-primary)}.gif-placeholder__desc{font-size:var(--t-body-xs);color:var(--text-tertiary)}.gif-manage{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-card);border:1px solid var(--surface-line);border-radius:var(--r-md);font-family:var(--body);font-size:var(--t-body-md);font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.gif-manage:hover{background:var(--paper-100)}.gif-manage:active{transform:scale(.99)}.gif-manage__chevron{font-family:var(--mono);font-size:var(--t-display-sm);font-weight:300;color:var(--text-tertiary);line-height:1}.gif-drawer{background:var(--surface-mid);border:1px solid var(--surface-line);border-radius:var(--r-md);overflow:hidden;transition:background var(--dur-base) var(--ease-out)}.gif-drawer[data-open=true]{background:var(--surface-card)}.gif-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:12px 14px;cursor:pointer;background:transparent;border:none;width:100%;font-family:var(--body);color:var(--text-primary);font-size:var(--t-body-md);font-weight:500;transition:background var(--dur-fast) var(--ease-out)}.gif-drawer__head:hover{background:#00000005}.gif-drawer__head-thumb{width:28px;height:28px;border-radius:var(--r-xs);overflow:hidden;background:var(--surface-deep);flex:0 0 auto;border:1px solid var(--surface-line)}.gif-drawer__head-thumb img{width:100%;height:100%;object-fit:cover}.gif-drawer__head-label{flex:1;text-align:left}.gif-drawer__caret{font-family:var(--mono);font-size:var(--t-mono-sm);color:var(--text-tertiary);transition:transform var(--dur-base) var(--ease-out)}.gif-drawer[data-open=true] .gif-drawer__caret{transform:rotate(180deg)}.gif-drawer__body{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px;animation:drawer-in var(--dur-base) var(--ease-out)}@keyframes drawer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ble-row{display:flex;flex-direction:column;gap:6px}.ble-row__buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ble-status{font-size:var(--t-body-xs);color:var(--text-tertiary);min-height:0}.ble-status:empty{display:none}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gif-card{position:relative;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-deep);border:1px solid var(--surface-line);cursor:pointer;aspect-ratio:1 / 1;transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.gif-card[aria-pressed=true]{border-color:var(--accent-500);box-shadow:0 0 0 1px var(--accent-500),0 6px 14px -6px #e87a2e73}.gif-card img{width:100%;height:100%;object-fit:cover}.gif-card__delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#2b241bd9;color:var(--paper-50);border:none;display:grid;place-items:center;cursor:pointer;font-size:13px;opacity:.85;transition:opacity var(--dur-fast) var(--ease-out)}.gif-card__delete:hover{opacity:1}.sheet-backdrop{position:absolute;inset:0;background:#2b241b73;backdrop-filter:blur(2px);z-index:40;animation:fade var(--dur-base) var(--ease-out)}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--surface-mid);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:14px 22px calc(env(safe-area-inset-bottom) + 22px);z-index:41;animation:sheet-up var(--dur-slow) var(--ease-spring);max-height:72%;display:flex;flex-direction:column;gap:14px;overflow-y:auto;box-shadow:var(--shadow-xl);scrollbar-width:thin;scrollbar-color:var(--surface-line-strong) transparent}.sheet::-webkit-scrollbar{width:6px}.sheet::-webkit-scrollbar-track{background:transparent}.sheet::-webkit-scrollbar-thumb{background:var(--surface-line);border-radius:3px;border:1px solid transparent;background-clip:padding-box}.sheet::-webkit-scrollbar-thumb:hover{background:var(--surface-line-strong)}.sheet__handle{width:40px;height:4px;border-radius:var(--r-full);background:var(--paper-400);margin:0 auto 4px;flex:0 0 auto}.sheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:0 0 auto}.sheet__title{margin:0;font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 22,"wght" 500;font-size:var(--t-display-md);letter-spacing:-.01em;color:var(--text-primary)}.sheet__hint{font-size:var(--t-body-xs);color:var(--text-tertiary)}.sheet__foot{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:4px;flex:0 0 auto}.sheet--gif{max-height:78%}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:absolute;inset:0;background:#2b241b80;backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;animation:fade var(--dur-base) var(--ease-out);padding:var(--s-6)}.modal-card{width:84%;max-width:360px;background:var(--surface-card);border-radius:var(--r-xl);padding:var(--s-6);animation:pop var(--dur-slow) var(--ease-spring);box-shadow:var(--shadow-xl)}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface-card);border:1px solid var(--surface-line);border-radius:var(--r-md);gap:12px}.settings-row+.settings-row{margin-top:8px}.settings-row__label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.settings-row__title{font-size:var(--t-body-md);font-weight:600;color:var(--text-primary)}.settings-row__desc{font-size:var(--t-body-xs);color:var(--text-tertiary)}button.settings-row{width:100%;cursor:pointer;font-family:inherit;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button.settings-row:hover,[data-mode=dark] button.settings-row:hover{background:var(--paper-100)}button.settings-row:active{transform:scale(.99)}.settings-row__chevron{flex:0 0 auto;font-family:var(--mono);font-size:var(--t-display-sm);font-weight:300;color:var(--text-tertiary);line-height:1}.settings-row--danger .settings-row__title,.settings-row--danger .settings-row__chevron{color:var(--err-500)}button.settings-row--danger:hover{background:#c8351f0f;border-color:#c8351f40}.switch{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:var(--r-full);background:var(--paper-300);border:1px solid var(--surface-line);position:relative;cursor:pointer;transition:background var(--dur-base) var(--ease-out);flex:0 0 auto}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--surface-card);box-shadow:var(--shadow-sm);transition:left var(--dur-base) var(--ease-spring)}.switch:checked{background:var(--accent-500);border-color:var(--accent-500)}.switch:checked:after{left:20px}.seg-control{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;background:var(--surface-mid);border-radius:var(--r-full);border:1px solid var(--surface-line)}.seg-control.seg-2{grid-template-columns:repeat(2,1fr)}.seg-control button{border:none;background:transparent;border-radius:var(--r-full);padding:8px 6px;font-family:var(--body);font-weight:600;font-size:var(--t-body-xs);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.seg-control button:hover{color:var(--text-primary)}.seg-control button[aria-pressed=true]{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.settings-input{width:100%;padding:10px 12px;background:var(--surface-card);border:1px solid var(--surface-line);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--t-mono-md);color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.settings-input:focus{border-color:var(--accent-500)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-input:disabled{opacity:.5;cursor:not-allowed}.name-input{width:100%;max-width:240px;padding:12px 16px;border:1px solid var(--surface-line);border-radius:var(--r-sm);background:var(--surface-card);font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 18,"wght" 500;font-size:var(--t-display-sm);text-align:center;color:var(--text-primary);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.name-input:focus{border-color:var(--accent-500)}.name-input::placeholder{color:var(--text-tertiary)}.conn-pill{display:inline-flex;align-items:center;gap:var(--s-2);height:32px;padding:0 12px;border-radius:var(--r-full);font-weight:600;font-size:var(--t-body-xs);border:1px solid transparent}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--leaf-500);animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 #7a9347b3}@keyframes pulse{0%,to{box-shadow:0 0 #7a934780}50%{box-shadow:0 0 0 6px #7a934700}}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.breathing{animation:breathing 4.2s ease-in-out infinite;transform-origin:50% 60%}@keyframes spin{to{transform:rotate(360deg)}}.splash{position:absolute;inset:0;z-index:200;display:grid;place-items:center;background:var(--surface-bg);pointer-events:none;animation:splash-fade 1.5s cubic-bezier(.4,0,.2,1) .9s forwards}.splash__content{display:flex;flex-direction:column;align-items:center;gap:14px;animation:splash-in .6s cubic-bezier(.2,.8,.2,1.05) both}.splash__brand{font-family:var(--display);font-variation-settings:"SOFT" 80,"opsz" 32,"wght" 500;font-size:32px;letter-spacing:-.02em;color:var(--text-primary)}.splash__tag{font-family:var(--hand);font-size:22px;color:var(--accent-500);letter-spacing:.01em}@keyframes splash-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade{to{opacity:0;visibility:hidden}}.back-toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%);background:#2b241beb;color:var(--paper-50);padding:10px 16px;border-radius:var(--r-full);font-size:var(--t-body-sm);font-weight:500;z-index:90;animation:toast 1.8s ease both}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}15%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-full);background:var(--paper-300);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--ink-700);border:3px solid var(--paper-50);box-shadow:0 2px 6px #2b241b4d;cursor:pointer}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--ink-700);border:3px solid var(--paper-50);cursor:pointer}.slider-accent{background:linear-gradient(to right,var(--accent-500) 0%,var(--accent-500) var(--p, 0%),var(--paper-300) var(--p, 0%),var(--paper-300) 100%)}.debug-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);width:240px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface-card);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-xl),0 0 0 1px #2b241b0f;display:flex;flex-direction:column;gap:14px;z-index:200}.debug-head{display:flex;justify-content:space-between;align-items:baseline}.debug-row{display:flex;flex-direction:column;gap:6px}.debug-label{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--t-body-xs);font-weight:600;color:var(--text-secondary)}.debug-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.debug-presets button{border:1px solid var(--surface-line);background:var(--surface-mid);border-radius:var(--r-sm);padding:8px 6px;font-family:var(--body);font-size:var(--t-body-xs);font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background var(--dur-fast) var(--ease-out)}.debug-presets button:hover{background:var(--paper-300)}.debug-presets button[aria-pressed=true]{background:var(--accent-500);color:var(--paper-50);border-color:var(--accent-500)}.debug-presets button .mono{font-size:var(--t-mono-xs);opacity:.8}.debug-conn{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.debug-conn button{border:1px solid var(--surface-line);background:var(--surface-mid);border-radius:var(--r-full);padding:6px 4px;font-family:var(--body);font-size:var(--t-mono-sm);font-weight:600;color:var(--text-secondary);cursor:pointer}.debug-conn button[aria-pressed=true]{background:var(--accent-500);color:var(--paper-50);border-color:var(--accent-500)}@media(max-width:1100px){.debug-panel{display:none}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:inherit;box-shadow:0 0 0 6px #e87a2e2e}@media(prefers-reduced-motion:reduce){.breathing,.pulse-dot,.capy-bubble,.live-state-chip__dot,.live-canvas video{animation:none!important}}.seg{display:flex;background:var(--paper-3);border-radius:9999px;padding:4px;gap:2px}.seg button{flex:1;height:36px;border:none;background:transparent;border-radius:9999px;font-family:var(--body);font-weight:600;font-size:13px;color:var(--ink-2);cursor:pointer;transition:background .15s}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.dress-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid var(--line);border-radius:16px;position:relative;min-height:96px;transition:border-color .15s}.streak-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.streak-cal__head{font-family:var(--mono);font-size:10px;color:var(--ink-3);text-align:center;text-transform:uppercase;letter-spacing:.06em;padding:4px 0}.streak-cal__day{aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:8px;font-family:var(--mono);font-size:11px;color:var(--ink-3);background:var(--paper-3);border:1px solid transparent;transition:background .15s}.streak-cal__day.is-visited{background:#e87a2e24;border-color:#e87a2e47;font-size:0;color:transparent;padding:2px}.streak-cal__day.is-today{border-color:var(--accent);font-weight:700;color:var(--ink)}.streak-cal__day.is-today.is-visited{border-color:var(--ink)}.cal-stamp{display:block;width:100%;height:100%}.ach-toast-backdrop{position:absolute;inset:0;background:#2b241b5c;backdrop-filter:blur(2px);z-index:100;display:grid;place-items:center;animation:fade .22s ease-out both}.ach-toast-card{position:relative;width:min(86%,320px);padding:22px 20px 20px;background:var(--paper);border-radius:24px;border:1px solid var(--line);box-shadow:0 22px 50px #2b241b2e;display:flex;flex-direction:column;align-items:center;text-align:center;animation:ach-pop .32s cubic-bezier(.2,.9,.2,1.05) both}@keyframes ach-pop{0%{opacity:0;transform:scale(.86) translateY(8px)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.badge-pop{animation:badge-spin .6s cubic-bezier(.2,.9,.2,1.05) both}@keyframes badge-spin{0%{transform:scale(.4) rotate(-12deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.ach-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.ach-confetti .piece{position:absolute;top:50%;left:50%;width:6px;height:10px;border-radius:1px;opacity:0;animation:confetti-fly .9s ease-out .12s both}.ach-confetti .p0{background:#e87a2e;--tx: -120px;--ty: -90px;--r: -40deg}.ach-confetti .p1{background:#7a9347;--tx: 110px;--ty: -80px;--r: 30deg}.ach-confetti .p2{background:#d4a02e;--tx: -80px;--ty: 110px;--r: 60deg}.ach-confetti .p3{background:#a47552;--tx: 130px;--ty: 100px;--r: -20deg}.ach-confetti .p4{background:#e87a2e;--tx: 0px;--ty: -130px;--r: 0deg}.ach-confetti .p5{background:#7a9347;--tx: -150px;--ty: 30px;--r: 90deg}.ach-confetti .p6{background:#d4a02e;--tx: 150px;--ty: 30px;--r: -90deg}@keyframes confetti-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--r))}}.sheet--settings{max-height:86%;overflow-y:auto}.sheet--scroll{max-height:86%}.sheet__body{display:flex;flex-direction:column;flex:1 1 auto}.home-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.home-center{margin:auto 0;width:100%;display:flex;flex-direction:column}.home-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border:1px solid var(--surface-line);border-radius:var(--r-lg);background:var(--surface-card);font-family:var(--display);font-weight:600;font-size:15px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s,transform .12s}.home-row:hover{background:var(--paper-100)}.home-row:active{transform:scale(.99)}.home-row__chevron{color:var(--text-tertiary);font-size:22px;line-height:1}@media(prefers-reduced-motion:reduce){.badge-pop,.ach-confetti .piece,.ach-toast-card{animation:none!important}}