@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2) format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff) format("woff")}:root{--bg: #F4F6FB;--card: #FFFFFF;--ink: #1F1B33;--ink-soft: #5E5A78;--line: #E1E3EF;--carrot: #FF7A1A;--carrot-deep: #D45E00;--pick: #3D9BF0;--pick-tint: #E3F1FF;--leaf: #27B35B;--leaf-deep: #1A8C45;--leaf-tint: #DDF6E6;--oops: #EE4D5A;--oops-deep: #BF2F3C;--oops-tint: #FFE4E6;--sky-top: #A9D6FF;--sky-bot: #E9F5FF;--cloud: #FFFFFF;--grass: #79CF68;--grass-deep: #4FAE45;--gridline: rgba(31, 27, 51, .1);--code-bg: #221D3A;--code-ink: #F4EFFF;--code-key: #FFA466;--code-dim: #8F88B6;--hay: #FFD45E;--font-display: "Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: "Nunito", ui-rounded, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14122A;--card: #201D3A;--ink: #F3F1FF;--ink-soft: #ABA6CE;--line: #34305A;--pick-tint: #1C3350;--leaf-tint: #15392A;--oops-tint: #43202B;--sky-top: #27306E;--sky-bot: #5A5CA6;--cloud: #8F92D6;--grass: #3F9450;--grass-deep: #2C7039;--gridline: rgba(255, 255, 255, .13);--code-bg: #0E0C1F;color-scheme:dark}}:root[data-theme=dark]{--bg: #14122A;--card: #201D3A;--ink: #F3F1FF;--ink-soft: #ABA6CE;--line: #34305A;--pick-tint: #1C3350;--leaf-tint: #15392A;--oops-tint: #43202B;--sky-top: #27306E;--sky-bot: #5A5CA6;--cloud: #8F92D6;--grass: #3F9450;--grass-deep: #2C7039;--gridline: rgba(255, 255, 255, .13);--code-bg: #0E0C1F;color-scheme:dark}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}*{box-sizing:border-box}button,input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0;line-height:1.15;text-wrap:balance}h1{font-size:26px}h2{font-size:18px}h3{font-size:16px}p{margin:0}.muted{color:var(--ink-soft);font-weight:700;font-size:14px}.eyebrow{font:700 12px/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--carrot)}.bun{display:block}.bun svg{display:block;width:100%;height:auto;overflow:visible}:focus-visible{outline:3px solid var(--pick);outline-offset:2px}.app{max-width:520px;margin:0 auto;min-height:100dvh}main{padding:0 max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:enter .25s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.screen{display:grid;gap:14px}.screen-title{font-size:30px;padding-top:max(18px,env(safe-area-inset-top,0px))}.card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:16px;display:grid;gap:10px;min-width:0}.btn{border:0;border-radius:16px;min-height:52px;padding:14px 18px;font:700 17px/1 var(--font-display);letter-spacing:.04em;cursor:pointer;background:var(--carrot);color:#fff;box-shadow:0 5px 0 var(--carrot-deep);transition:transform .06s,box-shadow .06s;text-transform:uppercase;margin-bottom:5px}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 var(--carrot-deep)}.btn:disabled{background:var(--line);color:var(--ink-soft);box-shadow:0 5px 0 var(--line);cursor:default}.btn.ghosty{background:var(--card);color:var(--ink);box-shadow:0 4px 0 var(--line);border:2px solid var(--line)}.btn.ghosty:active:not(:disabled){box-shadow:0 0 0 var(--line)}.btn.go{background:var(--leaf);box-shadow:0 5px 0 var(--leaf-deep)}.btn.go:disabled{background:var(--leaf);color:#fff;box-shadow:0 5px 0 var(--leaf-deep)}.btn.wide{width:100%}.btn.big{min-height:60px;font-size:21px;letter-spacing:.08em}.iconbtn{width:44px;height:44px;border-radius:14px;border:0;background:transparent;display:grid;place-items:center;color:var(--ink-soft);cursor:pointer;flex:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top,0px)) 0 8px;background:var(--bg);margin:0 -4px}.spacer{flex:1}.stat-pill{display:flex;align-items:center;gap:3px;min-height:44px;padding:0 6px;font:700 21px/1 var(--font-display);color:var(--carrot);font-variant-numeric:tabular-nums}.stat-pill.cold{color:var(--ink-soft)}.stat-pill.hay{color:#c9961e}.level-badge{position:relative;width:48px;height:48px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center}.level-badge svg{position:absolute;inset:0}.level-badge b{font:700 19px/1 var(--font-display);color:var(--ink)}.xp-ring{transition:stroke-dasharray .6s cubic-bezier(.3,1.3,.5,1)}.hero{padding:0 16px 16px;overflow:hidden;gap:8px}.hero-stage{position:relative;height:128px;margin:0 -16px 6px;overflow:hidden}.hero-ground,.hutch-stage .hero-ground{position:absolute;left:0;right:0;bottom:0;height:16px;background:var(--grass);box-shadow:inset 0 4px 0 var(--grass-deep)}.hero-fump{position:absolute;width:88px;left:calc(50% - 104px);bottom:8px;z-index:1}.hero-bonnie{position:absolute;width:92px;left:calc(50% + 4px);bottom:8px;z-index:1;animation:hop 2.4s ease-in-out infinite}@keyframes hop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-14px) rotate(-4deg)}90%{transform:translateY(0)}}.hero h1{font-size:27px}.hero-blurb{font-weight:700;color:var(--ink-soft)}.meta-row{display:flex;flex-wrap:wrap;gap:6px}.chip-q{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:99px;background:var(--pick-tint);color:var(--pick);font:700 13px/1 var(--font-display);letter-spacing:.02em}.chip-q.soft{background:var(--bg);color:var(--ink-soft)}.hero .btn{margin-top:6px}.strip{gap:12px}.strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.days li{display:grid;justify-items:center;gap:4px;min-width:0}.day-dot{width:100%;max-width:24px;aspect-ratio:1;border-radius:50%;background:var(--bg);display:grid;place-items:center;font:700 10px/1 var(--font-display);color:var(--ink-soft)}.days li.on .day-dot{background:color-mix(in srgb,var(--carrot) 18%,var(--card))}.days li.today .day-dot{box-shadow:inset 0 0 0 2px var(--carrot)}.days small{font:700 10px/1 var(--font-display);color:var(--ink-soft)}.deadlines ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.deadlines li{display:grid;gap:5px}.dl-top{display:flex;justify-content:space-between;gap:8px;font-family:var(--font-display)}.dl-days{font-weight:700;color:var(--carrot);font-variant-numeric:tabular-nums}.deadlines li.soon-due .dl-days{color:var(--oops)}.deadlines small{color:var(--ink-soft);font-weight:700;font-size:13px}.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:var(--leaf);transition:width .6s}.bar.big{height:16px}.modtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:18px;background:var(--card);border:2px solid var(--line)}.modtabs button{min-height:48px;border:0;border-radius:13px;background:transparent;cursor:pointer;display:grid;place-content:center;gap:2px;font:700 15px/1 var(--font-display);color:var(--ink-soft)}.modtabs button small{font-size:10px;font-weight:600;letter-spacing:.02em}.modtabs button.on{background:var(--carrot);color:#fff;box-shadow:0 3px 0 var(--carrot-deep)}.closed{grid-template-columns:84px 1fr;align-items:center;gap:14px}.closed-bun{width:84px;opacity:.9}.path{display:grid;gap:4px}.path-head{display:flex;align-items:center;gap:10px;padding:8px 2px 4px}.path-head small{color:var(--ink-soft);font-weight:700;font-size:13px}.path-head.locked{color:var(--ink-soft);background:var(--card);border:2px dashed var(--line);border-radius:18px;padding:12px 16px}.path-head.locked h2{color:var(--ink-soft)}.unit{display:grid;gap:6px;padding-bottom:6px}.unit-head{display:grid;gap:2px;padding:12px 16px;border-radius:18px;background:var(--carrot);color:#fff;box-shadow:0 4px 0 var(--carrot-deep);margin:8px 0 10px}.unit-head b{font:700 16px/1.2 var(--font-display)}.unit-head span{font-size:13px;font-weight:700;opacity:.92}.unit:has(.node-row.done):not(:has(.node-row:not(.done))) .unit-head{background:var(--leaf);box-shadow:0 4px 0 var(--leaf-deep)}.unit:not(:has(.node-row.done,.node-row.current,.node-row.ready)) .unit-head{background:var(--line);color:var(--ink-soft);box-shadow:0 4px color-mix(in srgb,var(--line) 70%,var(--ink-soft))}.node-row{display:grid;justify-items:center;padding:6px 0;scroll-margin:120px}.node-slot{position:relative;display:grid;justify-items:center;gap:6px;width:120px}.node{width:74px;height:70px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;position:relative;background:var(--carrot);box-shadow:0 7px 0 var(--carrot-deep);transition:transform .08s,box-shadow .08s;margin-bottom:7px}.node:active{transform:translateY(6px);box-shadow:0 1px 0 var(--carrot-deep)}.node.done{background:var(--hay);box-shadow:0 7px #d9a92a}.node.done:active{box-shadow:0 1px #d9a92a}.node.ready{background:var(--card);box-shadow:0 7px 0 var(--carrot);border:3px solid var(--carrot)}.node.ready svg path{fill:var(--carrot);stroke:var(--carrot)}.node.soon{background:var(--line);box-shadow:0 7px color-mix(in srgb,var(--line) 70%,var(--ink-soft));color:var(--ink-soft)}.node.soon:active{box-shadow:0 1px color-mix(in srgb,var(--line) 70%,var(--ink-soft))}.node.current{animation:bob 1.6s ease-in-out infinite}.node.current:after{content:"";position:absolute;inset:-9px -9px -16px;border-radius:50%;border:4px solid color-mix(in srgb,var(--carrot) 35%,transparent)}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -6px}}.node-label{display:grid;justify-items:center;gap:2px;text-align:center;width:168px}.node-label b{font:700 14px/1.2 var(--font-display);color:var(--ink)}.node-label small{display:inline-flex;align-items:center;gap:3px;font:700 11px/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--carrot)}.node-row.soon .node-label b,.node-row.soon .node-label small{color:var(--ink-soft)}.node-row.done .node-label small{color:var(--leaf)}.node-tip{position:absolute;top:-40px;z-index:2;background:var(--card);border:2px solid var(--line);color:var(--carrot);padding:6px 12px;border-radius:12px;font:700 14px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;animation:bob 1.6s ease-in-out infinite}.node-tip:after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;background:var(--card);border-right:2px solid var(--line);border-bottom:2px solid var(--line);transform:translate(-50%) rotate(45deg)}.node-row.current{padding-top:46px}.node-bonnie{position:absolute;width:74px;bottom:50px;z-index:1;pointer-events:none}.node-bonnie.left{right:calc(100% - 8px)}.node-bonnie.right{left:calc(100% - 8px)}.node-row.pulse .node{animation:pulse 1s ease-in-out 3}@keyframes pulse{0%,to{scale:1}50%{scale:1.14;filter:brightness(1.08)}}.node-card{width:100%;margin:10px 0 8px;animation:rise .22s cubic-bezier(.2,.9,.3,1.3);position:relative}.node-card p{font-weight:700;color:var(--ink-soft)}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:4px;padding:6px max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--card);border-top:2px solid var(--line)}.tabbar a{flex:1;max-width:160px;min-height:52px;display:grid;justify-items:center;align-content:center;gap:2px;text-decoration:none;border-radius:14px;color:var(--ink-soft);font:700 12px/1 var(--font-display);letter-spacing:.04em}.tabbar a.on{color:var(--carrot);background:color-mix(in srgb,var(--carrot) 12%,transparent)}.offline-pill{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:31;white-space:nowrap;padding:7px 14px;border-radius:99px;background:var(--ink);color:var(--bg);font:700 13px/1 var(--font-display);letter-spacing:.02em;box-shadow:0 4px 14px #0000002e;pointer-events:none;animation:rise .3s}.banner{position:relative;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:max(10px,env(safe-area-inset-top,0px)) 16px 10px;background:var(--pick-tint);color:var(--ink);font-weight:700;font-size:14px}.banner a{color:var(--pick);font:700 14px/1 var(--font-display);min-height:44px;display:inline-flex;align-items:center}.lesson-host{position:fixed;inset:0;background:var(--bg);overflow:auto}.lesson-mount{min-height:100%}.lesson-loading,.lesson-missing{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:max(24px,env(safe-area-inset-top,0px)) 24px max(24px,env(safe-area-inset-bottom,0px))}.lesson-loading .bun{width:110px}.lesson-loading p{font:700 16px/1 var(--font-display);color:var(--ink-soft)}.hop{animation:hop 1s ease-in-out infinite}.lesson-missing .missing-bun{width:130px}.lesson-missing .close{position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:10px}.lesson-missing .btn{max-width:340px}.scrim{position:fixed;inset:0;z-index:90;background:#14122a80;display:grid;place-items:end center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));animation:fade .2s}@keyframes fade{0%{opacity:0}}.confirm{width:100%;max-width:420px;text-align:center;justify-items:center;padding:20px;animation:rise .25s cubic-bezier(.2,.9,.3,1.3)}.confirm-bun{width:86px;margin-top:-6px}.rewards{position:fixed;inset:0;z-index:80;background:var(--bg);display:grid;grid-template-rows:1fr auto;cursor:pointer;user-select:none;-webkit-user-select:none;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));overflow-y:auto}.beat{display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;max-width:440px;width:100%;margin:0 auto;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.beat h1{font-size:30px}.beat-foot{display:grid;gap:6px;justify-items:center;max-width:440px;width:100%;margin:0 auto}.beat-foot small{font-size:12px}.beat-dots{display:flex;gap:6px;margin-bottom:8px}.beat-dots i{width:8px;height:8px;border-radius:50%;background:var(--line)}.beat-dots i.on{background:var(--carrot)}.beat-bun{width:120px}.xp-big{display:flex;align-items:center;gap:8px;font:700 60px/1 var(--font-display);color:var(--carrot);font-variant-numeric:tabular-nums}.xp-big span{font-size:28px}.xp-lines{list-style:none;margin:0;padding:0;width:100%;max-width:300px;display:grid;gap:6px}.xp-lines li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;background:var(--card);border:2px solid var(--line);font-weight:800;font-size:15px}.xp-lines b{font-family:var(--font-display);color:var(--carrot)}.flame-grow{animation:flame 1s cubic-bezier(.2,1.5,.4,1) both;transform-origin:50% 90%;margin-bottom:-40px}@keyframes flame{0%{transform:scale(.4)}}.streak-num{font:700 64px/1 var(--font-display);color:var(--carrot);position:relative;animation:pop .5s .35s both cubic-bezier(.2,1.4,.4,1)}.rewards.beat-level{background:var(--carrot);color:#fff}.rewards.beat-level .muted{color:#fff}.rewards.beat-level .btn{background:#fff;color:var(--carrot-deep);box-shadow:0 5px 0 var(--carrot-deep)}.rewards.beat-level .beat-dots i{background:#fff6}.rewards.beat-level .beat-dots i.on{background:#fff}.eyebrow.light{color:#fff;font-size:15px}.level-num{font:700 150px/1 var(--font-display);text-shadow:0 8px 0 var(--carrot-deep);animation:slam .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes slam{0%{transform:scale(2.4);opacity:0}}.binky-row{display:flex;gap:2px;justify-content:center}.binky-wrap{width:72px;animation:binky .9s ease-in-out infinite both}@keyframes binky{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-30px) rotate(-12deg)}55%{transform:translateY(-26px) rotate(14deg)}80%{transform:translateY(0) rotate(0)}}.badge-reveal{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:4px solid var(--hay);box-shadow:0 8px #d9a92a;animation:spinin .8s cubic-bezier(.2,1.4,.4,1) both}@keyframes spinin{0%{transform:rotateY(180deg) scale(.4);opacity:0}}.unlock-stage{position:relative;width:200px;height:170px;border-radius:24px;display:grid;place-items:end center;overflow:hidden;border:2px solid var(--line)}.unlock-bun{width:130px;margin-bottom:8px;animation:hop 1.6s ease-in-out infinite}.hutch-hero{padding:0 16px 16px;overflow:hidden}.hutch-stage{position:relative;height:190px;margin:0 -16px;display:grid;place-items:end center;overflow:hidden}.hutch-bonnie{width:140px;margin-bottom:8px;position:relative;z-index:1}.hutch-level{display:grid;gap:6px;margin-top:6px}.level-chip{font:700 22px/1 var(--font-display)}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:grid;justify-items:center;gap:2px;padding:10px 6px;border-radius:16px;background:var(--bg);text-align:center}.stat b{font:700 24px/1 var(--font-display);font-variant-numeric:tabular-nums}.stat small{color:var(--ink-soft);font-weight:700;font-size:12px;line-height:1.2}.sub-h{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px}.wardrobe{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.item{display:grid;justify-items:center;gap:6px;padding:10px 6px 8px;border-radius:16px;border:2px solid var(--line);border-bottom-width:5px;background:var(--card);cursor:pointer;min-height:44px}.item.on{border-color:var(--carrot);background:color-mix(in srgb,var(--carrot) 10%,var(--card))}.item.locked{cursor:default}.item.locked .item-art{filter:grayscale(1);opacity:.35}.item-art{width:52px;height:48px;display:grid;place-items:center}.item-art .bun{width:50px}.item-art svg{width:52px;height:42px}.swatch{width:48px;height:40px;border-radius:12px;border:2px solid var(--line)}.item-label{font:700 12px/1.2 var(--font-display);text-align:center;display:inline-flex;align-items:center;gap:3px}.item.locked .item-label{color:var(--ink-soft)}.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.badges li{display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 8px;border-radius:16px;background:var(--bg)}.badges b{font:700 14px/1.2 var(--font-display)}.badges small{font-size:12px;font-weight:700;color:var(--ink-soft);line-height:1.25}.badge-disc{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:3px solid var(--hay)}.badges li.locked .badge-disc{border-color:var(--line)}.badges li.locked .badge-disc svg{filter:grayscale(1);opacity:.35}.badges li.locked b{color:var(--ink-soft)}.card h2 .muted{font-family:var(--font-body);margin-left:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row small{display:block}.time-row{font-weight:800;min-height:44px}.time-row input{min-height:44px;padding:6px 12px;border-radius:12px;border:2px solid var(--line);background:var(--bg);font:700 17px/1 var(--font-mono);color:var(--ink)}.switch{flex:none;width:60px;height:36px;border-radius:99px;border:0;padding:4px;background:var(--line);cursor:pointer;position:relative;transition:background .2s}.switch i{display:block;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.switch.on{background:var(--leaf)}.switch.on i{transform:translate(24px)}.switch:disabled{opacity:.5;cursor:default}.note{padding:10px 12px;border-radius:12px;background:var(--bg);font-size:14px;font-weight:700}.note.ok{background:var(--leaf-tint)}.note.bad{background:var(--oops-tint)}.install-hint{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--pick-tint);font-size:14px;font-weight:700}.hint-bun{width:56px}.about{display:grid;justify-items:center;gap:6px;text-align:center;padding:8px 0}.about-bun{width:64px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}