:root{--bg: #EEF1E8;--surface: #FFFFFF;--sunken: #F2F5EE;--track: #E1E7D9;--line: #DCE3D3;--line-soft: #ECEFE8;--line-strong: #7D8B7F;--ink: #1E2A20;--ink-2: #3F4C41;--ink-3: #5C6B5E;--moss: #2F6B4F;--moss-press: #1F4A36;--moss-soft: #DCE7D6;--moss-ink: #24543E;--honey: #C98A12;--honey-strong: #A87410;--honey-ink: #8A5A06;--honey-soft: #FBEBC8;--honey-text: #7A4F05;--danger: #B8423A;--danger-soft: #FBE7E4;--danger-line: #E3B1AA;--danger-ink: #8E2F27;--st-on: #2E7A50;--st-late: #D99A2B;--st-miss: #B8423A;--st-skip: #C9D1C4;--toast: #1E2A20;--toast-ink: #FFFFFF;--toast-act: #F6D58E;--shadow-card: 0 2px 0 var(--line);--shadow-raised: 0 2px 0 var(--line), 0 18px 40px rgba(30,42,32,.08);--shadow-pop: 0 2px 0 var(--line), 0 12px 28px rgba(30,42,32,.14);--frame: #DDE3D6;--demo-bg: #1E2A20;--demo-ink: #EEF1E8;--font: Nunito, "Segoe UI", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #141A15;--surface: #1D251E;--sunken: #232C24;--track: #2A342B;--line: #2F3A30;--line-soft: #283228;--line-strong: #7F8E81;--ink: #EEF1E8;--ink-2: #C9D2C6;--ink-3: #A3AFA3;--moss: #4F9A72;--moss-press: #2F6B4F;--moss-soft: #22372A;--moss-ink: #A9D8BB;--honey: #E0A63A;--honey-strong: #E0A63A;--honey-ink: #F0C46A;--honey-soft: #3A2E14;--honey-text: #F3D08A;--danger: #E06A5F;--danger-soft: #3A1F1C;--danger-line: #7A3A33;--danger-ink: #F2A79E;--st-on: #4FA874;--st-late: #E0A63A;--st-miss: #E06A5F;--st-skip: #6E7A6F;--toast: #EEF1E8;--toast-ink: #141A15;--toast-act: #8A5A06;--shadow-card: 0 1px 0 #0D110E;--shadow-raised: 0 1px 0 #0D110E, 0 18px 40px rgba(0,0,0,.35);--shadow-pop: 0 1px 0 #0D110E, 0 12px 28px rgba(0,0,0,.5);--frame: #0D110E;--demo-bg: #0D110E;--demo-ink: #EEF1E8;color-scheme:dark}}:root[data-theme=dark]{--bg: #141A15;--surface: #1D251E;--sunken: #232C24;--track: #2A342B;--line: #2F3A30;--line-soft: #283228;--line-strong: #7F8E81;--ink: #EEF1E8;--ink-2: #C9D2C6;--ink-3: #A3AFA3;--moss: #4F9A72;--moss-press: #2F6B4F;--moss-soft: #22372A;--moss-ink: #A9D8BB;--honey: #E0A63A;--honey-strong: #E0A63A;--honey-ink: #F0C46A;--honey-soft: #3A2E14;--honey-text: #F3D08A;--danger: #E06A5F;--danger-soft: #3A1F1C;--danger-line: #7A3A33;--danger-ink: #F2A79E;--st-on: #4FA874;--st-late: #E0A63A;--st-miss: #E06A5F;--st-skip: #6E7A6F;--toast: #EEF1E8;--toast-ink: #141A15;--toast-act: #8A5A06;--shadow-card: 0 1px 0 #0D110E;--shadow-raised: 0 1px 0 #0D110E, 0 18px 40px rgba(0,0,0,.35);--shadow-pop: 0 1px 0 #0D110E, 0 12px 28px rgba(0,0,0,.5);--frame: #0D110E;--demo-bg: #0D110E;--demo-ink: #EEF1E8;color-scheme:dark}html,body{height:100%}body{background:var(--frame);color:var(--ink);font-family:var(--font);font-size:17px;font-weight:600;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--moss)}:focus-visible{outline:3px solid var(--honey-strong);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes nt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes nt-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes nt-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes nt-pulse{0%{box-shadow:0 0 #c98a1280}to{box-shadow:0 0 0 12px #c98a1200}}.shell{min-height:100%;display:flex;gap:24px;justify-content:center;align-items:flex-start;padding-block:24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.phone{width:390px;height:844px;max-height:calc(100vh - 48px);background:var(--bg);border-radius:40px;overflow:hidden;position:relative;box-shadow:0 30px 80px #141c1640,0 0 0 10px #10160f;flex-shrink:0;display:flex;flex-direction:column}@media (max-width: 760px){body{background:var(--bg)}.shell{padding:0;display:block}.phone{width:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none}}.screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.screen-in{padding:20px 20px 32px;display:flex;flex-direction:column;gap:16px;animation:nt-in .22s ease-out;flex:1}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.dock{position:sticky;bottom:0;z-index:5;padding:20px;margin-top:auto;background:linear-gradient(to bottom,transparent,var(--bg) 22px);display:flex;flex-direction:column;gap:8px}.h1{font-size:30px;font-weight:900;line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}.h2{font-size:24px;font-weight:900;line-height:1.15;margin:0}.h3{font-size:20px;font-weight:900;line-height:1.2;margin:0}.t17{font-size:17px;line-height:1.4}.t15{font-size:15px;line-height:1.4}.t13{font-size:13px;line-height:1.35}.mut{color:var(--ink-3)}.ink2{color:var(--ink-2)}.b9{font-weight:900}.b8{font-weight:800}.b7{font-weight:700}.num{font-variant-numeric:tabular-nums}.caps{font-size:15px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:8px 4px 0}.btn{border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;text-align:center;line-height:1.15}.btn:active:not(:disabled){transform:translateY(2px)}.btn.full{width:100%}.btn.xl{height:80px;font-size:28px;gap:12px}.btn.l{min-height:62px;font-size:20px;padding:8px 24px}.btn.m{min-height:52px;font-size:17px;padding:6px 20px}.btn.s{min-height:44px;font-size:15px;padding:4px 16px}.btn.mom2{min-height:56px;font-size:20px;padding:6px 20px;font-weight:800}.btn.primary{background:var(--moss);color:#fff}.btn.primary.xl,.btn.primary.l{box-shadow:0 4px 0 var(--moss-press)}.btn.primary.m,.btn.primary.s{box-shadow:0 3px 0 var(--moss-press)}.btn.primary:disabled{background:var(--track);color:var(--ink-3);box-shadow:none}.btn.secondary{background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);font-weight:800}.btn.text{background:transparent;color:var(--ink-3);font-weight:800;min-height:44px;padding:4px 12px}.btn.link{background:transparent;color:var(--moss);font-weight:900;padding:4px 0;min-height:44px;justify-content:flex-start}.btn.danger{background:var(--surface);color:var(--danger-ink);border:2px solid var(--danger-line);font-weight:900}.btn.danger-fill{background:var(--danger);color:#fff}.btn.dashed{background:transparent;color:var(--ink);border:2px dashed var(--line-strong);font-weight:800}.btn.dark{background:var(--toast);color:var(--toast-ink)}.ibtn{width:48px;height:48px;border-radius:24px;border:0;background:var(--track);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ibtn.sm{width:44px;height:44px}.card{background:var(--surface);border-radius:24px;padding:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}.card.hero{border-radius:28px;padding:20px;box-shadow:var(--shadow-raised)}.card.flat{box-shadow:none}.panel{background:var(--sunken);border-radius:18px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.note{border-radius:18px;padding:12px 16px;font-size:15px;font-weight:800;line-height:1.4;display:flex;gap:10px;align-items:flex-start}.note.honey{background:var(--honey-soft);color:var(--honey-text)}.note.moss{background:var(--moss-soft);color:var(--moss-ink)}.note.danger{background:var(--danger-soft);color:var(--danger-ink)}.note.plain{background:var(--sunken);color:var(--ink-2)}.chip-info{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:15px;font-weight:800;background:var(--sunken);color:var(--ink-2)}.chip-info.honey{background:var(--honey-soft);color:var(--honey-text)}.chip-info.moss{background:var(--moss-soft);color:var(--moss-ink)}.chip-info.danger{background:var(--danger-soft);color:var(--danger-ink)}.chip-info.dark{background:var(--toast);color:var(--toast-ink)}.divider{height:1px;background:var(--line-soft)}.list>*+*{border-top:1px solid var(--line-soft)}.lrow{display:flex;align-items:center;gap:12px;padding:12px 0;min-height:52px;width:100%;background:transparent;border:0;text-align:left;color:inherit;text-decoration:none}.avatar{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;flex-shrink:0;background:var(--honey-soft);color:var(--honey-text)}.avatar.moss{background:var(--moss-soft);color:var(--moss-ink)}.field{display:flex;flex-direction:column;gap:8px}.field>label,.flabel{font-size:17px;font-weight:900}.input{height:58px;border-radius:18px;border:2px solid var(--line-strong);background:var(--surface);padding:0 16px;font-size:19px;font-weight:800;width:100%}.input:focus{border-color:var(--moss);outline:none;box-shadow:0 0 0 3px var(--moss-soft)}.hint{font-size:15px;color:var(--ink-3);line-height:1.4}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--track)}.seg>button{flex:1;height:40px;border-radius:999px;border:0;background:transparent;font-size:16px;font-weight:800;color:var(--ink-2);padding:0 8px}.seg>button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:900;box-shadow:0 1px 2px #1e2a201f}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--line-strong);background:var(--surface);font-size:16px;font-weight:800;color:var(--ink)}.chip[aria-pressed=true]{background:var(--moss);border-color:var(--moss);color:#fff;font-weight:900}.toggle{width:56px;height:34px;border-radius:999px;border:2px solid var(--line-strong);background:var(--track);position:relative;flex-shrink:0;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:var(--surface);box-shadow:0 1px 3px #00000040;transition:left .16s}.toggle[aria-checked=true]{background:var(--moss);border-color:var(--moss)}.toggle[aria-checked=true]:after{left:25px}.stepper{display:flex;align-items:center;gap:12px;background:var(--sunken);border-radius:18px;padding:4px}.stepper>button{width:52px;height:52px;border-radius:12px;border:0;background:var(--surface);font-size:26px;font-weight:900;box-shadow:0 1px 0 var(--line)}.stepper>span{flex:1;text-align:center;font-size:20px;font-weight:900}.check{width:28px;height:28px;border-radius:9px;border:2px solid var(--line-strong);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.check.on{background:var(--moss);border-color:var(--moss);color:#fff}.dd{position:relative}.dd.open{z-index:40}.dd-btn{width:100%;min-height:58px;border-radius:18px;border:2px solid var(--line-strong);background:var(--surface);display:flex;align-items:center;gap:10px;padding:8px 16px;text-align:left}.dd.open .dd-btn{border-color:var(--moss)}.dd-list{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-pop);animation:nt-in .14s ease-out;max-height:360px;overflow-y:auto}.dd-list.up{top:auto;bottom:calc(100% + 6px)}.dd-opt{width:100%;border:0;background:var(--surface);padding:14px 16px;display:flex;align-items:center;gap:10px;text-align:left;min-height:52px}.dd-opt+.dd-opt{border-top:1px solid var(--line-soft)}.dd-opt[aria-selected=true]{background:var(--sunken)}.backdrop{position:fixed;inset:0;z-index:35;background:transparent;border:0}.sheet-wrap{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:flex-end;background:#141c1661;animation:nt-in .16s ease-out}.sheet{background:var(--surface);border-radius:28px 28px 0 0;padding:12px 20px 24px;display:flex;flex-direction:column;gap:16px;animation:nt-sheet .22s ease-out;max-height:90%;overflow-y:auto}.sheet-grab{width:44px;height:5px;border-radius:3px;background:var(--st-skip);align-self:center}.toast{position:absolute;left:16px;right:16px;bottom:20px;z-index:70;background:var(--toast);color:var(--toast-ink);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:800;animation:nt-in .16s ease-out;box-shadow:0 12px 28px #00000040}.toast button{margin-left:auto;background:transparent;border:0;color:var(--toast-act);font-weight:900;font-size:16px;min-height:44px;padding:0 4px}.wheel-box{position:relative;display:flex;justify-content:center;gap:8px}.wheel-band{position:absolute;left:0;right:0;top:88px;height:44px;border-radius:12px;background:var(--sunken);pointer-events:none}.wheel{position:relative;z-index:1;height:220px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 68%,transparent)}.wheel::-webkit-scrollbar{display:none}.wheel>div{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:24px;font-weight:700;color:var(--line-strong);font-variant-numeric:tabular-nums;padding:0 8px;white-space:nowrap}.wheel>div.on{font-weight:900;color:var(--ink)}.demo{width:320px;flex-shrink:0;color:var(--demo-ink);background:var(--demo-bg);border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.demo h2{margin:0;font-size:20px;font-weight:900}.demo .dseg{display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff1a}.demo .dseg button{flex:1;height:44px;border-radius:999px;border:0;background:transparent;color:var(--demo-ink);font-weight:800;font-size:16px}.demo .dseg button[aria-pressed=true]{background:#eef1e8;color:#1e2a20;font-weight:900}.demo .dbtn{min-height:40px;border-radius:999px;border:1.5px solid rgba(238,241,232,.35);background:transparent;color:var(--demo-ink);font-weight:800;font-size:15px;padding:0 12px}.demo .dbtn:hover{background:#ffffff14}.demo .clock{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.demo small{color:#eef1e8b8;font-size:13px;line-height:1.4;font-weight:700}.demo-mini{display:none}@media (max-width: 760px){.demo{display:none}.demo.sheet-open{display:flex;position:fixed;inset:auto 0 0;width:auto;border-radius:24px 24px 0 0;z-index:100;max-height:85dvh;overflow-y:auto;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.demo-mini{display:flex;position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));z-index:90;height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--demo-bg);color:var(--demo-ink);font-weight:900;font-size:15px;align-items:center;gap:8px;box-shadow:0 8px 20px #00000040}}@media (max-width: 760px){.screen-in{padding-bottom:84px}.dock{padding-bottom:72px}}body.prod .shell{padding:0;display:block}body.prod .phone{width:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none}@media (max-width: 760px){body.prod .screen-in{padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}body.prod .dock{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}}@media (min-width: 761px){body.prod .phone{max-width:520px;margin:0 auto}}