:root{color-scheme:dark;--tin-0: #0b131b;--tin: #121e29;--tin-2: #1a2b3a;--tin-3: #23394c;--on-tin: #f4efe3;--on-tin-2: #b4c2ce;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2400' height='1400'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0011 0.36' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.01 0 0 0 0 0.03 0 0 0 0 0.06 0.75 0 0 0 -0.28'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--chrome-hi: #f1f4f6;--chrome-mid: #c2cad1;--chrome-lo: #96a1ab;--chrome: linear-gradient(180deg, var(--chrome-hi) 0 47%, var(--chrome-mid) 53% 100%);--chrome-on-strip: linear-gradient(180deg, #e4e8eb 0 47%, #aeb7bf 53% 100%);--chrome-rule: linear-gradient(180deg, var(--chrome-hi) 0 1px, var(--chrome-mid) 1px 2px, var(--chrome-lo) 2px 3px);--keyline: #26323d;--glass: #081018;--strip: #f4f1e8;--strip-2: #e5e1d5;--ink: #14212c;--ink-2: #475765;--rule: #d2d1c7;--field-line: #85919b;--voice: #11a39b;--voice-ink: #0a6863;--voice-on-tin: #3fdccf;--voice-wash: color-mix(in srgb, var(--strip) 86%, var(--voice));--you: #e0263a;--you-bright: #ff4f5e;--you-ink: #b51d2e;--you-on-tin: #ff8a94;--you-wash: color-mix(in srgb, var(--strip) 86%, var(--you));--amber: #ffb52e;--amber-ink: #8a5400;--amber-key: radial-gradient(120% 100% at 50% 20%, #ffe2a3, var(--amber) 60%, #e08e00);--amber-shine: #fff3d6;--amber-edge: #7a4b00;--lvl-a1: #e6c81e;--lvl-a2: #3b62cf;--lvl-b1: #8550d0;--lvl-other: #566676;--weak: #b51d2e;--fair: #e39a12;--fair-wash: #fbecc8;--fair-ink: #7a4b00;--good: #1d7445;--good-lit: #4fd18a;--good-wash: #d8f0e1;--lamp-off: #33414e;--lamp-dark: #1c2630;--groove-0: #0d1116;--groove-1: #20272e;--shadow-strip: 0 1px 1px rgb(0 0 0 / 25%), 0 10px 22px -8px rgb(0 0 0 / 55%);--shadow-panel: 0 2px 3px rgb(0 0 0 / 40%), 0 22px 40px -18px rgb(0 0 0 / 70%);--fs-tag: .72rem;--fs-label: .85rem;--fs-small: .92rem;--fs-body: 1.0625rem;--fs-title: 1.12rem;--font-display: "Shrikhand", "Cooper Black", Georgia, serif;--font-body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ipa: "Gentium Book Plus", "Charis SIL", "Doulos SIL", "Segoe UI", serif;--radius-strip: 6px;--radius-panel: 18px;--column: 46rem;--wide: 68rem;--gutter: clamp(1rem, 4vw, 2rem);--fg: var(--on-tin);--fg-2: var(--on-tin-2);--link: var(--amber);--link-line: currentColor;--focus: var(--amber);--voice-text: var(--voice-on-tin);--you-text: var(--you-on-tin);--err: #ff9aa2;--ok: #8fe3b0}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--tin-3) var(--tin-0)}body{margin:0;background-color:var(--tin);background-image:var(--grain),linear-gradient(180deg,var(--tin) 0,var(--tin-2) 16rem,var(--tin) 44rem);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.6;caret-color:var(--you-bright)}::selection{background:var(--amber);color:var(--tin-0)}h1,h2,h3{line-height:1.12;margin:0 0 .5em;text-wrap:balance}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:0}h1{font-size:clamp(2.1rem,5.4vw,3.3rem)}h2{font-size:clamp(1.45rem,3.2vw,1.95rem)}h3{font-family:var(--font-body);font-weight:800;font-size:var(--fs-title);letter-spacing:-.005em}p{margin:0 0 .8em}a{color:var(--link);text-decoration-color:var(--link-line);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2.5px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.muted{color:var(--fg-2)}.small{font-size:var(--fs-small)}.error{color:var(--err);font-weight:700}.ok{color:var(--ok);font-weight:700}.stack{display:grid;gap:1.4rem}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.lede{font-size:var(--fs-title);color:var(--fg-2);max-width:40rem}.icon{width:1.15em;height:1.15em;flex:none}.frame{min-height:100vh;display:flex;flex-direction:column}.bar{position:sticky;top:0;z-index:20;background:var(--chrome-rule) bottom / 100% 3px no-repeat,var(--grain),linear-gradient(180deg,var(--tin),var(--tin-0));background-color:var(--tin-0);box-shadow:0 6px 14px -6px #0009}.bar-inner{max-width:var(--wide);margin:0 auto;padding:.5rem var(--gutter) calc(.5rem + 3px);display:flex;align-items:center;gap:.6rem 1.25rem;flex-wrap:wrap}.bar nav{display:flex;gap:.2rem .3rem;flex-wrap:wrap;margin-left:auto;align-items:center}.bar nav a{color:var(--on-tin);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .8rem;border-radius:999px}.bar nav a:not(.btn){gap:.5rem;padding-inline:.65rem;color:var(--on-tin-2);border-radius:6px;transition:color .15s ease}.bar nav a:not(.btn):before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--amber) 22%,var(--lamp-dark));box-shadow:inset 0 1px 2px #0000008c,0 0 0 1px #00000059;transition:background .15s ease,box-shadow .15s ease}.bar nav a:not(.btn):hover{color:var(--on-tin)}.bar nav a:not(.btn):hover:before{background:color-mix(in srgb,var(--amber) 50%,var(--lamp-dark))}.bar nav a[aria-current=page]{color:var(--amber)}.bar nav a[aria-current=page]:before{background:var(--amber);box-shadow:0 0 0 1px var(--amber-edge),0 0 8px 2px #ffb52e8c}.bar nav .btn{margin-left:.3rem}.logo{font-family:var(--font-display);font-size:1.85rem;line-height:1;color:var(--on-tin);text-decoration:none;display:inline-flex;align-items:baseline;padding-bottom:.15rem}.robot{display:block;overflow:visible}.robot-stalk{stroke:var(--chrome-lo);stroke-width:1.6;stroke-linecap:round}.robot-lamp{fill:var(--amber)}.robot-ear{fill:var(--chrome-lo);stroke:var(--keyline);stroke-width:1}.robot-head{stroke:var(--keyline);stroke-width:1.2}.robot-visor{fill:var(--glass)}.robot-eyes{fill:var(--amber);transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}.robot-mouth{fill:var(--keyline)}.robot-slats{stroke:var(--chrome-mid);stroke-width:1;stroke-linecap:round}.logo-robot{width:1.05em;height:1.05em;margin-left:.18em;align-self:center;filter:drop-shadow(0 2px 2px rgb(0 0 0 / 45%))}.logo-robot .robot-lamp{transition:filter .15s ease}.logo:hover .logo-robot .robot-lamp{filter:drop-shadow(0 0 2.5px var(--amber))}.brand{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0}.main{flex:1;width:100%;max-width:var(--wide);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) var(--gutter) 4rem}.column{max-width:var(--column);margin:0 auto}.foot{color:var(--on-tin-2);font-size:var(--fs-small);background:var(--tin-0)}.foot:before{content:"";display:block;height:calc(2.4rem + 6px);background:var(--chrome-rule) top / 100% 3px no-repeat,var(--chrome-rule) bottom / 100% 3px no-repeat,repeating-linear-gradient(90deg,transparent 0 9px,rgb(0 0 0 / 55%) 9px 13px),linear-gradient(180deg,var(--tin-3),var(--tin-2))}.foot-inner{max-width:var(--wide);margin:0 auto;padding:1.1rem var(--gutter) 1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.foot a{color:var(--on-tin-2)}.btn{font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.75rem;padding:.55em 1.15em;border-radius:999px;border:0;background:var(--chrome);color:var(--tin-0);text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #fff,0 0 0 1px var(--keyline),0 3px 0 var(--keyline),0 5px 10px -2px #0000007f;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff,0 0 0 1px var(--keyline),0 1px 0 var(--keyline),0 2px 4px -1px #0000007f}.btn:disabled{opacity:.45;cursor:default}.btn-go{background:radial-gradient(120% 90% at 50% 15%,var(--you-bright),var(--you) 55%,#a8162a);color:#fff;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #5e0a15,0 3px #5e0a15,0 6px 16px -4px #e0263a8c}.btn-go:active:not(:disabled){box-shadow:inset 0 1px #ffffff40,0 0 0 1px #5e0a15,0 1px #5e0a15,0 2px 6px -2px #e0263a8c}.btn-big{font-size:var(--fs-title);min-height:3.2rem;padding:.7em 1.6em}.btn-ghost{background:transparent;box-shadow:none;color:var(--link);padding-inline:.5em}.btn-ghost:hover:not(:disabled){text-decoration:underline;filter:none}.btn-ghost:active:not(:disabled){transform:none;box-shadow:none}.disc{position:relative;flex:none;width:3.1rem;height:3.1rem;border-radius:50%;border:0;padding:0;cursor:pointer;background:none;color:#fff;display:inline-grid;place-items:center}.disc-vinyl{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--disc-label, var(--voice)) 0 31%,transparent 32%),conic-gradient(from 30deg,#fff0 0,#fff0 12%,#ffffff29 18%,#fff0 26%,#fff0 62%,#ffffff1f 68%,#fff0 76%),repeating-radial-gradient(circle,var(--groove-0) 0 1.4px,var(--groove-1) 1.4px 2.6px);box-shadow:0 3px 8px -2px #0000008c}.disc svg{position:relative;width:.95rem;height:.95rem}.disc.is-you{--disc-label: var(--you)}.disc[aria-pressed=true] .disc-vinyl{animation:spin 1.8s linear infinite}.disc:hover .disc-vinyl{box-shadow:0 0 0 3px #ffb52e73,0 3px 8px -2px #0000008c}.disc-small{width:2.3rem;height:2.3rem}.disc-small svg{width:.75rem;height:.75rem}.disc:disabled{opacity:.45;cursor:default}.no-audio{flex:none;width:2.3rem;height:2.3rem;display:inline-grid;place-items:center;font-size:var(--fs-title);opacity:.75;cursor:default}.wip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#03080d9e}.wip{width:min(21rem,100%);aspect-ratio:1;padding:14px;border-radius:var(--radius-strip);background:repeating-linear-gradient(-45deg,#f5c400 0,#f5c400 16px,#111 16px,#111 32px);box-shadow:var(--shadow-panel);display:grid}.wip-inner{background:var(--strip);color:var(--ink);border-radius:4px;padding:1.25rem;display:grid;align-content:center;gap:.85rem;text-align:center}.wip-inner h2{margin:0;font-size:1.5rem}.wip-inner ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;color:var(--ink-2)}.wip-inner .btn{justify-self:center}.record{font:inherit;font-weight:800;display:inline-flex;align-items:center;gap:.6em;min-height:2.9rem;padding:.35em 1.2em .35em .4em;border-radius:999px;border:0;background:var(--chrome);color:var(--tin-0);cursor:pointer;box-shadow:inset 0 1px #fff,0 0 0 1px var(--keyline),0 3px 0 var(--keyline),0 5px 10px -2px #00000073}.record:before{content:"";width:2.1rem;height:2.1rem;border-radius:50%;background:radial-gradient(circle at 38% 30%,var(--you-on-tin),var(--you) 45%,#8f1222);box-shadow:inset 0 -2px 3px #00000059,0 0 0 2px var(--chrome-lo)}.record.is-on{background:var(--you);color:#fff;box-shadow:0 0 0 4px #ff4f5e4d,0 6px 18px -4px #e0263ab3}.record.is-on:before{background:radial-gradient(circle at 38% 30%,#fff,#ffd5d9 60%);animation:breathe 1.1s ease-in-out infinite}.record:disabled{opacity:.45;cursor:default}.card{--band: var(--lvl-other);--fg: var(--ink);--fg-2: var(--ink-2);--link: var(--ink);--link-line: var(--amber-ink);--focus: var(--amber-ink);--voice-text: var(--voice-ink);--you-text: var(--you-ink);--err: var(--you-ink);--ok: var(--good);--chrome: var(--chrome-on-strip);color-scheme:light;background:linear-gradient(var(--band),var(--band)) top / 100% 6px no-repeat,var(--sheet, var(--strip));color:var(--fg);border-radius:var(--radius-strip);box-shadow:var(--shadow-strip);padding:calc(clamp(1.1rem,3vw,1.6rem) + 4px) clamp(1.1rem,3vw,1.6rem) clamp(1.1rem,3vw,1.6rem)}.card>:last-child{margin-bottom:0}.card h2{font-size:clamp(1.3rem,2.6vw,1.6rem)}.card-voice{--band: var(--voice);--sheet: var(--voice-wash)}.card-you{--band: var(--you);--sheet: var(--you-wash)}.band-you,.auth .card{--band: var(--you)}.panel{background:linear-gradient(180deg,var(--tin-3),var(--tin-2));border-radius:var(--radius-panel);padding:clamp(1.1rem,3vw,1.6rem);box-shadow:var(--shadow-panel);position:relative}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(180deg,var(--chrome-mid),var(--chrome-lo) 45%,var(--keyline));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem;font-weight:700}.field input,.field textarea{font:inherit;font-weight:400;padding:.7em .9em;border-radius:var(--radius-strip);border:2px solid var(--field-line);background:#fff;color:var(--ink)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber-ink);box-shadow:0 0 0 3px #8a540038}.field-hint{font-weight:400;color:var(--fg-2);font-size:var(--fs-small)}.auth{max-width:27rem;margin:1.5rem auto}.ipa{font-family:var(--font-ipa);font-size:1.02em;color:var(--fg-2);padding:.02em .5em;border-radius:999px;background:color-mix(in srgb,var(--fg) 8%,transparent);white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(1.5rem,5vw,3.5rem);align-items:center;padding-block:clamp(1rem,4vw,2.5rem) 0}.hero-text{display:grid;gap:1.1rem;justify-items:start}.marquee{margin:0;font-size:clamp(2.5rem,6.4vw,4.8rem);line-height:1.02;color:#fbf7ee;text-shadow:0 2px 0 #050c13,0 0 28px rgb(255 181 46 / 30%);max-width:12ch}.hero .lede{margin:0;color:var(--on-tin-2)}.hero-actions{gap:.75rem 1rem}.hero-note{margin:0;color:var(--on-tin-2);max-width:36rem}.hero-robot{position:relative;display:grid;justify-items:center;gap:.9rem;padding:1.5rem 0 0;background:radial-gradient(closest-side,rgb(244 239 227 / 11%),transparent)}.robot-big{width:clamp(10rem,24vw,15rem);height:auto;filter:drop-shadow(0 18px 22px rgb(0 0 0 / 50%))}.robot-big .robot-lamp{animation:lamp 2.6s ease-in-out infinite alternate}.bubble{position:relative;margin:0;padding:.6rem 1rem;border-radius:14px;background:var(--strip);color:var(--ink);font-weight:800;font-size:var(--fs-title);box-shadow:var(--shadow-strip)}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;background:var(--strip);transform:translate(-50%) rotate(45deg);border-radius:0 0 4px}.how-it-works{grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:clamp(1.5rem,5vw,3.5rem);align-items:start}.readout{display:grid;gap:.75rem;justify-items:center;text-align:center}.readout h3{margin:0;color:var(--amber)}.readout-line{display:grid;gap:.4rem;justify-items:center}.readout-text{font-weight:800;font-size:clamp(1.4rem,3.6vw,1.7rem);line-height:1.1}.readout .chips{justify-content:center}.readout-comment{margin:0}.readout-note{margin:0;color:var(--on-tin-2)}.name-line{display:block;max-width:40rem;margin-inline:auto;text-align:center;font-size:var(--fs-title);color:var(--on-tin-2)}.tracks{list-style:none;margin:0;padding:0;counter-reset:track;display:grid}.tracks li{counter-increment:track;display:grid;grid-template-columns:2.6rem 1fr;gap:0 .9rem;padding:.95rem 0;border-top:1px solid rgb(255 255 255 / 12%)}.tracks li:last-child{border-bottom:1px solid rgb(255 255 255 / 12%)}.tracks li:before{content:counter(track);grid-row:span 2;font-family:var(--font-display);font-size:1.9rem;line-height:1;color:var(--amber)}.tracks h3{margin:0 0 .15rem;font-size:1.2rem}.tracks p{margin:0;color:var(--on-tin-2)}.section{margin-top:clamp(3rem,8vw,5rem);display:grid;gap:1.1rem}.section-head h2{margin:0 0 .25rem}.section-head p{margin:0;color:var(--fg-2);max-width:42rem}.levels{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.levels-label{font-weight:800;font-stretch:85%;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-label);color:var(--on-tin-2);margin-right:.3rem}.level-btn{--lamp: var(--chrome-hi);font:inherit;font-weight:800;font-stretch:80%;font-size:var(--fs-body);display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.3rem 1rem .3rem .65rem;border:0;border-radius:10px;cursor:pointer;background:var(--chrome);color:var(--tin-0);box-shadow:inset 0 1px #fff,0 0 0 1px var(--keyline),0 4px 0 var(--keyline),0 6px 12px -2px #0000007f;transition:transform .12s cubic-bezier(.3,1.6,.5,1),box-shadow .12s ease}.level-btn:before{content:"";width:.85rem;height:.85rem;border-radius:50%;background:color-mix(in srgb,var(--lamp) 62%,var(--lamp-dark));box-shadow:inset 0 1px 2px #00000073,0 0 0 1px var(--keyline)}.level-btn[aria-pressed=true]{transform:translateY(3px);background:var(--amber-key);box-shadow:inset 0 1px 0 var(--amber-shine),0 0 0 1px var(--amber-edge),0 1px 0 var(--amber-edge),0 0 18px 2px #ffb52e73}.level-btn[aria-pressed=true]:before{background:var(--lamp);box-shadow:0 0 0 1px var(--amber-edge),0 0 8px 2px color-mix(in srgb,var(--lamp) 70%,transparent)}.level-btn.lvl-a1{--lamp: var(--lvl-a1)}.level-btn.lvl-a2{--lamp: var(--lvl-a2)}.level-btn.lvl-b1{--lamp: var(--lvl-b1)}.level-btn.lvl-all{--lamp: #fff}.group{display:grid;gap:.75rem;margin-top:1.6rem}.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem}.group-head>:first-child{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.8vw,1.65rem);color:var(--on-tin)}.group-head p{margin:0;color:var(--on-tin-2);flex:1 1 22rem;font-size:var(--fs-small)}.rack{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr))}.strip{--band: var(--lvl-other);--fg: var(--ink);--fg-2: var(--ink-2);position:relative;display:grid;gap:.25rem;align-content:start;height:100%;padding:.95rem 1rem;background:linear-gradient(var(--band),var(--band)) top / 100% 7px no-repeat,linear-gradient(var(--band),var(--band)) bottom / 100% 4px no-repeat,var(--strip);border-radius:var(--radius-strip);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-strip);transition:transform .16s cubic-bezier(.3,1.6,.5,1),box-shadow .16s ease}.is-snapping .strip{animation:strip-in .38s cubic-bezier(.3,1.5,.5,1) both}.lvl-a1{--band: var(--lvl-a1)}.lvl-a2{--band: var(--lvl-a2)}.lvl-b1{--band: var(--lvl-b1)}a.strip:hover{transform:translateY(-3px) rotate(-.4deg);box-shadow:0 1px 1px #00000040,0 16px 26px -10px #000000a6}.strip-top{display:flex;align-items:center;gap:.6rem;min-width:0}.strip-code{flex:none;font-weight:800;font-stretch:75%;font-size:var(--fs-label);line-height:1;padding:.3rem .4rem;border-radius:4px;background:var(--band, var(--lvl-other));color:#fff}.lvl-a1 .strip-code{color:var(--tin-0)}.strip-sound{font-weight:800;font-stretch:78%;font-size:1.75rem;line-height:1.05;letter-spacing:-.01em;min-width:0}.nowrap{white-space:nowrap}.strip .ipa{justify-self:start;font-size:.95em}.strip-title{font-weight:700}.strip-summary{color:var(--ink-2);font-size:var(--fs-small);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.strip-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem;color:var(--ink-2);font-size:var(--fs-label)}.strip-compact{padding:.75rem .85rem .7rem;gap:.15rem}.strip-compact .strip-top{flex-wrap:wrap;row-gap:.3rem}.strip-compact .strip-sound{font-size:1.4rem;flex:1 1 auto}.strip-compact .strip-title{font-size:var(--fs-small);font-weight:600;color:var(--ink-2)}.strip.is-blank{min-height:4.6rem;opacity:.25;animation:none}.ribbon{position:absolute;top:-.45rem;right:.7rem;font-size:var(--fs-tag);font-weight:800;font-stretch:85%;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .5rem;border-radius:4px;background:var(--you);color:#fff;transform:rotate(3deg);box-shadow:0 2px 4px #0000004d}.ribbon.is-locked{background:var(--ink-2)}.bars{display:inline-flex;align-items:center;gap:4px}.bars i{display:block;width:9px;height:9px;border-radius:50%;background:var(--strip-2);box-shadow:inset 0 1px 2px #0000004d}.bars.is-weak i.on{background:var(--weak);box-shadow:0 0 6px var(--you-bright)}.bars.is-medium i.on{background:var(--fair);box-shadow:0 0 6px var(--amber)}.bars.is-strong i.on{background:var(--good);box-shadow:0 0 6px var(--good-lit)}.hello{margin:0}.console{display:grid;gap:1rem}.console-side{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.gauge-panel{display:flex;flex-wrap:wrap;gap:1.4rem 1.8rem;align-items:center}.gauge-panel h2{font-family:var(--font-body);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.45rem);line-height:1.3;margin:0 0 .4rem}.gauge-panel>div:last-child{flex:1 1 15rem}.gauge-panel p{margin:0 0 .35rem}.gauge{--p: 0;position:relative;flex:none;width:clamp(9rem,22vw,11.5rem);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,var(--groove-0) 0 2px,var(--groove-1) 2px 4px);box-shadow:var(--shadow-panel);animation:settle 1.1s cubic-bezier(.2,.9,.25,1.15) both}.gauge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(var(--voice-on-tin) calc(var(--p) * 1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 0 37%,#000 38% 95%,transparent 96%);mask:radial-gradient(circle,transparent 0 37%,#000 38% 95%,transparent 96%);opacity:.85}.gauge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle,rgb(0 0 0 / 45%) 0 1px,transparent 1px 4px),conic-gradient(from 30deg,#fff0 0,#fff0 12%,#ffffff24 18%,#fff0 26%,#fff0 62%,#ffffff1a 68%,#fff0 76%)}.gauge-inner{position:relative;z-index:1;width:46%;aspect-ratio:1;border-radius:50%;background:var(--amber);color:var(--tin-0);display:grid;place-items:center;text-align:center;line-height:1;box-shadow:inset 0 0 0 3px #0000001f}.gauge-number{font-family:var(--font-display);font-size:clamp(1.35rem,3.2vw,1.7rem);font-variant-numeric:tabular-nums}.gauge-label{font-size:var(--fs-tag);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}.gauge.is-empty .gauge-number{opacity:.6}.console-card{display:flex;flex-direction:column;gap:.5rem}.console-card h2{margin:0;font-family:var(--font-body);font-weight:800;font-size:var(--fs-title);line-height:1.25}.console-card p{margin:0;color:var(--fg-2)}.console-card .row{margin-top:auto;padding-top:.35rem}.check-in h2{font-size:clamp(1.3rem,2.8vw,1.65rem)}.check-in p{max-width:44rem}.shelf{display:grid;gap:.75rem;margin-top:.6rem}.rack-shelf{--cols: 3;--gap: .7rem;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.rack-shelf>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}@media (max-width: 900px){.rack-shelf{--cols: 2}}@media (max-width: 560px){.rack-shelf{--cols: 1}}.shelf-more{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.3rem}.shows{margin-top:.8rem}.show-count{font-variant-numeric:tabular-nums;opacity:.7}.level-btn.show-new{--lamp: var(--strip-2)}.level-btn.show-practising{--lamp: var(--fair)}.level-btn.show-mastered{--lamp: var(--good-lit)}.level-btn.show-all{--lamp: #fff}.rack-empty{margin:1.6rem 0 0;color:var(--on-tin-2)}.back{display:inline-flex;align-items:center;gap:.3rem;font-weight:700;justify-self:start}.sound-strip{padding:calc(clamp(1.1rem,3vw,1.6rem) + 5px) clamp(1.1rem,3vw,1.6rem) calc(clamp(1.1rem,3vw,1.6rem) + 2px);gap:.5rem;animation:none}.sound-strip .strip-top{gap:.9rem;align-items:flex-start}.sound-strip .strip-top .strip-code{margin-top:.6rem}.sound-strip .strip-code{font-size:var(--fs-small);padding:.35rem .5rem}.sound-strip .row{gap:.4rem .9rem}.sound-strip .strip-cat{font-weight:800;font-stretch:85%;text-transform:uppercase;letter-spacing:.07em;font-size:var(--fs-label);color:var(--ink-2)}.sound-strip .strip-sound{font-size:clamp(3rem,10vw,5rem);line-height:.95;letter-spacing:-.02em}.sound-strip h1{font-family:var(--font-body);font-weight:800;font-size:clamp(1.4rem,3.6vw,1.9rem);margin:.1rem 0 0;letter-spacing:-.01em}.sound-strip .ipa{font-size:1.2rem}.sound-strip .lede{color:var(--ink-2);margin:.3rem 0 0;font-size:var(--fs-title)}.how{margin:0;padding-left:1.4rem;display:grid;gap:.6rem}.how li::marker{color:var(--amber-ink);font-weight:800}.compare{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.compare h3{margin-bottom:.35rem}.card-voice h3{color:var(--voice-ink)}.card-you h3{color:var(--you-ink)}.on-tin-head h2{margin-bottom:.25rem}.on-tin-head p{color:var(--on-tin-2);margin:0 0 .8rem}.word,.pair,.list-row{--fg: var(--ink);--fg-2: var(--ink-2);--focus: var(--amber-ink);padding:.7rem .9rem;border-radius:var(--radius-strip);background:var(--strip);color:var(--ink);box-shadow:var(--shadow-strip)}.words{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr))}.word{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem}.word-dutch{font-weight:800;font-size:var(--fs-title)}.word-note{flex-basis:100%;font-size:var(--fs-label);color:var(--ink-2)}.pairs{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.pair{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.pair-side{display:inline-flex;align-items:center;gap:.5rem}.pair-vs{color:var(--you-ink);font-family:var(--font-display);font-size:1.3rem;margin-right:.5rem}.pair-note{margin-left:auto;color:var(--ink-2);font-size:var(--fs-small)}.mistakes{margin:0;padding-left:1.2rem;display:grid;gap:.8rem}.mistakes li::marker{color:var(--you-ink)}.mistake-wrong,.mistake-instead{display:block}.mistake-instead{margin-top:.2rem}.mistake-instead strong{color:var(--voice-ink)}.sound-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.page-head h1{margin:0}.set-head{display:grid;gap:.5rem}.set-head h1{margin:0}.set-head h1 .nl{color:var(--voice-on-tin)}.lines{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.line{display:grid;gap:.8rem;position:relative}.line-head{display:flex;align-items:center;gap:.9rem}.line-text{font-weight:800;font-size:clamp(1.3rem,3.6vw,1.7rem);line-height:1.25;margin:0;letter-spacing:-.01em}.line-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.line-actions .btn{min-height:2.9rem}.line-state{font-size:var(--fs-small);margin:0;flex:1 1 12rem}.line-state:empty{flex-basis:0}@media (hover: none) and (pointer: coarse){.keys-hint{display:none}}.tick{color:var(--good);font-weight:800;display:inline-flex;align-items:center;gap:.3rem}.line.is-done:after{content:"";position:absolute;top:.9rem;right:.9rem;width:2rem;height:2rem;border-radius:50%;border:2.5px solid var(--good);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d7445' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 62% no-repeat;transform:rotate(-10deg);opacity:.85;animation:stamp .32s cubic-bezier(.3,1.6,.5,1) both}.line.is-done .line-head{padding-right:2.6rem}.handin{position:sticky;bottom:0;z-index:5;padding:.9rem 1rem 1rem;background:color-mix(in srgb,var(--tin-0) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px 12px 0 0;box-shadow:0 -3px 0 var(--chrome-mid),0 -4px 0 var(--keyline),0 -12px 24px -10px #0009;display:grid;gap:.5rem;justify-items:start}.lamps{display:inline-flex;gap:5px;vertical-align:middle;margin-right:.5rem}.lamps i{width:11px;height:11px;border-radius:50%;background:var(--lamp-off);box-shadow:inset 0 1px 2px #0009}.lamps i.on{background:var(--amber);box-shadow:0 0 8px var(--amber)}.scoring{display:flex;align-items:center;gap:1rem}.scoring .disc-vinyl{animation:spin 1.8s linear infinite}.scoring h2{font-family:var(--font-body);font-weight:800;font-size:var(--fs-title);margin:0 0 .2rem}.scoring p{margin:0}.score-big{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.8rem}.score-big h2{font-family:var(--font-body);font-weight:800;font-size:var(--fs-title);margin:0 0 .3rem;color:var(--amber)}.score-big>div:last-child{flex:1 1 16rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.chip{font-size:var(--fs-label);font-weight:700;padding:.15rem .6rem;border-radius:4px;background:var(--strip-2);color:var(--ink-2)}.chip.is-weak{background:var(--you-wash);color:var(--you-ink)}.chip.is-medium{background:var(--fair-wash);color:var(--fair-ink)}.chip.is-strong{background:var(--good-wash);color:var(--good)}.comment{margin:0;color:var(--fg-2)}.line-words{flex:1;min-width:0}.line-written{margin:.2rem 0 0;font-size:var(--fs-small);color:var(--fg-2)}.line-note{margin:.4rem 0 0;font-size:var(--fs-small);font-style:italic;color:var(--fg-2)}.pair-discs{display:inline-flex;gap:.35rem}.list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.list-row{display:flex;align-items:center;gap:1rem;padding-top:calc(.7rem + 4px);background:linear-gradient(var(--band, var(--lvl-other)),var(--band, var(--lvl-other))) top / 100% 6px no-repeat,var(--strip);text-decoration:none;transition:transform .16s cubic-bezier(.3,1.6,.5,1)}.list-row .strip-code{align-self:center}.list-row:hover{transform:translateY(-2px)}.list-main{flex:1;min-width:0;display:grid}.list-title{font-weight:800}.list-meta{color:var(--ink-2);font-size:var(--fs-label)}.list-score{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums}.list-row .chip{font-family:var(--font-body)}.habits{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.habits li{padding-top:.8rem;border-top:2px solid rgb(255 255 255 / 14%)}.habits h3{margin-bottom:.3rem}.habits p{margin:0;color:var(--on-tin-2)}.checks{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.checks li{padding-left:1.8rem;position:relative}.checks li:before{content:"";position:absolute;left:0;top:.35em;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--amber-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 70% no-repeat}.rapid-head{gap:.5rem}.rapid-head h1,.rapid-head .lede{margin:0}.rapid-best{justify-self:start;margin:0;font-family:var(--font-display);font-size:1.2rem;color:var(--tin-0);background:var(--amber);padding:.25rem .8rem .35rem;border-radius:6px;transform:rotate(-1.5deg);box-shadow:0 3px 8px -2px #0000007f}.rapid-open{gap:.5rem}.rapid-open h2{margin:0}.rapid-stage,.rapid-end{text-align:center;display:grid;gap:.85rem;justify-items:center}.rapid-stage{padding-block:clamp(1.4rem,4vw,2.4rem)}.rapid-meta{display:flex;justify-content:space-between;width:100%;color:var(--fg-2);font-size:var(--fs-small)}.rapid-streak{font-weight:800;color:var(--fg)}.rapid-spin{width:6.5rem;height:6.5rem;pointer-events:none}.rapid-spin .disc-vinyl{animation:spin 1.8s linear infinite paused}.rapid-listening .rapid-spin .disc-vinyl{animation-play-state:running}.rapid-speaking .rapid-spin{--disc-label: var(--you)}.rapid-cue{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,6vw,2.6rem);line-height:1;color:var(--voice-text)}.rapid-speaking .rapid-cue{color:var(--you-text)}.rapid-stage .line-text,.rapid-failed .line-text{overflow-wrap:anywhere}.rapid-stage .line-text{color:var(--fg);font-size:clamp(1.5rem,4.5vw,2.1rem)}.rapid-timer{height:12px;width:min(100%,24rem);border-radius:999px;background:var(--glass);box-shadow:0 0 0 2px var(--chrome-lo),inset 0 2px 3px #0009;overflow:hidden}.rapid-timer span{display:block;height:100%;background:linear-gradient(180deg,var(--you-bright),var(--you));transform-origin:left;animation:rapid-shrink linear forwards}@keyframes rapid-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rapid-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0;margin:0}.rapid-dot{width:12px;height:12px;border-radius:50%;background:var(--lamp-off);box-shadow:inset 0 1px 2px #0009}.rapid-dot-passed{background:var(--good-lit);box-shadow:0 0 7px var(--good-lit)}.rapid-dot-failed{background:var(--you-bright);box-shadow:0 0 7px var(--you-bright)}.rapid-dot-grading{background:var(--amber);animation:rapid-pulse .9s ease-in-out infinite alternate}.rapid-dot-void,.rapid-dot-skipped{opacity:.4}@keyframes rapid-pulse{0%{opacity:.35}to{opacity:1}}.rapid-final{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.1}.rapid-failed{gap:.3rem;justify-items:center}.rapid-actions{justify-content:center}.rapid-score{margin:0;font-family:var(--font-display);font-size:clamp(3.2rem,11vw,5rem);line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}.score-big .rapid-dots{justify-content:flex-start;margin-top:.6rem}.line.is-dim{opacity:.72}.rapid-checkpoint{display:grid;gap:.8rem;justify-items:center;text-align:center}.rapid-checkpoint h2{margin:0}.rapid-results{list-style:none;padding:0;margin:0;width:100%;display:grid;gap:.5rem;text-align:left}.rapid-result{padding:.65rem 0;border-top:1.5px dashed var(--rule);display:grid;gap:.35rem}.rapid-result-void,.rapid-result-skipped{opacity:.7}.rapid-result-head{display:flex;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.rapid-result-head .line-text{flex:1 1 8rem;margin:0;font-size:var(--fs-title);overflow-wrap:anywhere}.rapid-result-score{font-weight:800;white-space:nowrap;color:var(--ink-2)}.rapid-result-failed .rapid-result-score{color:var(--you-ink)}.rapid-result-sound{justify-self:start;font-weight:700;display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.placement-tip{width:min(100%,32rem);text-align:left;border-top:1.5px dashed var(--rule);padding-top:.85rem;display:grid;gap:.35rem}.placement-tip h3{margin:0;font-size:var(--fs-body)}.placement-tip p{margin:0}.steps{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.step{display:grid;gap:.5rem}.step h3{margin:0;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.step p{margin:0}.step-first{--band: var(--you)}.step-sounds{margin:0;padding-left:1.2rem;display:grid;gap:.3rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(.72)}}@keyframes lamp{0%{filter:none}to{filter:drop-shadow(0 0 3px var(--amber))}}@keyframes strip-in{0%{transform:translateY(10px) scaleY(.7);opacity:0}to{transform:none;opacity:1}}@keyframes stamp{0%{transform:scale(1.8) rotate(-30deg);opacity:0}to{transform:rotate(-10deg);opacity:.85}}@keyframes blink{0%,95%,to{transform:none}97%{transform:scaleY(.1)}}@keyframes settle{0%{transform:rotate(-140deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.disc[aria-pressed=true] .disc-vinyl,.scoring .disc-vinyl,.rapid-spin .disc-vinyl,.robot-eyes,.robot-big .robot-lamp{animation:none}}@media (max-width: 760px){.hero{grid-template-columns:1fr}.hero-robot{order:-1;padding-top:.5rem}.robot-big{width:8.5rem}.how-it-works{grid-template-columns:1fr}.readout{justify-self:center;width:min(100%,22rem)}}@media (max-width: 560px){.bar nav a{padding:.3rem .5rem}.gauge-panel{justify-content:center;text-align:center}}span.disc{cursor:default}.auth h1{font-size:clamp(1.8rem,5vw,2.2rem)}.sheet{display:grid;gap:0}.sheet>section+section{margin-top:1.3rem;padding-top:1.3rem;border-top:1.5px dashed var(--rule)}@media (max-width: 560px){.bar-inner{padding-block:.45rem .35rem;row-gap:.25rem}.bar nav{flex-wrap:nowrap;overflow-x:auto;margin-left:0;flex-basis:100%;scrollbar-width:none;padding:0 2rem .15rem 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),transparent)}.bar nav::-webkit-scrollbar{display:none}.bar nav a{white-space:nowrap;flex:none;font-size:var(--fs-small);min-height:2.4rem;padding-inline:.6rem}.bar nav .btn{order:-2;margin:0 .2rem 0 0;min-height:2.4rem;padding-inline:.9rem}.bar nav .nav-in{order:-1}}.privacy h2{font-family:var(--font-body);font-weight:800;font-size:var(--fs-title);line-height:1.25;margin:0 0 .5rem}.privacy ul{margin:0 0 .8em;padding-left:1.2rem;display:grid;gap:.45rem}.privacy li::marker{color:var(--amber-ink)}.privacy section>:last-child{margin-bottom:0}.disc.is-locked{--disc-label: var(--lvl-other);cursor:default;opacity:.85}.disc.is-locked svg{width:.7rem;height:.7rem}.listen-locked{display:grid;gap:.4rem;margin-bottom:.8rem}.listen-locked h3,.listen-locked p{margin:0}