:root{--bg:#f2f4fa;--surface:#fff;--surface-2:#e8ecf6;--ink:#141a2e;--muted:#5a6480;--line:#d9dfec;--brand:#2f54ff;--brand-ink:#fff;--brand-soft:#e3e8ff;--listen:#0b8a7e;--listen-ink:#fff;--listen-soft:#d7f2ee;--flame:#f0620d;--gold:#e9a010;--ok:#13803b;--ok-soft:#dbf4e3;--ok-ink:#fff;--bad:#c8322b;--bad-soft:#fde3e0;--bad-ink:#fff;--mascot-ink:#141a2e;--shadow:0 1px 0 #141a2e0a, 0 10px 28px -16px #141a2e59;--f-display:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;--f-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sat:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--safe-area-inset-bottom,0px));--radius:18px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1120;--surface:#171b2e;--surface-2:#20263d;--ink:#edf0fa;--muted:#9aa3bf;--line:#2a3150;--brand:#7189ff;--brand-ink:#0b0f22;--brand-soft:#1f2750;--listen:#2cc4b3;--listen-ink:#06201d;--listen-soft:#11302d;--flame:#ff8a45;--gold:#ffc043;--ok:#4fd67f;--ok-soft:#12301f;--ok-ink:#06200f;--bad:#ff7b70;--bad-soft:#3a1a18;--bad-ink:#2a0806;--mascot-ink:#0b0f22;--shadow:0 1px 0 #0000004d, 0 12px 30px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1120;--surface:#171b2e;--surface-2:#20263d;--ink:#edf0fa;--muted:#9aa3bf;--line:#2a3150;--brand:#7189ff;--brand-ink:#0b0f22;--brand-soft:#1f2750;--listen:#2cc4b3;--listen-ink:#06201d;--listen-soft:#11302d;--flame:#ff8a45;--gold:#ffc043;--ok:#4fd67f;--ok-soft:#12301f;--ok-ink:#06200f;--bad:#ff7b70;--bad-soft:#3a1a18;--bad-ink:#2a0806;--mascot-ink:#0b0f22;--shadow:0 1px 0 #0000004d, 0 12px 30px -16px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}[hidden]{display:none!important}.ico{flex:none;display:block}#app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.screen{padding-inline-start:16px;padding-inline-end:16px;padding-block:calc(var(--sat) + 10px) calc(var(--sab) + 28px);flex-direction:column;flex:1;gap:18px;display:flex}.topbar{align-items:center;gap:10px;min-height:48px;display:flex}.topbar h1{font:800 22px/1.1 var(--f-display);letter-spacing:-.01em;flex:1;margin:0}.wordmark{font:800 26px/1 var(--f-display);letter-spacing:-.02em;flex:1;align-items:center;gap:8px;display:flex}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:14px;place-items:center;display:grid}.icon-btn:active{background:var(--surface-2)}h2.section{font:700 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0 -6px}.muted{color:var(--muted)}.small{font-size:14px}.btn{background:var(--brand);min-height:52px;color:var(--brand-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--brand) 70%, #000);text-align:center;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:700;transition:transform 80ms;display:inline-flex}.btn:active{box-shadow:0 1px 0 color-mix(in srgb, var(--brand) 70%, #000);transform:translateY(2px)}.btn.block{width:100%}.btn.secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line), 0 3px 0 var(--line)}.btn.ghost{color:var(--brand);box-shadow:none;background:0 0;min-height:44px}.btn.ok{background:var(--ok);color:var(--ok-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--ok) 70%, #000)}.btn.bad{background:var(--bad);color:var(--bad-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--bad) 70%, #000)}.btn:disabled{opacity:.45}.link{color:var(--brand);background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-weight:600;display:inline-flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.chip{background:var(--surface-2);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip.flame{background:color-mix(in srgb, var(--flame) 16%, transparent);color:var(--flame)}.chip.brand{background:var(--brand-soft);color:var(--brand)}.chip.listen{background:var(--listen-soft);color:var(--listen)}.level-badge{font:800 15px/1 var(--f-display);background:var(--brand);color:var(--brand-ink);text-align:center;border-radius:10px;min-width:38px;padding:7px 8px 5px}.stars{color:var(--line);gap:2px;display:inline-flex}.stars .on{color:var(--gold)}.stars .on svg{fill:currentColor}.bar{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.bar>i{background:var(--brand);border-radius:99px;height:100%;transition:width .3s;display:block}.toast{left:50%;bottom:calc(var(--sab) + 110px);background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;z-index:50;text-align:center;border-radius:14px;max-width:calc(100% - 32px);padding:12px 16px;font-size:15px;font-weight:600;transition:all .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.welcome h1{font:800 44px/1 var(--f-display);letter-spacing:-.02em;margin:8px 0 0}.welcome p{max-width:34ch;color:var(--muted);text-wrap:balance;margin:0;font-size:17px}.steps{justify-content:center;gap:6px;display:flex}.steps i{background:var(--line);border-radius:9px;width:26px;height:6px}.steps i.on{background:var(--brand)}.feature-list{text-align:left;gap:10px;width:100%;margin-top:6px;display:grid}.feature{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.feature .ico-wrap{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.feature .ico-wrap.listen{background:var(--listen-soft);color:var(--listen)}.feature b{display:block}.feature span{color:var(--muted);font-size:14px}.choice-grid{gap:10px;display:grid}.choice{text-align:left;border:2px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.choice[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.choice .big{font:800 24px/1 var(--f-display);min-width:42px}.choice b{display:block}.choice span{color:var(--muted);font-size:14px}.levels{gap:10px;display:grid}.level{text-align:left;background:var(--surface);box-shadow:var(--shadow);border:2px solid #0000;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.level.current{border-color:var(--brand)}.level .code{font:800 22px/1 var(--f-display);background:var(--brand-soft);width:54px;height:54px;color:var(--brand);border-radius:16px;place-items:center;padding-top:3px;display:grid}.level.current .code{background:var(--brand);color:var(--brand-ink)}.level .info{gap:4px;min-width:0;display:grid}.level .info b{font-size:17px}.level .info span{color:var(--muted);font-size:14px;line-height:1.35}.level .bar{height:6px;margin-top:4px}.level .count{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.hero{background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow);border-radius:22px;gap:14px;padding:18px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:color-mix(in srgb, var(--brand-ink) 10%, transparent);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.hero .meta{opacity:.9;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.hero h2{font:800 28px/1.05 var(--f-display);text-wrap:balance;z-index:1;margin:0;position:relative}.hero .sub{opacity:.9;margin-top:-8px;font-size:15px}.hero .btn{background:var(--brand-ink);color:var(--brand);box-shadow:0 3px 0 color-mix(in srgb, var(--brand-ink) 60%, #000);z-index:1;position:relative}.hero .bar{background:color-mix(in srgb, var(--brand-ink) 25%, transparent);height:8px}.hero .bar>i{background:var(--brand-ink)}.goal{align-items:center;gap:14px;display:flex}.ring{flex:none;width:58px;height:58px;position:relative}.ring svg{transform:rotate(-90deg)}.ring .num{font:800 17px/1 var(--f-display);place-items:center;padding-top:2px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.goal b{font-size:17px;display:block}.goal span{color:var(--muted);font-size:14px}.quick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick button{background:var(--surface);box-shadow:var(--shadow);border:0;border-radius:16px;justify-items:center;gap:6px;padding:14px 6px 12px;font-size:14px;font-weight:700;display:grid;position:relative}.quick .ico-wrap{background:var(--surface-2);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.quick .badge{background:var(--flame);min-width:22px;height:22px;color:var(--surface);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;padding:0 6px;font-size:12px;display:grid;position:absolute;top:8px;right:10px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:12px}.stat b{font:800 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--muted);font-size:12px;line-height:1.25;display:block}.lessons{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;display:grid;overflow:hidden}.lesson-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.lesson-row:first-child{border-top:0}.lesson-row .n{width:36px;height:36px;font:800 16px/1 var(--f-display);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;padding-top:2px;display:grid}.lesson-row.done .n{background:var(--ok-soft);color:var(--ok)}.lesson-row.next{background:var(--brand-soft)}.lesson-row.next .n{background:var(--brand);color:var(--brand-ink)}.lesson-row.locked{color:var(--muted)}.lesson-row .t{min-width:0}.lesson-row .t b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.lesson-row .t span{color:var(--muted);font-size:13px}.lesson-screen{padding-top:calc(var(--sat) + 6px);flex-direction:column;flex:1;min-height:100%;display:flex}.lesson-top{align-items:center;gap:8px;padding-inline-start:12px;padding-inline-end:12px;display:flex}.lesson-top .bar{flex:1;height:12px}.lesson-top .icon-btn{width:40px;height:40px;color:var(--muted)}.lesson-top .icon-btn[aria-pressed=true]{color:var(--bad);background:var(--bad-soft)}.task{flex-direction:column;flex:1;gap:14px;padding-block-start:16px;padding-block-end:12px;padding-inline-start:16px;padding-inline-end:16px;display:flex}.task-label{font:700 13px/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);align-items:center;gap:8px;display:flex}.task-label.listen{color:var(--listen)}.task-label .dot{background:currentColor;border-radius:50%;width:10px;height:10px}.task-label .review{letter-spacing:0;text-transform:none;color:var(--muted);margin-left:auto;font-weight:600}.prompt{text-align:center;background:var(--surface);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:240px;padding:26px 18px;display:flex}.prompt .word{font:800 clamp(28px, 8.5vw, 42px)/1.08 var(--f-display);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere}.prompt .word.long{font-size:clamp(22px,6.5vw,30px)}.prompt .trans{color:var(--muted);text-wrap:balance;font-size:19px}.prompt .hint{color:var(--muted);font-size:14px;font-style:italic}.prompt .hidden-text{flex-direction:column;align-items:center;gap:10px;display:flex}.audio-row{justify-content:center;align-items:center;gap:12px;display:flex}.play{background:var(--listen);width:64px;height:64px;color:var(--listen-ink);box-shadow:0 4px 0 color-mix(in srgb, var(--listen) 65%, #000);border:0;border-radius:22px;place-items:center;display:grid}.play:active{box-shadow:0 2px 0 color-mix(in srgb, var(--listen) 65%, #000);transform:translateY(2px)}.play.small{background:var(--listen-soft);width:48px;height:48px;color:var(--listen);box-shadow:none;border-radius:16px}.play.big{border-radius:30px;width:92px;height:92px}.play.playing{animation:1s ease-in-out infinite pulse-listen}.reveal{background:var(--surface-2);color:var(--muted);border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.live{min-height:26px;color:var(--muted);text-align:center;font-size:17px;font-style:italic}.dock{background:var(--bg);padding-inline-start:16px;padding-inline-end:16px;padding-block:10px calc(var(--sab) + 16px);gap:10px;display:grid;position:sticky;bottom:0}.mic-wrap{justify-items:center;gap:6px;display:grid}.mic{background:var(--brand);width:84px;height:84px;color:var(--brand-ink);box-shadow:0 5px 0 color-mix(in srgb, var(--brand) 65%, #000);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.mic:active{box-shadow:0 2px 0 color-mix(in srgb, var(--brand) 65%, #000);transform:translateY(3px)}.mic.listening{background:var(--bad);box-shadow:0 5px 0 color-mix(in srgb, var(--bad) 65%, #000)}.mic.listening:before{content:"";border:4px solid var(--bad);opacity:.5;border-radius:50%;animation:1.2s ease-out infinite ring;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.mic-label{color:var(--muted);font-size:15px;font-weight:700}.dock .alt-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.type-row{gap:8px;display:flex}.type-row input{border:2px solid var(--line);background:var(--surface);border-radius:16px;flex:1;min-width:0;height:54px;padding:0 16px;font-size:18px}.type-row input:focus{border-color:var(--brand);outline:none}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{border:2px solid var(--line);background:var(--surface);min-height:64px;box-shadow:0 3px 0 var(--line);overflow-wrap:anywhere;border-radius:16px;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.25}.option:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.option.right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);box-shadow:0 3px 0 var(--ok)}.option.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);box-shadow:0 3px 0 var(--bad)}.option:disabled{cursor:default}@media (max-width:360px){.options{grid-template-columns:1fr}}.feedback{border-radius:20px;gap:10px;padding:14px 16px;animation:.18s ease-out slide-up;display:grid}.feedback.good{background:var(--ok-soft)}.feedback.badf{background:var(--bad-soft)}.feedback .head{font:800 22px/1.1 var(--f-display);align-items:center;gap:10px;padding-top:2px;display:flex}.feedback.good .head{color:var(--ok)}.feedback.badf .head{color:var(--bad)}.feedback .head .ico-circle{background:currentColor;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.feedback .head .ico-circle svg{color:var(--surface)}.feedback .answer{align-items:center;gap:10px;display:flex}.feedback .answer b{overflow-wrap:anywhere;flex:1;min-width:0;font-size:18px}.feedback .heard{color:var(--muted);font-size:14px}.feedback .row{flex-wrap:wrap;gap:8px;display:flex}.feedback .row .btn{flex:1;min-width:130px}.results{align-items:stretch}.results .top{text-align:center;justify-items:center;gap:8px;padding-top:12px;display:grid}.results h1{font:800 36px/1.05 var(--f-display);margin:0}.results .stars{gap:6px}.res-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.word-list{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;display:grid;overflow:hidden}.word-row{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:grid}.word-row:first-child{border-top:0}.word-row .t{min-width:0}.word-row b{overflow-wrap:anywhere;display:block}.word-row span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.word-row .right{align-items:center;gap:10px;display:flex}.boxes{gap:3px;display:inline-flex}.boxes i{background:var(--line);border-radius:3px;width:7px;height:16px}.boxes i.on{background:var(--ok)}.banner{background:color-mix(in srgb, var(--gold) 18%, var(--surface));border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.banner .ico-wrap{background:var(--gold);color:#3b2800;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.banner b{display:block}.banner span{color:var(--muted);font-size:14px}.search{background:var(--surface);box-shadow:var(--shadow);color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{min-width:0;height:48px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.filters{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filters button{border:0}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:28px 16px;display:grid}.trophies{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trophy{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;align-content:start;gap:6px;min-width:0;padding:14px;display:grid}.trophy .ico-wrap{background:var(--surface-2);width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;display:grid}.trophy.won .ico-wrap{background:var(--gold);color:#3b2800}.trophy b{font-size:15px;line-height:1.25}.trophy span{color:var(--muted);font-size:13px;line-height:1.3}.trophy.locked b{color:var(--muted)}.settings{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;display:grid;overflow:hidden}.set-row{border-top:1px solid var(--line);text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;align-items:center;gap:12px;width:100%;min-height:60px;padding:14px 16px;display:flex}.set-row:first-child{border-top:0}.set-row .t{flex:1;min-width:0}.set-row .t b{font-weight:600;display:block}.set-row .t span{color:var(--muted);font-size:13px}.seg{background:var(--surface-2);border-radius:12px;flex:none;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:14px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000026}.switch{background:var(--line);border:0;border-radius:99px;flex:none;width:52px;height:32px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--ok)}.switch[aria-checked=true]:after{left:23px}.set-row select{border:2px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 8px;font-weight:600}.danger{color:var(--bad)}.confirm-box{background:var(--bad-soft);border-radius:16px;gap:10px;padding:14px;display:grid}.confirm-box .row{flex-wrap:wrap;gap:8px;display:flex}.confirm-box .row .btn{flex:1;min-height:46px;font-size:15px}.prose{background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:18px;line-height:1.6}.prose h3{font:700 18px/1.3 var(--f-body);margin:18px 0 6px}.prose h3:first-child{margin-top:0}.prose p,.prose ul{margin:0 0 10px}.prose ul{padding-left:20px}.overlay{z-index:40;background:#080a1480;align-items:end;animation:.15s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--surface);padding:22px 18px calc(var(--sab) + 20px);border-radius:24px 24px 0 0;gap:12px;width:100%;max-width:560px;margin:0 auto;animation:.2s ease-out slide-up;display:grid}.sheet h3{font:800 24px/1.1 var(--f-display);margin:0}.sheet p{color:var(--muted);margin:0}@keyframes ring{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}@keyframes pulse-listen{50%{transform:scale(1.06)}}@keyframes slide-up{0%{opacity:.4;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.08)}to{transform:scale(1)}}.pop{animation:.35s ease-out pop}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.report-link{color:var(--muted);justify-self:center;padding:2px 8px;font-size:14px;font-weight:600}.pack-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 14px;display:grid}.pack-row:first-child{border-top:0}.pack-row .code{width:40px;height:40px;font:800 15px/1 var(--f-display);background:var(--listen-soft);color:var(--listen);text-transform:uppercase;border-radius:12px;place-items:center;padding-top:2px;display:grid}.pack-row .t{gap:4px;min-width:0;display:grid}.pack-row .t b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pack-row .t span{color:var(--muted);font-size:13px}.pack-row .bar{height:5px}.pack-row .bar>i{background:var(--ok)}.pack-empty{gap:10px;display:grid}.pack-empty p{color:var(--muted);margin:0;font-size:15px}.field{gap:6px;display:grid}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:2px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;padding:12px 14px;font-size:16px}.field textarea{resize:vertical;min-height:220px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none}.field .help{color:var(--muted);font-size:13px}.err{color:var(--bad);font-size:14px;font-weight:600}.pack-head{gap:6px;display:grid}.pack-head .meta{flex-wrap:wrap;gap:8px;display:flex}