@font-face{font-family:Finly Standard;src:url(/assets/FinlyStandard-Regular-CQUhxXrC.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Finly Standard;src:url(/assets/FinlyStandard-Bold-_D8Id0Ij.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}:root{--font: "Finly Standard", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font);--font-brand: var(--font);--bg: #f6f2ec;--bg-2: #ede7de;--surface: #ffffff;--surface-2: #fbf9f5;--ink: #14213d;--ink-2: #4a5468;--ink-3: #8b8f9b;--ink-hover: #24345a;--line: #ebe5dc;--line-2: #dcd3c6;--green: #2db46b;--green-2: #178a4e;--green-3: #0f7440;--green-wash: #def3e6;--green-soft: #b8e6cb;--sky: #4f7cf0;--sky-ink: #2f58c4;--sky-wash: #e6eefd;--peach: #ff7f6b;--peach-ink: #b5412f;--peach-wash: #ffe7e1;--sun: #ffc845;--flame: #ff8a3c;--flame-wash: #fff0dd;--lilac: #9b7bf0;--lilac-ink: #6a47cf;--lilac-wash: #eee8fd;--logo-arch: #3fbf7f;--logo-coin: #ff7f6b;--logo-quarter: var(--ink);--tint-mint: #d6f2e1;--tint-lilac: #e6dffb;--tint-sky: #dae8fb;--tint-peach: #ffe0d6;--tint-sun: #ffedbc;--tint-teal: #d2f0ec;--tint-pink: #fbdde8;--r-sm: 14px;--r: 20px;--r-lg: 28px;--shadow-1: 0 1px 2px rgba(20, 33, 61, .04);--shadow-2: 0 2px 6px rgba(20, 33, 61, .04), 0 24px 48px -28px rgba(20, 33, 61, .32);--lift: 0 1px 2px rgba(20, 33, 61, .04), 0 22px 40px -30px rgba(20, 33, 61, .45);--hairline: inset 0 0 0 1.5px var(--line);--gutter: clamp(16px, 4vw, 40px);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font);font-size:16px;font-weight:600;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-x:clip}h1,h2,h3,h4,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:999px}::-moz-selection{background:var(--green-soft);color:var(--ink)}::selection{background:var(--green-soft);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{flex:none}.display,.h1,.h2{font-family:var(--font-display);font-synthesis:none}.display{font-size:clamp(2.9rem,8.4vw,6.2rem);font-weight:500;line-height:.98;letter-spacing:-.02em}.h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:500;line-height:1.04;letter-spacing:-.012em}.h2{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:500;line-height:1.18;letter-spacing:-.004em}.display em,.h1 em,.h2 em{font-style:normal;color:var(--green-2)}.h3{font-size:1.1rem;font-weight:800;line-height:1.3}.lead{font-size:clamp(1.06rem,1.5vw,1.2rem);color:var(--ink-2);font-weight:600;line-height:1.55}.muted{color:var(--ink-2)}.meta{color:var(--ink-3);font-size:.86rem;font-weight:700}.kicker{font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.logo{display:inline-flex;align-items:center}.finy-logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.finy-shapes{width:30px;height:30px;overflow:visible}.finy-shape{transform-box:fill-box;transform-origin:center;transition:transform .45s var(--ease-spring)}.finy-shape-arch{fill:var(--logo-arch);transform-origin:right bottom}.finy-shape-coin{fill:var(--logo-coin)}.finy-shape-quarter{fill:var(--logo-quarter);transform-origin:left top}.finy-word{font-family:var(--font-brand);font-size:1.75rem;font-weight:500;line-height:1;letter-spacing:-.01em;padding-bottom:3px}a:hover>.finy-logo .finy-shape-coin,.logo:hover .finy-shape-coin{transform:translateY(-14%)}a:hover>.finy-logo .finy-shape-arch,.logo:hover .finy-shape-arch{transform:rotate(-4deg)}.finy-logo.is-large .finy-shapes{width:64px;height:64px}.finy-logo.is-large .finy-word{font-size:3.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:50px;padding:0 1.55rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:1rem;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s,color .2s,opacity .2s}.btn:hover{background:var(--ink-hover);transform:translateY(-1px);box-shadow:0 12px 22px -14px #14213db3}.btn:active{transform:scale(.97);box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{background:var(--bg-2);color:var(--ink-3);box-shadow:none;cursor:not-allowed;transform:none}.btn-soft{background:var(--surface);color:var(--ink);box-shadow:var(--hairline)}.btn-soft:hover{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2),var(--lift)}.btn-green{background:var(--green-2)}.btn-green:hover{background:var(--green-3)}.btn-peach{background:var(--peach);color:#fff}.btn-peach:hover{background:#f26c57}.btn-ghost{background:transparent;color:var(--ink-2);box-shadow:none}.btn-ghost:hover{background:var(--bg-2);color:var(--ink);transform:none;box-shadow:none}.btn-sm{height:42px;padding:0 1.15rem;font-size:.94rem}.btn-lg{height:58px;padding:0 2rem;font-size:1.08rem}.btn-block{width:100%}.btn .icon{width:20px;height:20px}.link{font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:2px;text-underline-offset:4px}.link:hover{text-decoration-color:var(--green)}.round-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink-2);background:var(--surface);box-shadow:var(--hairline);transition:transform .15s var(--ease-out),color .15s,background-color .15s}.round-btn:hover{color:var(--ink);transform:scale(1.05)}.round-btn:active{transform:scale(.94)}.round-btn.is-flat{background:transparent;box-shadow:none}.round-btn.is-flat:hover{background:var(--bg-2)}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card.is-pressable{cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.card.is-pressable:hover{transform:translateY(-4px);box-shadow:var(--lift)}.card.is-pressable:active{transform:scale(.985)}.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--bg);color:var(--ink-2);font-size:.78rem;font-weight:800;white-space:nowrap}.pill .icon{width:15px;height:15px}.pill-green{background:var(--green-wash);color:var(--green-2)}.pill-lilac{background:var(--lilac-wash);color:var(--lilac-ink)}.pill-flame{background:var(--flame-wash);color:#c4560f}.pill-ink{background:var(--ink);color:#fff}.bar{height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden}.bar>i{display:block;height:100%;min-width:10px;border-radius:inherit;background:var(--green);transition:width .7s var(--ease-spring)}.bar>i[style*="width: 0%"]{min-width:0}.bubble{position:relative;display:inline-block;max-width:100%;padding:12px 18px;border-radius:22px;background:var(--surface);box-shadow:var(--hairline);font-weight:700;line-height:1.4}.bubble:before{content:"";position:absolute;left:-6px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:3px;background:var(--surface);box-shadow:-1.5px 1.5px 0 0 var(--line);transform:rotate(45deg)}.pop-in{animation:pop-in .42s var(--ease-spring) both}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(6px)}}.shapes{position:absolute;z-index:0;pointer-events:none}.shapes svg{width:100%;height:100%;overflow:visible}.shapes .finy-shape{transform-box:fill-box}.penny{position:relative;flex:none;pointer-events:none}.penny-svg{width:100%;height:100%;overflow:visible}.penny.is-interactive .penny-body{pointer-events:visiblePainted;cursor:pointer}.penny-sparks{position:absolute;width:0;height:0;pointer-events:none}.penny-sparks i{position:absolute;left:calc(var(--spark-size) / -2);top:calc(var(--spark-size) / -2);width:var(--spark-size);height:var(--spark-size);background:var(--spark-color);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:penny-spark .75s var(--ease-out) var(--spark-delay) both}@keyframes penny-spark{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}25%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1) rotate(160deg)}}.scene{display:block;width:100%;height:100%}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:6px;height:72px;padding:0 max(var(--gutter),calc((100% - 1180px)/2));background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px);box-shadow:0 1px 0 var(--line)}.nav{display:flex;align-items:center;gap:2px;margin-left:28px}.demo-notice{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;width:-moz-fit-content;width:fit-content;max-width:min(760px,calc(100% - 28px));margin:16px auto 0;padding:10px 18px;border-radius:var(--r);background:#fff7df;color:var(--ink-2);font-size:.88rem;line-height:1.45}.demo-notice .icon{width:20px;height:20px;margin-top:1px;color:#e7a400}.demo-notice strong{color:var(--ink)}.auth-top+.demo-notice{margin-top:0}.nav-link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;color:var(--ink-2);font-weight:800;transition:background-color .15s,color .15s}.nav-link .icon{width:20px;height:20px}.nav-link:hover,.nav-link[aria-current=page]{background:var(--bg);color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.streak-chip{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 15px 0 11px;border-radius:999px;background:var(--flame-wash);color:#c4560f;font-weight:900}.streak-chip .icon{width:21px;height:21px;color:var(--flame)}.streak-chip.is-cold{background:var(--bg);color:var(--ink-3)}.streak-chip.is-cold .icon{color:var(--ink-3)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--tint-sky);color:var(--ink);font-weight:900;font-size:1.02rem;text-transform:uppercase;flex:none}.menu-wrap{position:relative}.menu{position:absolute;right:0;top:calc(100% + 10px);z-index:50;min-width:230px;padding:8px;border-radius:var(--r);background:var(--surface);box-shadow:var(--hairline),var(--shadow-2);animation:menu-in .24s var(--ease-spring) both;transform-origin:top right}@keyframes menu-in{0%{opacity:0;transform:scale(.94) translateY(-4px)}}.menu-head{padding:10px 12px 12px;border-bottom:1.5px solid var(--line);margin-bottom:6px}.menu-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-head span{display:block;color:var(--ink-3);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:var(--r-sm);font-weight:800;color:var(--ink-2);text-align:left}.menu-item:hover{background:var(--bg);color:var(--ink)}.menu-item .icon{width:21px;height:21px}.tabbar{display:none}.page{position:relative;max-width:1180px;margin:0 auto;padding:44px var(--gutter) 110px}.page-narrow{max-width:760px}.center-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid var(--bg-2);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:clamp(24px,4vw,64px);align-items:start}.course-panel{position:sticky;top:104px;display:flex;flex-direction:column;gap:18px;padding:0;background:none;box-shadow:none}.course-panel-art{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2)}.course-panel-body{display:flex;flex-direction:column;gap:12px;padding:0 4px}.course-panel .h2{line-height:1.12}.course-progress{display:flex;align-items:center;gap:12px}.course-progress .bar{flex:1}.switcher{position:relative}.switcher-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 14px;border-radius:999px;background:var(--surface);box-shadow:var(--hairline);color:var(--ink-2);font-weight:800;font-size:.86rem}.switcher-btn:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.switcher-btn .icon{width:18px;height:18px}.switcher .menu{left:0;right:auto;min-width:300px;max-height:min(70vh,560px);overflow-y:auto;transform-origin:top left}.course-option{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:var(--r-sm);text-align:left}.course-option:hover{background:var(--bg)}.course-option[aria-current=true]{background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--line-2)}.course-option-art{width:56px;height:42px;border-radius:12px;overflow:hidden;flex:none;background:var(--surface-2)}.course-option strong{display:block;color:var(--ink);font-size:.92rem;line-height:1.25}.course-option span{color:var(--ink-3);font-size:.8rem;font-weight:700}.course-option .icon{margin-left:auto;width:18px;height:18px;color:var(--ink-3)}.course-note{display:flex;gap:10px;padding:14px 16px;border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);font-size:.94rem}.course-note .icon{width:22px;height:22px;color:var(--ink)}.check-note .icon{color:var(--green)}.text-btn{display:inline;padding:0;color:var(--green-2);font-weight:800;text-align:left;text-decoration:underline;text-underline-offset:3px}.text-btn:disabled{opacity:.5;cursor:default}.check-card{display:flex;align-items:center;gap:18px;margin:0 0 30px;padding:18px 22px;background:linear-gradient(135deg,var(--surface),var(--green-wash))}.check-card .penny{flex:none}.check-card p{margin-top:4px;color:var(--ink-2)}.check-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.unit-known{margin-top:8px}.check-result .lead{color:var(--green-2);font-weight:800}.check-body{max-width:480px;margin:14px auto 0;color:var(--ink-2)}.check-units{display:grid;gap:10px;max-width:460px;margin:26px auto 0;text-align:left}.check-units li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-1)}.check-units li[data-state=start]{box-shadow:0 0 0 3px var(--green),var(--shadow-1)}.check-unit-node{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--bg-2);color:var(--ink-3);font-weight:900}.check-unit-node .icon{width:20px;height:20px}[data-state=checked] .check-unit-node{background:var(--green-wash);color:var(--green)}[data-state=start] .check-unit-node{background:var(--green-2);color:#fff}[data-state=start] .check-unit-node .icon{margin-left:2px}.check-unit-name{display:grid;gap:2px;min-width:0}.check-unit-name strong{font-size:.98rem;line-height:1.3}.check-unit-name span{color:var(--green-2);font-size:.82rem;font-weight:800}[data-state=after] .check-unit-name strong{color:var(--ink-2)}.check-review ol{display:grid;gap:14px;margin-top:14px}.check-review li{display:flex;gap:10px}.check-review li>.icon{flex:none;width:20px;height:20px;margin-top:2px;color:var(--peach)}.check-review li[data-correct=true]>.icon{color:var(--green)}.check-review strong{color:var(--ink)}.check-review p{margin-top:2px}.check-fine{margin-top:18px}.check-error{position:fixed;left:50%;bottom:120px;width:min(560px,calc(100% - 32px));transform:translate(-50%)}.path-col{min-width:0}.greeting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px}.greeting .h1{margin-bottom:8px}.greeting p{color:var(--ink-2)}.unit{margin-bottom:56px}.unit-card{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;padding:0;background:none;box-shadow:none}.unit-art{aspect-ratio:16 / 11;border-radius:var(--r);overflow:hidden;background:var(--surface-2)}.unit-card .kicker{display:block;margin-bottom:4px}.unit-card p{color:var(--ink-2);font-size:.94rem;margin-top:4px}.unit-card .course-progress{margin-top:12px;max-width:300px}.unit.is-locked .unit-card>div:last-child{opacity:.7}.unit.is-locked .unit-art{opacity:.55;filter:grayscale(.6)}.trail{position:relative;padding:26px 0 6px}.trail-svg{position:absolute;left:50%;top:0;width:1px;overflow:visible;pointer-events:none;transform:scaleX(var(--zig, 1));transform-origin:0 0}.step{position:relative;display:flex;flex-direction:column;align-items:center;width:220px;margin:0 auto;transform:translate(calc(var(--x, 0px) * var(--zig, 1)))}.step.is-open-pop{z-index:10}.node{--node-bg: var(--surface);--node-fg: var(--ink-3);position:relative;display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:var(--node-bg);color:var(--node-fg);box-shadow:var(--hairline);font-weight:900;font-size:1.3rem;transition:transform .2s var(--ease-spring),box-shadow .2s}.node .icon{width:28px;height:28px}.node:hover{transform:scale(1.06);box-shadow:var(--hairline),var(--lift)}.node:active{transform:scale(.95)}.node.is-done{--node-bg: var(--green);--node-fg: #fff;box-shadow:none}.node.is-open{--node-bg: var(--surface);--node-fg: var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.node.is-locked{--node-bg: var(--bg-2);--node-fg: #a39c90;box-shadow:none}.node.is-current{--node-bg: var(--ink);--node-fg: #fff;width:86px;height:86px;box-shadow:0 0 0 8px var(--surface),0 0 0 9.5px var(--line)}.node.is-current .icon{width:32px;height:32px;margin-left:4px}.node.is-checked{--node-bg: var(--green-wash);--node-fg: var(--green);box-shadow:inset 0 0 0 3px var(--green-soft)}.node.is-current:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;border:2.5px solid var(--green);opacity:0;animation:halo 2.4s var(--ease-out) infinite}@keyframes halo{0%{opacity:.7;transform:scale(.85)}80%,to{opacity:0;transform:scale(1.2)}}.step-label{position:relative;margin-top:10px;max-width:210px;padding:2px 10px;border-radius:12px;background:var(--bg);text-align:center}.step-label strong{display:block;font-weight:800;line-height:1.25}.step-label span{color:var(--ink-3);font-size:.8rem;font-weight:700}.step-penny{position:absolute;top:2px}.step[data-side=right] .step-penny{left:calc(50% + 58px)}.step[data-side=left] .step-penny{right:calc(50% + 58px)}.pop{position:absolute;top:104px;left:50%;z-index:20;width:min(310px,calc(100vw - 32px));padding:20px;border-radius:var(--r);background:var(--surface);box-shadow:var(--hairline),var(--shadow-2);transform:translate(-50%);text-align:left;animation:pop-card .32s var(--ease-spring) both}@keyframes pop-card{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.94)}}.pop .h3{margin:4px 0 6px}.pop p{color:var(--ink-2);font-size:.94rem;margin-bottom:16px}.page-head{margin:4px 0 32px}.page-head .lead{margin-top:12px;max-width:60ch}.group-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:44px 0 18px}.group-title p{color:var(--ink-3);font-weight:700}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 28px}.course-grid>li{display:flex}.course-card{display:flex;flex:1;flex-direction:column;padding:0;text-align:left;width:100%}.course-card.card{background:none;box-shadow:none;border-radius:0}.course-card.card.is-pressable:hover{transform:none;box-shadow:none}.course-card.is-pressable:hover .course-card-art{transform:translateY(-4px);box-shadow:var(--lift)}.course-card .pill{background:var(--surface)}.course-card-art{position:relative;aspect-ratio:16 / 11;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.course-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 4px 4px}.course-card-body .h3{flex:1}.course-card-tags{display:flex;flex-wrap:wrap;gap:6px}.badge-lock{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--ink-3);box-shadow:var(--hairline)}.badge-lock .icon{width:19px;height:19px}.badge-current{position:absolute;top:12px;left:12px}.course-tools{display:grid;gap:16px}.course-search{display:block;max-width:460px}.course-search .icon{position:absolute;left:20px;top:50%;width:21px;height:21px;color:var(--ink-3);transform:translateY(-50%);pointer-events:none}.course-search .input{padding-left:52px;background:var(--surface);box-shadow:var(--hairline)}.course-search .input::-webkit-search-cancel-button{cursor:pointer}.group-tabs{display:flex;flex-wrap:wrap;gap:8px}.group-tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 7px 0 17px;border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:800;white-space:nowrap;box-shadow:var(--hairline);transition:background-color .15s,color .15s,transform .2s var(--ease-out)}.group-tab span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--bg);color:var(--ink-3);font-size:.78rem;font-weight:900}.group-tab:hover{color:var(--ink);transform:translateY(-1px)}.group-tab[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.group-tab[aria-pressed=true] span{background:#ffffff29;color:#fff}.group-head{margin:44px 0 8px}.group-head .group-title{margin:0 0 8px}.group-lead{max-width:720px;color:var(--ink-2)}.level-title{margin:30px 0 14px;color:var(--ink-3);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.lesson{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);background:var(--surface)}.lesson-top{display:flex;align-items:center;gap:14px;width:100%;max-width:920px;height:76px;margin:0 auto;padding:0 clamp(12px,3vw,28px)}.lesson-top .bar{flex:1;height:10px}.lesson-scroll{overflow-y:auto;overscroll-behavior:contain}.lesson-body{max-width:680px;margin:0 auto;padding:clamp(12px,3vh,32px) clamp(16px,4vw,24px) 40px}.step-in{animation:step-in .45s var(--ease-out) both}@keyframes step-in{0%{opacity:0;transform:translateY(14px)}}.penny-row{display:flex;align-items:center;gap:14px;min-height:84px;margin-bottom:18px}.penny-row .bubble{font-size:1rem}.lesson-kicker{display:block;margin-bottom:8px}.lesson-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.8vw,2.3rem);font-weight:500;line-height:1.1;letter-spacing:-.01em;margin-bottom:16px}.lesson-prompt{font-size:clamp(1.28rem,2.8vw,1.55rem);font-weight:900;line-height:1.25;margin-bottom:20px}.lesson-text{font-size:1.15rem;line-height:1.65;font-weight:600}.lesson-context{margin-bottom:18px;padding:16px 20px;border-radius:var(--r);background:var(--bg);font-size:1.08rem;line-height:1.55}.lesson-help{margin-top:14px;color:var(--ink-3);font-size:.92rem;font-weight:700}.callout{display:flex;gap:12px;margin-top:22px;padding:16px 20px;border-radius:var(--r);background:#fff6dc;line-height:1.5}.callout .icon{width:24px;height:24px;color:#e2a000}.checklist{display:grid;gap:12px;margin-top:22px}.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:1.06rem;font-weight:700}.checklist li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-wash);color:var(--green-2);flex:none}.checklist li>span .icon{width:16px;height:16px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px 14px 14px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);text-align:left;font-size:1.05rem;font-weight:700;line-height:1.35;transition:box-shadow .15s,background-color .15s,transform .15s var(--ease-out)}.option:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--ink-3),var(--lift)}.option:active{transform:scale(.99)}.option small{display:block;margin-top:2px;color:var(--ink-2);font-size:.9rem;font-weight:600}.option-key{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--ink-2);font-size:.86rem;font-weight:900;flex:none;transition:background-color .15s,color .15s}.option-key .icon{width:18px;height:18px}.option.is-selected{background:var(--sky-wash);box-shadow:inset 0 0 0 2px var(--sky)}.option.is-selected .option-key{background:var(--sky);color:#fff}.option.is-correct{background:var(--green-wash);box-shadow:inset 0 0 0 2px var(--green)}.option.is-correct .option-key{background:var(--green);color:#fff}.option.is-wrong{background:var(--peach-wash);box-shadow:inset 0 0 0 2px var(--peach);animation:nudge .42s var(--ease-out)}.option.is-wrong .option-key{background:var(--peach);color:#fff}.option[aria-disabled=true]{cursor:default}.option[aria-disabled=true]:hover{transform:none}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-2px)}}.reveal-box{margin-top:22px;padding:22px;border-radius:var(--r);background:var(--bg);text-align:center}.reveal-box.is-open{background:var(--green-wash);text-align:left;animation:pop-in .4s var(--ease-spring)}.reveal-box strong{display:block;margin-bottom:4px;font-size:1.08rem;font-weight:900}.number-field{display:inline-flex;align-items:center;gap:10px;height:64px;padding:0 22px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:1.45rem;font-weight:900}.number-field:focus-within{box-shadow:inset 0 0 0 2px var(--sky)}.number-field input{width:8ch;border:0;outline:0;background:transparent;font-weight:900}.number-field span{color:var(--ink-3)}.slider-readout{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;color:var(--ink-2);font-weight:700}.slider-readout strong{color:var(--ink);font-size:1.7rem;font-weight:900}.range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:44px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--green) var(--fill, 50%),var(--bg-2) var(--fill, 50%))}.range::-moz-range-track{height:12px;border-radius:999px;background:var(--bg-2)}.range::-moz-range-progress{height:12px;border-radius:999px;background:var(--green)}.range::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-10px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 4px var(--ink),var(--shadow-2);-webkit-transition:transform .15s var(--ease-spring);transition:transform .15s var(--ease-spring)}.range::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--surface);box-shadow:0 0 0 4px var(--ink)}.range:active::-webkit-slider-thumb{transform:scale(1.12)}.range-bounds{display:flex;justify-content:space-between;color:var(--ink-3);font-size:.86rem;font-weight:700}.insight{margin-top:18px;padding:16px 20px;border-radius:var(--r);background:var(--sky-wash)}.insight strong{display:block;font-size:1.08rem;font-weight:900}.insight div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.insight div span{padding:4px 12px;border-radius:999px;background:var(--surface);font-size:.86rem;font-weight:800;color:var(--ink-2)}.reflect{width:100%;min-height:150px;padding:18px 20px;border:0;border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:1.05rem;line-height:1.55;resize:vertical}.reflect:focus{outline:none;box-shadow:inset 0 0 0 2px var(--sky)}.sheet{position:relative;padding:0 12px max(12px,env(safe-area-inset-bottom))}.sheet-inner{display:flex;align-items:center;gap:16px;max-width:900px;min-height:92px;margin:0 auto;padding:16px 18px 16px 22px;border-radius:var(--r-lg);background:var(--bg);transition:background-color .25s}.sheet[data-state=correct] .sheet-inner{background:var(--green-wash)}.sheet[data-state=incorrect] .sheet-inner{background:var(--peach-wash)}.sheet[data-state=correct] .btn:not(.btn-soft):not(.btn-ghost){background:var(--green-2)}.sheet[data-state=correct] .btn:not(.btn-soft):not(.btn-ghost):hover{background:var(--green-3)}.sheet-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;flex:none;animation:pop-in .4s var(--ease-spring)}.sheet-badge .icon{width:28px;height:28px}.sheet[data-state=incorrect] .sheet-badge{background:var(--peach)}.sheet-say{flex:1;min-width:0}.sheet-say strong{display:block;font-size:1.15rem;font-weight:900}.sheet[data-state=correct] .sheet-say strong{color:var(--green-2)}.sheet[data-state=incorrect] .sheet-say strong{color:var(--peach-ink)}.sheet-say p{color:var(--ink-2);font-size:.98rem;line-height:1.45}.sheet-actions{display:flex;align-items:center;gap:10px}.sheet-actions .btn:not(.btn-sm){min-width:150px}.lesson-intro,.lesson-done{max-width:600px;margin:0 auto;padding:clamp(12px,4vh,40px) clamp(16px,4vw,24px) 40px;text-align:center}.intro-art{position:relative;aspect-ratio:16 / 10;margin-bottom:30px;border-radius:var(--r-lg);overflow:hidden;background:var(--bg)}.lesson-intro .lead{margin:12px auto 22px}.outcome{display:flex;gap:12px;padding:16px 20px;border-radius:var(--r);background:var(--surface);box-shadow:var(--hairline);text-align:left}.outcome .icon{width:24px;height:24px;color:var(--green)}.sources{margin-top:18px;text-align:left;color:var(--ink-3);font-size:.88rem}.sources summary{cursor:pointer;font-weight:800;width:-moz-max-content;width:max-content;margin:0 auto}.sources ul{display:grid;gap:8px;margin-top:12px}.sources a{color:var(--ink-2);font-weight:800;text-decoration:underline;text-underline-offset:2px}.lesson-done .penny{margin:0 auto 26px}.done-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:26px}.done-stat{padding:18px 16px;border-radius:var(--r);background:var(--bg)}.done-stat strong{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.7rem;font-weight:900}.done-stat strong .icon{width:28px;height:28px;color:var(--flame)}.done-stat span{color:var(--ink-3);font-size:.86rem;font-weight:800}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:#14213d42;animation:fade .2s both}.dialog{width:100%;max-width:400px;padding:28px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-2);text-align:center;animation:pop-in .34s var(--ease-spring) both}.dialog .penny{margin:0 auto 12px}.dialog p{margin:8px 0 22px;color:var(--ink-2)}.dialog-actions{display:grid;gap:10px}@keyframes fade{0%{opacity:0}}.lesson-tile-tray{padding:16px;border-radius:var(--r);background:var(--bg)}.lesson-tray-label{display:block;margin-bottom:10px;color:var(--ink-3);font-size:.86rem;font-weight:800}.lesson-tray-tiles,.lesson-bucket-tiles{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}.lesson-tile{display:inline-flex;flex-direction:column;padding:10px 16px;border-radius:999px;background:var(--surface);box-shadow:var(--hairline);font-weight:800;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .15s var(--ease-spring),box-shadow .15s}.lesson-tile small{color:var(--ink-3);font-weight:700}.lesson-tile.is-armed{background:var(--sky-wash);box-shadow:inset 0 0 0 2px var(--sky);transform:translateY(-2px)}.lesson-tile.is-dragging{box-shadow:var(--shadow-2);cursor:grabbing;transform:rotate(-2deg) scale(1.04)}.lesson-bucket-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:14px}.lesson-bucket{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);transition:box-shadow .15s,background-color .15s}.lesson-bucket header strong{display:block;font-weight:900}.lesson-bucket header small{color:var(--ink-3);font-weight:700}.lesson-bucket.is-drop-target,.lesson-tile-tray.is-drop-target,.lesson-order-board.is-drop-target{background:var(--sky-wash);box-shadow:inset 0 0 0 2px var(--sky)}.lesson-bucket-empty{margin:auto;color:var(--ink-3);font-size:.86rem;font-weight:700}.lesson-bucket-place{height:40px;border-radius:999px;background:var(--sky);color:#fff;font-weight:800;font-size:.9rem}.lesson-classify-board.is-placing .lesson-bucket{box-shadow:inset 0 0 0 2px var(--sky)}.lesson-match-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px clamp(26px,8vw,72px)}.lesson-match-wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.lesson-match-column{display:grid;gap:10px;align-content:start}.lesson-match-card{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);text-align:left;font-weight:700;line-height:1.3}.lesson-match-card>span:not(.lesson-match-dot){flex:1}.lesson-match-card.is-armed{background:var(--sky-wash)}.lesson-match-card.is-available:not(.is-paired){box-shadow:inset 0 0 0 2px var(--sky)}.lesson-match-dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--line-2)}.lesson-match-clear{width:16px;height:16px;color:var(--ink-3)}.lesson-match-status{grid-column:1 / -1}.lesson-order-board{display:grid;gap:10px;padding:4px;border-radius:var(--r)}.lesson-order-row{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);font-weight:700}.lesson-order-row.is-dragging{box-shadow:var(--shadow-2)}.lesson-order-row strong{flex:1;font-weight:700}.lesson-order-grip{color:var(--ink-3);cursor:grab}.lesson-order-grip .icon{width:20px;height:20px}.lesson-order-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg);color:var(--ink);font-weight:900;font-size:.86rem}.lesson-order-nudge{display:flex;gap:4px}.lesson-order-nudge button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ink-2)}.lesson-order-nudge button:hover:not(:disabled){background:var(--bg)}.lesson-order-nudge button:disabled{opacity:.3;cursor:default}.lesson-order-nudge .icon{width:20px;height:20px}.lesson-allocate-board{display:grid;gap:16px}.lesson-allocate-header{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-allocate-header>div{padding:12px 18px;border-radius:var(--r);background:var(--bg)}.lesson-allocate-header span{display:block;color:var(--ink-3);font-size:.84rem;font-weight:800}.lesson-allocate-header strong{font-size:1.4rem;font-weight:900}.lesson-allocate-header .is-settled{background:var(--green-wash)}.lesson-allocate-header .is-unspent{background:#fff6dc}.lesson-allocate-rows{display:grid;gap:14px}.lesson-allocate-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.lesson-allocate-row label small{display:block;color:var(--ink-3);font-weight:700}.lesson-allocate-amount{font-weight:900}.lesson-allocate-track{position:relative;grid-column:1 / -1;height:36px}.lesson-allocate-fill,.lesson-allocate-ceiling{position:absolute;left:0;top:12px;height:12px;border-radius:999px}.lesson-allocate-ceiling{background:var(--bg-2)}.lesson-allocate-fill{z-index:1;background:var(--green)}.lesson-allocate-track input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;opacity:0;cursor:pointer}.lesson-allocate-readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.lesson-allocate-readouts>div{padding:12px 16px;border-radius:var(--r-sm);background:var(--sky-wash)}.lesson-allocate-readouts span{display:block;color:var(--ink-2);font-size:.84rem;font-weight:800}.streak-hero{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:clamp(24px,4vw,44px);overflow:hidden;background:var(--surface)}.streak-hero .shapes{right:-40px;bottom:-70px;width:300px;height:300px;opacity:.9}.streak-hero .shapes .finy-shape-arch{fill:var(--flame-wash)}.streak-hero .shapes .finy-shape-quarter{fill:var(--tint-sun)}.streak-hero .shapes .finy-shape-coin{fill:var(--tint-peach)}.streak-count{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.streak-count .icon{width:60px;height:60px;color:var(--flame)}.streak-count strong{font-family:var(--font-display);font-size:clamp(3.8rem,10vw,6rem);font-weight:500;line-height:1;letter-spacing:-.03em}.streak-hero p{position:relative;z-index:1;color:var(--ink-2);font-weight:700}.streak-hero .penny{position:relative;z-index:1}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.stat{display:flex;align-items:center;gap:14px;padding:18px 20px}.stat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;flex:none}.stat-icon .icon{width:25px;height:25px}.stat strong{display:block;font-size:1.5rem;font-weight:900;line-height:1.1}.stat span{color:var(--ink-3);font-size:.86rem;font-weight:800}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:18px}.week-day{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-3);font-size:.8rem;font-weight:900}.week-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);color:var(--ink-3)}.week-dot .icon{width:23px;height:23px}.week-day.is-active .week-dot{background:var(--flame-wash);color:var(--flame)}.week-day.is-today .week-dot{box-shadow:inset 0 0 0 2px var(--ink)}.month{padding:20px;margin-top:18px}.month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.month-grid .dow{color:var(--ink-3);font-size:.78rem;font-weight:900;padding-bottom:6px}.month-cell{display:grid;place-items:center;aspect-ratio:1;max-width:48px;width:100%;margin:0 auto;border-radius:50%;font-size:.9rem;font-weight:800;color:var(--ink-2)}.month-cell.is-out{color:#cdc6ba}.month-cell.is-active{background:var(--flame-wash);color:#c4560f}.month-cell.is-today{box-shadow:inset 0 0 0 2px var(--ink)}.settings-card{padding:8px 24px;margin-bottom:16px}.settings-card>.kicker{display:block;padding:18px 0 4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1.5px solid var(--line)}.settings-card>.kicker+.settings-row{border-top:0}.settings-row strong{display:block;font-weight:800}.settings-row p{color:var(--ink-3);font-size:.9rem;font-weight:700}.profile{display:flex;align-items:center;gap:14px;min-width:0}.profile .avatar{width:56px;height:56px;font-size:1.3rem}.profile strong,.profile p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-form{display:flex;flex-wrap:wrap;gap:8px;width:100%}.name-form .input{flex:1;min-width:180px;height:44px}.switch{position:relative;flex:none;width:54px;height:32px;border-radius:999px;background:var(--line-2);transition:background-color .2s}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #14213d33;transition:transform .28s var(--ease-spring)}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(22px)}.penny-picker{display:flex;align-items:center;gap:24px;padding:12px 0 22px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.swatch{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 3px #fff9;transition:transform .2s var(--ease-spring),box-shadow .2s}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink)}.auth{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.auth .shapes-a{left:-110px;bottom:-90px;width:380px;height:380px}.auth .shapes-b{right:-80px;top:90px;width:260px;height:260px;transform:rotate(180deg)}.auth .shapes .finy-shape-arch{fill:var(--tint-mint)}.auth .shapes .finy-shape-coin{fill:var(--tint-peach)}.auth .shapes .finy-shape-quarter{fill:var(--tint-sky)}.auth-top{position:relative;z-index:1;padding:20px var(--gutter)}.auth-main{position:relative;z-index:1;flex:1;display:grid;place-items:center;padding:100px 16px 48px}.auth-card{position:relative;width:100%;max-width:440px;padding:60px 30px 30px}.auth-penny{position:absolute;left:50%;top:0;transform:translate(-50%,-92%)}.auth-card h1{text-align:center;font-family:var(--font-display);font-size:2rem;font-weight:500;line-height:1.1}.auth-sub{margin:8px 0 22px;text-align:center;color:var(--ink-2)}.auth-form{display:grid;gap:12px}.input{width:100%;height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1.5px transparent;font-size:1rem;font-weight:700;transition:box-shadow .15s,background-color .15s}.input::-moz-placeholder{color:var(--ink-3)}.input::placeholder{color:var(--ink-3)}.input:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 2px var(--sky)}.input-wrap{position:relative}.input-wrap .input{padding-right:56px}.input-wrap .round-btn{position:absolute;right:4px;top:4px}.otp{text-align:center;letter-spacing:.6em;font-size:1.5rem;font-weight:900;padding-left:calc(22px + .6em)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-3);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1.5px;border-radius:2px;background:var(--line)}.providers{display:grid;gap:10px}.providers .btn svg{width:20px;height:20px}.form-error{padding:12px 18px;border-radius:var(--r-sm);background:var(--peach-wash);color:var(--peach-ink);font-weight:800;font-size:.94rem}.form-note{padding:12px 18px;border-radius:var(--r-sm);background:var(--bg);color:var(--ink-2);font-size:.88rem;line-height:1.45}.auth-row{display:flex;justify-content:flex-end}.feedback-form{gap:16px}.feedback-rating{margin:0;padding:0;border:0;min-width:0}.feedback-rating legend,.feedback-field>span{display:block;margin-bottom:8px;font-weight:800;color:var(--ink)}.feedback-rating [role=radiogroup]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.feedback-rate{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:var(--r-sm);background:var(--bg);color:var(--ink-2);transition:background-color .15s,transform .2s var(--ease-spring)}.feedback-rate strong{font-size:1.2rem;font-weight:900;color:var(--ink)}.feedback-rate span{font-size:.72rem;font-weight:800;line-height:1.15;text-align:center}.feedback-rate:hover{transform:translateY(-1px)}.feedback-rate.is-selected{background:var(--green);color:#fff}.feedback-rate.is-selected strong{color:#fff}.feedback-field{display:block}.feedback-field .reflect{width:100%;min-height:0}.feedback-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.site-type{--site-ink: #14213d;--site-text: #4a5468;font-weight:400;color:var(--site-ink)}.site-type .auth-card h1{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.005em;color:var(--site-ink);font-synthesis:none}.site-type .auth-sub,.site-type .form-note,.site-type .demo-notice{color:var(--site-text)}.site-type .demo-notice strong,.site-type .feedback-rating legend,.site-type .feedback-field>span{color:var(--site-ink);font-weight:600}.site-type .feedback-rate strong{font-weight:700;color:var(--site-ink)}.site-type .feedback-rate span{font-weight:500}.site-type .feedback-rate.is-selected strong{color:#fff}.site-type .btn,.site-type .link,.site-type .auth-switch{font-weight:600}.site-type .input,.site-type .reflect{font-weight:400}.site-type .form-error{font-weight:600}.auth-row a{color:var(--ink-2);font-size:.9rem;font-weight:800}.auth-switch{margin-top:22px;text-align:center;color:var(--ink-2)}.blob{position:absolute;z-index:0;border-radius:46% 54% 58% 42%/52% 44% 56% 48%;pointer-events:none}.landing{position:relative;overflow:hidden}.landing .blob-a{left:-180px;top:-120px;width:560px;height:560px;background:var(--green-wash)}.landing .blob-b{right:-160px;top:220px;width:480px;height:480px;background:var(--sky-wash)}.landing .shell>.topbar{top:14px;max-width:1120px;height:64px;margin:14px max(14px,calc((100% - 1120px)/2)) 0;padding:0 10px 0 24px;border-radius:999px;box-shadow:var(--shadow-1)}.landing .demo-notice{margin-top:14px}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(320px,500px);align-items:center;gap:clamp(28px,5vw,64px);max-width:1180px;margin:0 auto;padding:clamp(40px,7vw,88px) var(--gutter) clamp(56px,8vw,100px)}.hero .display{font-size:clamp(2.7rem,6vw,4.6rem);line-height:1.02}.hero-copy .lead{max-width:32ch;margin:22px 0 32px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.try-card{position:relative;padding:28px 26px 24px;box-shadow:var(--lift)}.try-card .penny{position:absolute;right:26px;top:-96px}.try-card .kicker{display:inline-flex;align-items:center;gap:6px}.try-card .kicker .icon{width:17px;height:17px}.try-card .lesson-context{margin:12px 0 14px;font-size:1rem}.try-card .lesson-prompt{font-size:1.25rem;margin-bottom:14px}.try-card .option{font-size:.98rem;padding:12px 16px 12px 12px}.try-feedback{margin-top:14px;padding:14px 18px;border-radius:var(--r);animation:pop-in .35s var(--ease-spring)}.try-feedback.is-right{background:var(--green-wash)}.try-feedback.is-wrong{background:var(--peach-wash)}.try-feedback strong{display:block;font-weight:900}.try-feedback.is-right strong{color:var(--green-2)}.try-feedback.is-wrong strong{color:var(--peach-ink)}.try-feedback p{color:var(--ink-2);font-size:.94rem;margin:2px 0 10px}.section{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(48px,7vw,96px) var(--gutter)}.section-head{max-width:640px;margin:0 auto 40px;text-align:center}.section-head .lead{margin-top:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.landing .step-card.card{padding:12px 12px 24px;background:var(--surface);box-shadow:var(--shadow-1);border-radius:var(--r-lg)}.step-card .course-card-art{margin-bottom:16px}.step-card h3,.step-card p{padding:0 12px}.step-card p{margin-top:6px;color:var(--ink-2)}.landing .course-card.card{padding:10px;background:var(--surface);box-shadow:var(--shadow-1);border-radius:var(--r-lg)}.landing .course-card.card.is-pressable:hover{transform:translateY(-3px);box-shadow:var(--lift)}.landing .course-card.is-pressable:hover .course-card-art{transform:none;box-shadow:none}.landing .course-card-art{border-radius:calc(var(--r-lg) - 8px)}.landing .course-card-body{padding:14px 10px 10px}.landing .course-card .pill{background:var(--bg)}.cta{position:relative;z-index:1;max-width:1100px;margin:20px auto clamp(56px,8vw,96px);padding:0 var(--gutter)}.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,5vw,48px);border-radius:40px;background:var(--green-wash);overflow:hidden}.cta-panel .blob{right:18%;top:-120px;width:300px;height:300px;background:#ffffff80}.cta-panel>:not(.blob){position:relative;z-index:1}.cta-panel .lead{margin-top:8px}.site-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto;padding:24px var(--gutter) 40px;color:var(--ink-3);font-weight:700}.penny-teaching-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;pointer-events:none;overflow:hidden;color:var(--ink)}.penny-teaching-pointer{position:absolute;top:0;left:0;width:31px;height:40px;transform-origin:3px 3px;will-change:transform;filter:drop-shadow(0 3px 3px rgba(20,33,61,.25))}.penny-teaching-pointer>svg{display:block;width:100%;height:100%;transform-origin:3px 3px;transition:transform .2s var(--ease-out)}.penny-teaching-overlay[data-phase=idle] .penny-teaching-pointer{opacity:.88}.penny-teaching-overlay[data-phase=press] .penny-teaching-pointer>svg{transform:rotate(-13deg) scale(.86)}.penny-teaching-overlay[data-phase=release] .penny-teaching-pointer>svg{transform:rotate(4deg) scale(1.04)}.penny-teaching-click-burst{position:absolute;left:-13px;top:-13px;width:30px;height:30px;border:3px solid var(--green);border-radius:50%;opacity:0;transform:scale(.35)}.penny-teaching-overlay[data-phase=press] .penny-teaching-click-burst,.penny-teaching-overlay[data-phase=grab] .penny-teaching-click-burst{animation:penny-click .42s cubic-bezier(.15,.8,.25,1) both}.penny-teaching-focus{position:absolute;border:2px solid var(--green);border-radius:16px;box-shadow:0 0 0 5px #2db46b38;opacity:0}.penny-teaching-overlay:is([data-phase=hover],[data-phase=press],[data-phase=release]) .penny-teaching-focus{animation:penny-focus .28s var(--ease-out) forwards}.penny-teaching-ghost{position:absolute;top:0;left:0;max-width:200px;padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--green),0 10px 22px -10px #14213d66;font-weight:800;font-size:.84rem;line-height:1.2;opacity:0;will-change:transform}.penny-teaching-overlay[data-phase=grab] .penny-teaching-ghost{opacity:1}.penny-teaching-overlay[data-phase=release] .penny-teaching-ghost{opacity:0;transition:opacity .4s ease}.penny-teaching-drawing{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.penny-teaching-drawing path{fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round}.penny-teaching-type,.penny-teaching-scrub-label{position:absolute;display:grid;gap:3px;min-width:0;max-width:min(260px,calc(100vw - 24px));padding:8px 14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--green-soft),var(--shadow-2);font-size:.84rem;font-weight:800;white-space:nowrap}.penny-teaching-type small{color:var(--ink-3);font-size:.66rem}.penny-teaching-type i{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--green-2);animation:penny-caret .65s step-end infinite}.penny-teaching-scrub{position:absolute;height:6px;border-radius:999px;background:var(--green-soft);box-shadow:0 0 0 5px var(--green-wash)}.penny-teaching-scrub>i{position:absolute;top:50%;left:0;width:22px;height:22px;border:4px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 3px 9px #14213d4d;transform:translate(-50%,-50%)}@keyframes penny-click{0%{opacity:.85;transform:scale(.35)}to{opacity:0;transform:scale(1.4)}}@keyframes penny-focus{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes penny-caret{50%{opacity:0}}.show-me{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--surface);box-shadow:var(--hairline);color:var(--ink-2);font-size:.88rem;font-weight:800}.show-me .icon{width:18px;height:18px;color:var(--green-2)}.show-me:hover{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.numpad{display:grid;justify-items:center;gap:16px;max-width:360px;margin:0 auto}.numpad .number-field{width:100%;justify-content:center}.numpad .number-field input{width:auto;min-width:3ch;max-width:10ch;field-sizing:content;text-align:center}.numpad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.numpad-key{height:58px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2),0 3px 0 var(--line-2);font-size:1.4rem;font-weight:900;transition:transform .08s,box-shadow .08s}.numpad-key:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 1.5px var(--line-2)}.numpad-key.is-back{display:grid;place-items:center;color:var(--ink-2)}.numpad-key:disabled{opacity:.5;cursor:default}.coin-chip{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 15px 0 11px;border-radius:999px;background:#fff6dc;color:#9a6a00;font-weight:900;font-variant-numeric:tabular-nums}.coin-chip .icon{width:21px;height:21px;color:#e6a700}.coin-chip.is-link:hover{background:#ffefc2}.coin-chip.is-big{height:52px;padding:0 20px 0 14px;font-size:1.3rem}.coin-chip.is-big .icon{width:28px;height:28px}.daily-tasks{display:grid;gap:12px}.daily-tasks li{display:grid;grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:4px 12px}.daily-tick{grid-row:span 2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--line-2);color:#fff}.daily-tick .icon{width:16px;height:16px}.daily-tasks li.is-done .daily-tick{background:var(--green);box-shadow:none}.daily-label{font-weight:800;line-height:1.25}.daily-tasks li.is-done .daily-label{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--line-2)}.daily-count{color:var(--ink-3);font-size:.84rem;font-weight:800;font-variant-numeric:tabular-nums}.daily-bar{grid-column:2 / -1;height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden}.daily-bar i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .6s var(--ease-spring)}.today{display:grid;gap:16px;margin:0 0 30px;padding:20px 22px}.today-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.today-head strong{font-family:var(--font-display);font-size:1.25rem;font-weight:500}.today-game{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:var(--bg);color:var(--ink-2);font-weight:800}.today-game span{flex:1}.today-game .icon{width:20px;height:20px}.today-game.is-open{background:var(--ink);color:#fff}.today-game:hover{filter:brightness(.97)}.quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-rows:auto 1fr;background:var(--surface)}.quiz-top{display:flex;align-items:center;gap:16px;width:100%;max-width:760px;height:72px;margin:0 auto;padding:0 clamp(16px,4vw,28px)}.quiz-top .bar{flex:1}.quiz-top .bar>i{transition:width .5s var(--ease-out)}.quiz-skip{color:var(--ink-3);font-weight:800}.quiz-skip:hover{color:var(--ink)}.quiz-scroll{overflow-y:auto}.quiz-body{max-width:620px;margin:0 auto;padding:clamp(8px,3vh,28px) clamp(16px,4vw,24px) 48px}.quiz-options{display:grid;gap:10px}.quiz-option{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 18px 12px 12px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:1.05rem;font-weight:800;text-align:left;transition:transform .15s var(--ease-out),box-shadow .15s,background-color .15s}.quiz-option:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--ink-3),var(--lift)}.quiz-option[aria-checked=true]{background:var(--sky-wash);box-shadow:inset 0 0 0 2px var(--sky)}.quiz-option-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:var(--bg);color:var(--green-2)}.quiz-level-dots{display:flex;gap:4px;padding:0 6px}.quiz-level-dots i{width:8px;height:22px;border-radius:4px;background:var(--bg-2)}.quiz-level-dots i[data-on=true]{background:var(--green)}@keyframes coin-drop{0%{opacity:0;transform:translateY(-30px)}}.quiz-result{display:grid;gap:18px;text-align:center}.quiz-level-name{display:grid;font-family:var(--font-display);font-size:clamp(2.6rem,8vw,3.6rem);font-weight:500;line-height:1;color:var(--green-2)}.quiz-level-name span{margin-bottom:8px;font-family:var(--font);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.quiz-course{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;padding:10px;border-radius:var(--r-lg);background:var(--bg);text-align:left}.quiz-course-art{aspect-ratio:16 / 11;border-radius:var(--r);overflow:hidden}.quiz-other{color:var(--ink-2);font-weight:800}.games-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}.wallet-card{display:flex;align-items:center;gap:14px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--surface);box-shadow:var(--hairline);font-weight:800}.wallet-card>span:last-child,.wallet-card>a{display:inline-flex;align-items:center;gap:6px}.wallet-card .icon{width:18px;height:18px}.wallet-card .coin-chip .icon{width:28px;height:28px}.ticket{display:grid;grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:28px;margin-bottom:40px;padding:clamp(20px,3vw,32px)}.ticket.is-open{box-shadow:inset 0 0 0 2px var(--green)}.ticket-copy p{margin-top:6px;color:var(--ink-2)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.game-card{display:grid;gap:18px}.game-art{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden}.game-art-envelopes{display:flex;align-items:center;justify-content:center;gap:4%;background:linear-gradient(160deg,#e6eefd,#eae3fb)}.game-art-envelopes img{width:26%;animation:envelope-idle 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -1s)}.game-art-tower{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;padding-bottom:8%;background:linear-gradient(160deg,#fff6dc,#ffe7d6)}.game-art-tower img{width:13%;margin-top:-7.5%}.game-art-tower img:last-child{width:17%;margin-bottom:3%;animation:envelope-idle 2.6s ease-in-out infinite}.game-card-body{display:grid;justify-items:start;gap:8px;padding:0 4px}.game-card-body p{color:var(--ink-2)}.game-card-body .btn{margin-top:6px}@keyframes envelope-idle{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 20% 10%,#e9f1ff,transparent 50%),radial-gradient(circle at 85% 90%,#e9e1fb,transparent 50%),#f3f1fa}.game-top{display:flex;align-items:center;gap:14px;width:100%;max-width:980px;height:72px;margin:0 auto;padding:0 clamp(12px,3vw,24px)}.game-name{flex:1;font-family:var(--font-display);font-size:1.25rem;font-weight:500}.game-stage{overflow-y:auto;width:100%;max-width:980px;margin:0 auto;padding:8px clamp(12px,3vw,24px) 32px}.game-intro{display:grid;justify-items:center;gap:14px;max-width:520px;margin:4vh auto 0;text-align:center}.game-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.game-round{margin-bottom:10px;color:var(--ink-3);font-weight:800;text-align:center}.bq{display:grid;gap:16px;animation:step-in .35s var(--ease-out) both}.bq-card{padding:clamp(18px,3vw,28px);border-radius:24px;background:var(--surface);box-shadow:0 6px #14213d14;text-align:center}.bq-context{margin-bottom:8px;color:var(--ink-2);font-size:1rem}.bq-prompt{font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:900;line-height:1.25;text-align:center}.bq-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bq-answers.is-3 .bq-tile:last-child{grid-column:1 / -1}.bq-tile{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 18px;border-radius:22px;color:#fff;font-size:1.05rem;font-weight:900;line-height:1.25;text-align:center;box-shadow:inset 0 -7px #00000029;transition:transform .12s,filter .2s,opacity .2s}.bq-tile:hover:not(:disabled){transform:translateY(-3px)}.bq-tile:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -3px #00000029}.bq-tile .icon{flex:none;width:26px;height:26px}.bq-tile.is-yellow{background:#ffc845;color:var(--ink)}.bq-tile.is-blue{background:#4f7cf0}.bq-tile.is-green{background:#2db46b}.bq-tile.is-coral{background:#ff7f6b}.bq-tile.is-right{outline:4px solid var(--ink);outline-offset:3px;animation:pop-in .35s var(--ease-spring)}.bq-tile.is-wrong{filter:grayscale(.6);opacity:.7;animation:nudge .42s var(--ease-out)}.bq-tile.is-rest{opacity:.35}.bq-tile:disabled{cursor:default}.envelopes{display:grid;justify-items:center;gap:20px;padding-top:4vh}.envelope-row{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:clamp(12px,3vw,28px);width:100%;justify-content:center}.envelope{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:28px;background:var(--surface);box-shadow:0 6px #14213d14;transition:transform .2s var(--ease-spring),opacity .3s}.envelope img{width:74%;animation:envelope-idle 2.4s ease-in-out infinite}.envelope:nth-child(2) img{animation-delay:-.8s}.envelope:nth-child(3) img{animation-delay:-1.6s}.envelope:hover:not(:disabled){transform:translateY(-6px) rotate(-2deg)}.envelope:disabled{cursor:default}.envelope.is-open{transform:scale(1.08);box-shadow:inset 0 0 0 3px var(--green),0 10px #14213d1a}.envelope.is-open img{animation:envelope-open .5s var(--ease-spring) both}.envelope.is-other{opacity:.45}.envelope-prize{position:absolute;left:50%;bottom:10%;padding:6px 14px;border-radius:999px;background:#ffc845;color:var(--ink);font-size:1.05rem;font-weight:900;white-space:nowrap;transform:translate(-50%);animation:pop-in .4s var(--ease-spring) both}.envelope-prize.is-empty{background:var(--bg-2);color:var(--ink-3)}.envelope.is-open .envelope-prize{background:var(--green);color:#fff;font-size:1.2rem}.envelope.is-open .envelope-prize.is-empty{background:var(--ink)}@keyframes envelope-open{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-8deg)}to{transform:scale(.85) translateY(-14%);opacity:.85}}.tower-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.tower-side{position:sticky;top:0;display:grid;gap:12px}.tower-clock{position:relative;height:34px;border-radius:999px;background:var(--surface);overflow:hidden;box-shadow:var(--hairline)}.tower-clock i{position:absolute;inset:0 auto 0 0;background:#ffc845;transition:width 1s linear}.tower-clock span{position:relative;display:grid;place-items:center;height:100%;font-weight:900}.tower{position:relative;height:300px;border-radius:24px;background:var(--surface);box-shadow:0 6px #14213d14;overflow:hidden}.tower img{position:absolute;left:50%;bottom:calc(14px + var(--i) * 19px);width:92px;margin-left:-46px;animation:coin-drop .35s var(--ease-spring) both}.tower.is-wobbling{animation:tower-wobble .5s var(--ease-out)}@keyframes tower-wobble{25%{transform:rotate(-2.5deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.tower-multi{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);font-size:1.3rem;font-weight:900;box-shadow:var(--hairline)}.tower-multi .icon{color:var(--ink-3)}.tower-multi.x2,.tower-multi.x3{background:var(--flame-wash);color:#c4560f}.tower-multi.x2 .icon,.tower-multi.x3 .icon{color:var(--flame)}.tower-multi.x3{animation:pop-in .35s var(--ease-spring)}.shop-note{display:flex;align-items:center;gap:10px;margin-bottom:24px;padding:14px 18px;border-radius:var(--r);background:var(--green-wash);color:var(--green-2);font-weight:800}.shop-section{margin-bottom:44px}.shop-section .h2{margin-bottom:18px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.shop-grid.is-wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.shop-item{display:grid;justify-items:center;gap:10px;padding:18px 14px;border-radius:var(--r-lg);background:var(--surface);text-align:center}.shop-item.is-wearing{box-shadow:inset 0 0 0 2px var(--green)}.shop-item.is-row{grid-template-columns:76px 1fr;justify-items:start;align-items:center;text-align:left}.shop-item.is-row>.btn,.shop-item.is-row>span.btn{grid-column:1 / -1;justify-self:stretch}.shop-art{display:grid;place-items:center;height:104px}.shop-art.is-piece{width:76px;height:76px;border-radius:20px;background:var(--bg)}.shop-art.is-piece img{width:70%}.shop-item-copy p{margin:2px 0 4px;color:var(--ink-2);font-size:.92rem}.shop-item .btn .icon{width:18px;height:18px}.shop-price{display:grid;justify-items:center;gap:4px}.shop-price small{color:var(--ink-3);font-size:.78rem;font-weight:800}.shop-item.is-row>.shop-price{grid-column:1 / -1;justify-self:stretch}.shop-item.is-row>.shop-price .btn{width:100%}.swatch.is-locked{display:grid;place-items:center;opacity:.55;color:#fff}.swatch.is-locked .icon{width:18px;height:18px}.quiz-statement{margin:10px 0 24px;padding:26px 24px;border-radius:var(--r-lg);background:var(--bg);font-size:clamp(1.3rem,3vw,1.65rem);font-weight:500;line-height:1.3}.quiz-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-answer{min-height:64px;padding:12px 14px;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-2);font-size:1.02rem;font-weight:800;transition:transform .15s var(--ease-out),box-shadow .15s,background-color .15s}.quiz-answer:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--ink-3),var(--lift)}.quiz-answer.is-yes:hover{background:var(--green-wash);box-shadow:inset 0 0 0 2px var(--green)}.quiz-answer.is-no:hover{background:var(--bg)}.quiz-note{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:var(--r);background:var(--green-wash);color:var(--green-2);font-size:.92rem;font-weight:700;text-align:left}.quiz-note .icon{flex:none;width:20px;height:20px}button.quiz-skip,button.quiz-other{background:none}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--bg)}.segmented button{height:36px;padding:0 14px;border-radius:999px;color:var(--ink-2);font-weight:800}.segmented button[aria-checked=true]{background:var(--ink);color:#fff}.nudge-backdrop{z-index:95;background:#14213d80;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.nudge{max-width:420px;padding:30px 28px 22px}.nudge .penny{margin:-76px auto 6px}.nudge .h2{font-size:1.8rem}.nudge-timer{display:grid;gap:8px;justify-items:center;margin-top:18px}.nudge-bar{width:100%;height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden}.nudge-bar i{display:block;height:100%;border-radius:inherit;background:var(--green);transform-origin:left;animation:nudge-countdown linear both}@keyframes nudge-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.lost{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.lost .penny{margin:0 auto 22px}.lost p{margin:10px 0 26px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.try-card{max-width:520px;margin:108px auto 0;width:100%}.home{grid-template-columns:1fr}.course-panel{position:static;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:16px}.course-panel-art{aspect-ratio:1}.steps{grid-template-columns:1fr;max-width:520px;margin:0 auto}}@media(max-width:720px){.topbar{height:62px}.finy-word{font-size:1.5rem}.finy-shapes{width:27px;height:27px}.nav,.topbar .streak-label{display:none}.streak-chip{height:40px;padding:0 14px 0 10px}.avatar{width:40px;height:40px}.tabbar{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--hairline),var(--shadow-2)}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 5px;border-radius:999px;color:var(--ink-3);font-size:.72rem;font-weight:900}.tab .icon{width:23px;height:23px}.tab[aria-current=page]{background:var(--ink);color:#fff}.page{padding-top:26px}.course-panel{position:relative;top:0;z-index:5;grid-template-columns:112px 1fr;padding:0}.course-panel-body{padding:0;gap:8px}.switcher{position:static}.switcher .menu{left:8px;right:8px;top:calc(100% - 4px);min-width:0;transform-origin:top center}.course-panel .h2{font-size:1.2rem}.unit-card{grid-template-columns:1fr;gap:16px}.unit-card>div:last-child{padding:0 4px}.trail{--zig: .55}.step{width:170px}.step-label{max-width:160px}.course-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.group-tabs{flex-wrap:nowrap;margin:0 calc(var(--gutter) * -1);padding:4px var(--gutter) 10px;overflow-x:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab{height:40px;padding-left:14px}.course-card-art{border-radius:var(--r)}.course-card-body{padding:10px 2px 2px;gap:6px}.course-card-body .h3{font-size:.95rem}.course-card-tags .pill:not(:first-child){display:none}.lesson-match-board{gap:10px 20px}.lesson-match-card{font-size:.9rem;padding:10px 12px}.sheet-inner{flex-wrap:wrap;gap:12px;padding:14px}.sheet-say{flex:1 1 60%}.sheet-actions{width:100%}.sheet-actions .btn{flex:1;min-width:0!important}.penny-row{min-height:64px}.streak-hero{grid-template-columns:1fr}.week{gap:2px;padding:14px 10px}.week-dot{width:38px;height:38px}.streak-hero .penny{display:none}.settings-row{flex-wrap:wrap}.penny-picker{flex-direction:column;align-items:flex-start}.cta-panel{flex-direction:column;text-align:center}.landing .shell>.topbar{height:58px;top:10px;margin:10px 10px 0;padding:0 8px 0 18px}.tab{font-size:.66rem}.topbar .coin-chip{height:40px;padding:0 12px 0 9px}.ticket{grid-template-columns:1fr;gap:18px}.bq-answers{grid-template-columns:1fr}.bq-tile{min-height:64px;font-size:1rem}.tower-layout{grid-template-columns:1fr;gap:12px}.tower-side{position:static;grid-template-columns:1fr auto;align-items:center}.tower{grid-column:1 / -1;order:3;height:120px}.tower img{left:calc(14px + var(--i) * 22px);bottom:14px;width:56px;margin-left:0}.quiz-answers{grid-template-columns:1fr}.quiz-answer{min-height:54px}.quiz-course{grid-template-columns:1fr;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}