:root{--bg:#f3f6fb;--surface:#fff;--surface-2:#eef2f9;--text:#13213b;--muted:#5b6b86;--line:#dbe3f0;--blue:#1d5bd8;--blue-deep:#0b2a5b;--blue-soft:#e3ecfd;--green:#17a663;--green-soft:#ddf6e9;--red:#e0475b;--red-soft:#fde6e9;--gold:#f5a524;--gold-soft:#fff2d6;--purple:#7c4dff;--teal:#12b5a6;--shadow:0 1px 2px #1021420f,0 6px 20px #10214212;--shadow-lg:0 10px 40px #10214229;--radius:18px;--press:0 4px 0;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1222;--surface:#131d33;--surface-2:#1a2642;--text:#e8eefb;--muted:#93a3c2;--line:#26355a;--blue:#5b8cff;--blue-deep:#0a1730;--blue-soft:#1c2c52;--green:#2fd087;--green-soft:#12352a;--red:#ff6b7d;--red-soft:#3a1a24;--gold:#ffbf4a;--gold-soft:#3a2e14;--shadow:0 1px 2px #0000004d,0 6px 20px #00000040;--shadow-lg:0 10px 40px #00000080;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1222;--surface:#131d33;--surface-2:#1a2642;--text:#e8eefb;--muted:#93a3c2;--line:#26355a;--blue:#5b8cff;--blue-deep:#0a1730;--blue-soft:#1c2c52;--green:#2fd087;--green-soft:#12352a;--red:#ff6b7d;--red-soft:#3a1a24;--gold:#ffbf4a;--gold-soft:#3a2e14;--shadow:0 1px 2px #0000004d,0 6px 20px #00000040;--shadow-lg:0 10px 40px #00000080;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:var(--blue)}#aurora{position:fixed;z-index:-1;pointer-events:none;animation:18s ease-in-out infinite alternate aurora;background:radial-gradient(60% 80% at 15% 0%,#12b5a638,#0000 70%),radial-gradient(50% 70% at 60% 0%,#1d5bd838,#0000 70%),radial-gradient(40% 60% at 95% 10%,#7c4dff2e,#0000 70%);height:340px;inset:0 0 auto}@keyframes aurora{0%{filter:hue-rotate(0deg);transform:translateY(0)}to{filter:hue-rotate(40deg);transform:translateY(-20px)}}#fx{position:fixed;pointer-events:none;z-index:100;width:100vw;height:100vh;inset:0}#app{max-width:980px;margin:0 auto;padding:16px 16px 120px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:20px}.row{display:flex;align-items: center;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}.hidden{display:none!important}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:1.8rem;font-weight:900}h2{font-size:1.3rem;font-weight:800}h3{font-size:1.05rem;font-weight:800}.btn{letter-spacing:.02em;background:var(--surface-2);color:var(--text);box-shadow:var(--press)var(--line);user-select:none;border:0;border-radius:14px;padding:12px 20px;transition:transform 80ms,box-shadow 80ms,filter .15s;font-weight:800}.btn:hover{filter:brightness(1.04)}.btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--blue);color:#fff;box-shadow:var(--press)#1440a0}.btn.success{background:var(--green);color:#fff;box-shadow:var(--press)#0e7a47}.btn.danger{background:var(--red);color:#fff;box-shadow:var(--press)#a82c3d}.btn.gold{background:var(--gold);color:#3b2500;box-shadow:var(--press)#c27c06}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0}.btn.big{border-radius:16px;padding:16px 26px;font-size:1.1rem}.btn.block{width:100%}.icon-btn{background:var(--surface-2);display:inline-grid;box-shadow:0 3px 0 var(--line);border:0;border-radius:12px;flex:none;place-items: center;width:42px;height:42px;font-size:1.15rem}.icon-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.chip{display:inline-flex;background:var(--surface-2);border-radius:999px;align-items: center;gap:6px;padding:5px 12px;font-size:.9rem;font-weight:800}.chip.fire{background:var(--gold-soft);color:#b86b00}.chip.blue{background:var(--blue-soft);color:var(--blue)}.chip.green{background:var(--green-soft);color:var(--green)}:root[data-theme=dark] .chip.fire{color:var(--gold)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chip.fire{color:var(--gold)}}.bar{background:var(--surface-2);overflow:hidden;border-radius:999px;height:12px}.bar>i{display:block;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--blue));height:100%;transition:width .5s cubic-bezier(.2,.9,.3,1.2)}.bar.gold>i{background:linear-gradient(90deg,#ffd166,var(--gold))}.topbar{display:flex;align-items: center;gap:10px;margin-bottom:18px}.brand{display:flex;text-decoration:none;color:var(--text);align-items: center;gap:10px;font-size:1.35rem;font-weight:900}.flag{position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:5px;width:34px;height:24px}.flag:before{content:"";position:absolute;background:#003580;width:6px;top:0;bottom:0;left:9px}.flag:after{content:"";position:absolute;background:#003580;height:6px;top:9px;left:0;right:0}.nav{display:flex;align-items: center;gap:6px;margin-left:auto}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:18px}@media (max-width:760px){.hero{grid-template-columns:1fr}}.hero-main{color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#0b2a5b 0%,#1d5bd8 60%,#12b5a6 130%);border:0}.hero-main:after{content:"";position:absolute;background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:240px;height:240px;top:-60px;right:-60px}.hero-main .muted{color:#ffffffc7}.hero-main h1{margin-bottom:4px}.hero-main .btn.primary{color:#0b2a5b;box-shadow:var(--press)#9fb6e6;background:#fff}.skill-gauge{display:flex;align-items: center;gap:14px;margin:16px 0}.skill-num{font-size:2.6rem;font-weight:900;line-height:1}.skill-gauge .bar{background:#fff3;flex:1}.skill-gauge .bar>i{background:linear-gradient(90deg,#7ef0d9,#fff)}.cefr{background:#ffffff2e;border-radius:8px;padding:2px 8px;font-size:.85rem;font-weight:900}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:var(--surface-2);border-radius:14px;padding:12px}.stat b{display:block;font-size:1.4rem;font-weight:900}.stat span{color:var(--muted);font-size:.85rem;font-weight:700}.ring{--p:0;display:grid;background:conic-gradient(var(--gold)calc(var(--p)*1%),var(--surface-2)0);border-radius:50%;flex:none;place-items: center;width:86px;height:86px}.ring>div{background:var(--surface);display:grid;text-align:center;border-radius:50%;place-items: center;width:68px;height:68px;font-size:.9rem;font-weight:900;line-height:1.1}.ring.done{background:conic-gradient(var(--green)100%,var(--surface-2)0)}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}@media (max-width:640px){.quick{grid-template-columns:1fr}}.quick .card{cursor:pointer;display:flex;align-items: center;gap:12px;padding:16px;transition:transform .15s}.quick .card:hover{transform:translateY(-2px)}.quick .ico{display:grid;background:var(--blue-soft);border-radius:14px;flex:none;place-items: center;width:52px;height:52px;font-size:1.8rem}.week{display:flex;align-items: flex-end;gap:8px;height:70px}.week>div{display:flex;flex-direction:column;flex:1;justify-content:flex-end;align-items: center;gap:4px;height:100%}.week i{background:linear-gradient(var(--teal),var(--blue));border-radius:6px 6px 3px 3px;width:100%;max-width:26px;min-height:4px}.week span{color:var(--muted);font-size:.72rem;font-weight:700}.section-title{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px}.section-title h2{margin:0}.path{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.topic{position:relative;cursor:pointer;display:flex;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s}.topic:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.topic .ti{font-size:1.9rem}.topic .tt{font-size:1.02rem;font-weight:900;line-height:1.2}.topic .tf{color:var(--muted);font-size:.85rem;font-style:italic}.topic .stars{letter-spacing:2px;color:var(--line);font-size:1rem}.topic .stars b{color:var(--gold);font-weight:400}.topic.locked{opacity:.55}.topic.locked:after{content:"🔒";position:absolute;top:12px;right:14px}.topic .lvl{position:absolute;color:var(--muted);font-size:.75rem;font-weight:900;top:14px;right:14px}.topic.locked .lvl{right:40px}.lesson-top{display:flex;align-items: center;gap:12px;margin-bottom:18px}.lesson-top .bar{flex:1;height:16px}.combo{text-align:right;min-width:70px;transition:transform .2s;font-weight:900}.combo.pop{animation:.45s pop}.combo.hot{color:#ff7a00;text-shadow:0 0 12px #ff8c0073}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)rotate(-6deg)}to{transform:scale(1)}}.xp-counter{color:var(--gold);text-align:right;min-width:64px;font-weight:900}.diff-indicator{color:var(--muted);display:flex;align-items: center;gap:4px;font-size:.8rem;font-weight:800}.ex{animation:.35s cubic-bezier(.2,.9,.3,1.1) slidein;max-width:720px;margin:0 auto}@keyframes slidein{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.ex-head{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:6px}.ex-instr{margin:6px 0 18px;font-size:1.35rem;font-weight:900}.retry-badge{background:var(--gold-soft);color:#9a5b00;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:900}.sentence{font-size:1.5rem;font-weight:800;line-height:1.7}.sentence.small{font-size:1.15rem}.w{border-bottom:2px dotted var(--line);cursor:help;border-radius:4px;padding:0 1px;transition:background .15s}.w:hover,.w.active{background:var(--blue-soft);border-bottom-color:var(--blue)}.gap-slot{display:inline-block;border-bottom:3px solid var(--blue);text-align:center;color:var(--blue);background:var(--blue-soft);border-radius:6px 6px 0 0;min-width:90px;margin:0 4px;padding:0 6px}.gap-slot.ok{color:var(--green);border-color:var(--green);background:var(--green-soft)}.gap-slot.bad{color:var(--red);border-color:var(--red);background:var(--red-soft)}.gap-input{border:0;border-bottom:3px solid var(--blue);background:var(--blue-soft);outline:none;color:var(--text);border-radius:8px 8px 0 0;width:9em;margin:0 4px;padding:2px 8px;font-size:1.3rem;font-weight:800}.translation{color:var(--muted);margin-top:6px;font-size:1.05rem;font-weight:600}.de-prompt{background:var(--surface-2);display:flex;border-radius:14px;align-items: center;gap:10px;padding:14px 18px;font-size:1.4rem;font-weight:800}.de-prompt:before{content:"🇩🇪"}.lemma-hint{display:inline-block;color:var(--muted);margin-top:8px;font-size:.95rem;font-weight:700}.speak-row{display:flex;align-items: center;gap:10px;margin:4px 0 14px}.speak-big{background:var(--blue);color:#fff;display:grid;border:0;border-radius:28px;place-items: center;width:96px;height:96px;font-size:2.4rem;box-shadow:0 6px #1440a0}.speak-big:active{transform:translateY(4px);box-shadow:0 2px #1440a0}.speak-big.playing{animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 6px #1440a0,0 0 #1d5bd880}50%{box-shadow:0 6px #1440a0,0 0 0 16px #1d5bd800}}.options{display:grid;gap:10px;margin-top:18px}.options.grid2{grid-template-columns:1fr 1fr}@media (max-width:560px){.options.grid2{grid-template-columns:1fr}}.opt{text-align:left;border:2px solid var(--line);background:var(--surface);box-shadow:0 4px 0 var(--line);display:flex;border-radius:14px;align-items: center;gap:12px;padding:14px 16px;transition:transform 80ms,border-color .15s,background .15s;font-size:1.05rem;font-weight:700}.opt .key{border:2px solid var(--line);display:grid;color:var(--muted);border-radius:8px;flex:none;place-items: center;width:26px;height:26px;font-size:.8rem}.opt:hover{border-color:var(--blue)}.opt:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.opt.selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 4px 0 var(--blue)}.opt.correct{border-color:var(--green);background:var(--green-soft);box-shadow:0 4px 0 var(--green)}.opt.wrong{border-color:var(--red);background:var(--red-soft);box-shadow:0 4px 0 var(--red);animation:.4s shake}.opt.eliminated{opacity:.3;text-decoration:line-through;pointer-events:none}.opt:disabled{cursor:default}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.answer-zone{border-bottom:2px solid var(--line);display:flex;flex-wrap:wrap;align-content: flex-start;gap:8px;min-height:64px;margin:14px 0;padding:10px 0}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;padding:8px 0}.tile{border:2px solid var(--line);background:var(--surface);box-shadow:0 3px 0 var(--line);animation:.2s tilein;border-radius:12px;padding:9px 14px;transition:transform .1s;font-size:1.1rem;font-weight:800}.tile:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.tile.used{visibility:hidden}@keyframes tilein{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}.write-area{border:2px solid var(--line);background:var(--surface);resize:vertical;outline:none;border-radius:14px;width:100%;min-height:90px;padding:14px;font-size:1.25rem;font-weight:700}.write-area:focus,.gap-input:focus{border-color:var(--blue)}.special-keys{display:flex;gap:6px;margin-top:8px}.special-keys button{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:6px 14px;font-size:1.05rem;font-weight:800}.wordbank{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wordbank span{background:var(--gold-soft);border-radius:8px;padding:3px 10px;font-size:.9rem;font-weight:700}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.pairs .col{display:grid;gap:10px}.pair-btn{border:2px solid var(--line);background:var(--surface);box-shadow:0 4px 0 var(--line);border-radius:14px;min-height:56px;padding:14px;font-size:1rem;font-weight:800}.pair-btn.sel{border-color:var(--blue);background:var(--blue-soft)}.pair-btn.done{border-color:var(--green);background:var(--green-soft);opacity:.45;pointer-events:none;transition:all .3s;transform:scale(.97)}.pair-btn.bad{border-color:var(--red);background:var(--red-soft);animation:.4s shake}.reading-text{background:var(--surface-2);border-radius:14px;padding:16px 18px;font-size:1.15rem;line-height:1.8}.reading-text p{margin:0 0 .8em}.reading-text .w{border-bottom-width:1px}.reading-de{color:var(--muted);margin-top:10px;font-style:italic}.question{margin-top:18px}.question h3{font-size:1.1rem}.q-why{background:var(--surface-2);border-radius:12px;margin-top:8px;padding:10px 12px;font-size:.95rem}.actionbar{position:fixed;z-index:20;background:var(--surface);border-top:2px solid var(--line);padding:14px 16px calc(14px + env(safe-area-inset-bottom));transition:background .25s,border-color .25s;bottom:0;left:0;right:0}.actionbar .inner{display:flex;flex-wrap:wrap;align-items: center;gap:12px;max-width:720px;margin:0 auto}.actionbar.good{background:var(--green-soft);border-color:var(--green)}.actionbar.bad{background:var(--red-soft);border-color:var(--red)}.fb{animation:.3s cubic-bezier(.2,.9,.3,1.2) rise;flex:320px;min-width:0}@keyframes rise{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.fb-title{display:flex;align-items: center;gap:8px;font-size:1.35rem;font-weight:900}.good .fb-title{color:var(--green)}.bad .fb-title{color:var(--red)}.fb-title small{color:var(--muted);font-size:.85rem;font-style:italic;font-weight:700}.fb-solution{margin-top:4px;font-weight:800}.fb-de{color:var(--muted);font-weight:600}.fb-extra{overflow:auto;max-height:30vh;margin-top:8px;font-size:.95rem}.fb-extra .why{background:var(--surface);border-left:4px solid var(--gold);border-radius:12px;margin-top:6px;padding:10px 12px}.diff-del{background:var(--red-soft);color:var(--red);text-decoration:line-through;border-radius:4px;padding:0 3px}.diff-ok{color:var(--green)}.diff-miss{background:var(--green-soft);color:var(--green);border-radius:4px;padding:0 3px;font-weight:900}.xp-float{position:fixed;z-index:110;color:var(--gold);pointer-events:none;text-shadow:0 2px #0000001f;animation:1.2s ease-out forwards floatup;font-size:1.6rem;font-weight:900}@keyframes floatup{0%{transform:translate(-50%)scale(.6);opacity:0}20%{transform:translate(-50%,-20px)scale(1.2);opacity:1}to{transform:translate(-50%,-110px)scale(1);opacity:0}}.modal-bg{position:fixed;z-index:50;display:grid;animation:.2s fade;backdrop-filter:blur(3px);background:#08102280;place-items: end center;inset:0}@media (min-width:700px){.modal-bg{place-items: center}}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);overflow:auto;animation:.3s cubic-bezier(.2,.9,.3,1.1) rise;border-radius:22px 22px 0 0;width:min(720px,100%);max-height:86vh;padding:22px}@media (min-width:700px){.modal{border-radius:22px}}.modal-head{display:flex;align-items: center;gap:10px;margin-bottom:12px}.modal-head h2{flex:1;margin:0}.help-step{border:1px solid var(--line);border-radius:14px;margin-top:10px;padding:12px 14px}.help-step h4{margin:0 0 6px}.gloss-table{border-collapse:collapse;width:100%;font-size:.95rem}.gloss-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.gloss-table td:first-child{white-space:nowrap;font-weight:900}.gloss-table .an{color:var(--muted);font-size:.88rem}.popover{position:fixed;z-index:60;background:var(--blue-deep);color:#fff;box-shadow:var(--shadow-lg);animation:.15s fade;pointer-events:none;border-radius:14px;max-width:300px;padding:10px 14px;font-size:.92rem}.popover b{font-size:1.05rem}.popover .an{opacity:.8;margin-top:4px;font-size:.85rem}.md h3{color:var(--blue);margin:1.2em 0 .4em}.md p{margin:0 0 .8em}.md ul{margin:0 0 .8em;padding-left:1.3em}.md table{border-collapse:collapse;display:block;overflow-x:auto;width:100%;margin:.6em 0 1em;font-size:.95rem}.md th,.md td{border:1px solid var(--line);text-align:left;padding:6px 10px}.md th{background:var(--surface-2)}.md code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.92em}.sent-list{display:grid;gap:8px}.sent-item{display:flex;background:var(--surface-2);border-radius:14px;align-items: flex-start;gap:10px;padding:12px}.sent-item .fi{font-size:1.08rem;font-weight:800}.sent-item .de{color:var(--muted)}.lvl-pill{background:var(--blue-soft);color:var(--blue);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:900}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.family-grid>div{background:var(--surface-2);border-radius:14px;padding:12px}.family-root{text-align:center;margin-bottom:12px;font-size:1.6rem;font-weight:900}.summary{text-align:center;max-width:640px;margin:20px auto}.summary .big-emoji{animation:1s bounce;font-size:5rem}@keyframes bounce{0%{transform:scale(0)rotate(-30deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:scale(1)}}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}@media (max-width:560px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.summary-stats .stat{animation:.5s both rise}.summary-stats .stat:nth-child(2){animation-delay:.1s}.summary-stats .stat:nth-child(3){animation-delay:.2s}.summary-stats .stat:nth-child(4){animation-delay:.3s}.ach-new{display:flex;text-align:left;background:var(--gold-soft);animation:.7s both bounce;border-radius:16px;align-items: center;gap:12px;margin:8px 0;padding:12px 16px}.ach-new .ai{font-size:2.2rem}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.ach{text-align:center;padding:16px 12px}.ach .ai{font-size:2.4rem}.ach.locked{filter:grayscale(1);opacity:.45}.ach b{display:block;margin-top:4px}#toasts{position:fixed;z-index:120;display:grid;gap:8px;width:min(420px,100vw - 32px);top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--blue-deep);color:#fff;box-shadow:var(--shadow-lg);display:flex;animation:.4s cubic-bezier(.2,.9,.3,1.3) toastin;border-radius:14px;align-items: center;gap:10px;padding:12px 16px;font-weight:800}.toast.gold{color:#2a1800;background:linear-gradient(135deg,#f5a524,#ff7a00)}.toast.green{background:linear-gradient(135deg,#17a663,#12b5a6)}.toast.red{background:linear-gradient(135deg,#e0475b,#b8336a)}.toast .ti{font-size:1.6rem}.toast.out{animation:.3s forwards toastout}@keyframes toastin{0%{transform:translateY(-30px)scale(.9);opacity:0}}@keyframes toastout{to{transform:translateY(-20px);opacity:0}}.welcome{text-align:center;max-width:520px;margin:8vh auto}.welcome input{border:2px solid var(--line);background:var(--surface);outline:none;border-radius:14px;width:100%;margin:16px 0;padding:14px 16px;font-size:1.15rem;font-weight:700}.welcome input:focus{border-color:var(--blue)}.welcome .big-emoji{font-size:4rem}.users-list{display:grid;gap:8px;margin-top:12px}.settings-row{display:flex;border-bottom:1px solid var(--line);align-items: center;gap:12px;padding:12px 0}.settings-row label{flex:1;font-weight:700}.toggle{appearance:none;background:var(--line);position:relative;cursor:pointer;border-radius:999px;flex:none;width:50px;height:28px;transition:background .2s}.toggle:after{content:"";position:absolute;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle:checked{background:var(--green)}.toggle:checked:after{transform:translate(22px)}kbd{border:1px solid var(--line);color:var(--muted);border-bottom-width:2px;border-radius:6px;padding:0 5px;font-family:inherit;font-size:.75rem}