:root{--bg:#fff9f3;--bg-tint:#fdf6ee;--surface:#fff;--field:#fbf7f2;--border:#efe7de;--text:#2b2a33;--muted:#8a8594;--primary:#3d6fd6;--primary-dark:#2f5cbf;--coral:#ff6b5c;--coral-deep:#e8503f;--mint:#43c6a0;--marigold:#ffc24b;--danger:#e8503f;--radius-md:12px;--radius-lg:20px;--radius-xl:26px;--radius-pill:999px;--shadow-card:0 10px 24px #2b2a331a;--shadow-soft:0 4px 14px #2b2a330f;--font-display:"Fraunces", Georgia, serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color:var(--text)}*{box-sizing:border-box}body{background:var(--bg);margin:0;font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}button{font:inherit;cursor:pointer;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:1px solid #0000;padding:.6rem 1.05rem;font-size:.9rem;font-weight:700;transition:filter .15s,background .15s,color .15s;box-shadow:0 6px 16px #3d6fd638}button:hover:not(:disabled){filter:brightness(1.04)}button:disabled{opacity:.45;cursor:default;box-shadow:none}button.cta{background:linear-gradient(180deg, var(--coral), var(--coral-deep));box-shadow:0 6px 16px #e8503f47}button.secondary{background:var(--surface);color:var(--primary);border-color:var(--primary);box-shadow:none}button.danger{background:var(--danger);box-shadow:0 6px 16px #e8503f47}button.ghost{color:var(--muted);box-shadow:none;background:0 0;padding:.4rem .65rem;font-weight:600}button.ghost:hover:not(:disabled){background:var(--bg-tint);color:var(--text);filter:none}button.ghost.danger{color:var(--muted);background:0 0}button.ghost.danger:hover:not(:disabled){color:var(--danger);background:#fcedea}button.btn-sm{border-radius:10px;padding:.4rem .7rem;font-size:.8rem}input,select{font:inherit;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--field);color:var(--text);width:100%;padding:.6rem .7rem}input:focus,select:focus{border-color:var(--primary);outline:none}label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:5;align-items:center;gap:1.5rem;padding:.85rem 1.75rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.7rem;display:flex}.brand-mark{background:linear-gradient(160deg, var(--coral), var(--marigold));width:34px;height:34px;box-shadow:var(--shadow-soft);border-radius:10px}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.brand-sub{color:var(--muted);letter-spacing:.4px;font-size:.68rem}.nav{gap:.25rem;display:flex}.nav-tab{color:var(--muted);box-shadow:none;border-radius:var(--radius-pill);background:0 0;padding:.55rem 1rem;font-weight:600}.nav-tab:hover:not(:disabled){background:var(--bg-tint);color:var(--text);filter:none}.nav-tab.active{color:var(--primary-dark);background:#eaf1fd}.header-right{align-items:center;gap:.9rem;margin-left:auto;display:flex}.who{color:var(--muted);font-size:.85rem}.layout{min-height:calc(100vh - 64px);display:flex}.sidebar{background:var(--bg-tint);border-right:1px solid var(--border);width:270px;padding:1.35rem 1.1rem}.sidebar-title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:.1rem .4rem .75rem;font-size:.72rem;font-weight:700}.content{flex:1;max-width:980px;margin-inline:auto;padding:1.75rem 2.1rem}.layout .content{margin-inline:0}.group-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:center;gap:.75rem;margin-bottom:.35rem;padding:.7rem .85rem;display:flex}.group-item:hover{background:var(--surface)}.group-item.active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}.group-dot{width:36px;height:36px;font-family:var(--font-display);color:#fff;background:linear-gradient(160deg, var(--coral), var(--coral-deep));border-radius:11px;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.group-dot.g1{background:linear-gradient(160deg, var(--coral), var(--coral-deep))}.group-dot.g2{background:linear-gradient(160deg, var(--mint), #2fae8c)}.group-dot.g3{background:linear-gradient(160deg, #7fb3ff, var(--primary))}.group-dot.g4{background:linear-gradient(160deg, var(--marigold), #f0a92e)}.group-meta{flex-direction:column;min-width:0;line-height:1.2;display:flex}.group-name{font-weight:600}.group-range{color:var(--muted);font-size:.78rem}.ver{color:var(--muted);background:var(--field);border:1px solid var(--border);border-radius:var(--radius-pill);margin-left:auto;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin-bottom:1.1rem;padding:1.4rem 1.5rem}.card h3{margin:0 0 .15rem;font-size:1.35rem}.card .meta{color:var(--muted);margin-bottom:.9rem;font-size:.85rem}.meta{color:var(--muted);font-size:.85rem}.toolbar{align-items:center;gap:.9rem;margin-bottom:1.3rem;display:flex}.toolbar h2{margin:0;font-size:1.65rem}.section-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:1.6rem 0 .75rem;font-size:.72rem;font-weight:700}.audio-row{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;padding:.85rem;display:flex}.audio-label{color:var(--muted);font-size:.8rem}.player{flex:1;align-items:center;gap:.7rem;min-width:240px;display:flex}.player-btn{background:var(--primary);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-soft);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.player-track{border-radius:var(--radius-pill);cursor:pointer;background:#e3ebf8;flex:1;height:8px;overflow:hidden}.player-fill{background:var(--primary);border-radius:var(--radius-pill);height:100%}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:78px;font-size:.78rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.option{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.option.correct{border-color:var(--mint);background:#effaf5}.option img{object-fit:contain;background:var(--field);border:1px solid var(--border);border-radius:13px;flex:none;width:60px;height:60px}.option .thumb-empty{background:var(--field);border:1px solid var(--border);width:60px;height:60px;color:var(--muted);text-align:center;border-radius:13px;flex:none;justify-content:center;align-items:center;font-size:.68rem;display:flex}.option .desc{flex:1;min-width:0;font-size:.9rem}.option .desc input{padding:.4rem .5rem;font-size:.85rem}.option .badge{color:#fff;background:var(--mint);border-radius:var(--radius-pill);margin-top:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.option-actions{flex-direction:column;gap:.3rem;display:flex}.pill{border-radius:var(--radius-pill);background:var(--field);border:1px solid var(--border);color:var(--muted);padding:.2rem .6rem;font-size:.7rem;font-weight:700}.pill.practice{color:#9a7412;background:#fff3d6;border-color:#f6e2ae}.pill.rut,.pill.diff{color:var(--primary-dark);background:#eaf1fd;border-color:#d5e3fa}.pill.diff.diff-low{color:#2f8f74;background:#e6f7f0;border-color:#bfe9da}.pill.diff.diff-mid{color:var(--primary-dark);background:#eaf1fd;border-color:#d5e3fa}.pill.diff.diff-high{color:var(--coral-deep);background:#fce9e6;border-color:#f6cabf}.row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.spacer{flex:1}.error{color:var(--danger);font-size:.9rem}.muted{color:var(--muted)}.center-screen{background:linear-gradient(#cfe7ff 0%,#e7f7ef 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-card);padding:2.2rem}.login-brand{flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.4rem;display:flex}.login-brand .brand-mark{border-radius:14px;width:46px;height:46px}.login-card h1{text-align:center;margin:0;font-size:1.75rem}.login-card p{color:var(--muted);text-align:center;margin:.1rem 0 1.5rem}.login-card .field{margin-bottom:.9rem}.login-card button{width:100%}.modal-backdrop{background:#2b2a3366;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-card);padding:1.8rem;overflow-y:auto}.modal h2{margin:0 0 1.1rem;font-size:1.5rem}.field{margin-bottom:.9rem}.option-edit{align-items:center;gap:.6rem;margin-bottom:.55rem;display:flex}.option-edit input[type=radio]{width:auto}.session-backdrop{align-items:flex-start;padding-top:5.5rem;padding-bottom:2rem}.modal.session-modal{flex-direction:column;max-width:940px;max-height:calc(100vh - 8rem);padding:0;display:flex;overflow:hidden}.session-modal-head{border-bottom:1px solid var(--border);flex:none;padding:1.6rem 2rem 1.3rem}.session-modal-body{padding:1.8rem 2rem 2rem;overflow-y:auto}.session-cols{grid-template-columns:.85fr 1.15fr;align-items:start;gap:2.4rem;display:grid}.session-col{min-width:0}@media (width<=760px){.session-cols{grid-template-columns:1fr;gap:1rem}}.child-search{background:var(--field);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:.5rem;width:240px;padding:.4rem .9rem;display:flex}.child-search input{background:0 0;border:none;padding:0}.child-search input:focus{outline:none}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.lrow{grid-template-columns:2fr 1.4fr .9fr 1.2fr 32px;align-items:center;gap:1rem;padding:.85rem 1.3rem;display:grid}.lrow.lhead{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:var(--bg-tint);border-bottom:1px solid var(--border);font-size:.68rem;font-weight:700}.lrow.lbody{border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.lrow.lbody:last-child{border-bottom:none}.lrow.lbody:hover{background:var(--bg-tint)}.name-cell{align-items:center;gap:.75rem;min-width:0;display:flex}.kid-mark{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:linear-gradient(160deg, #7fb3ff, var(--primary));border-radius:11px;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.kid-name{font-weight:600;line-height:1.15}.kid-code{color:var(--muted);font-size:.75rem}.chev{color:var(--muted);text-align:center;font-size:1.15rem}.info-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1.6rem;display:grid;overflow:hidden}.info-cell{background:var(--field);padding:.75rem .9rem}.info-cell.full{grid-column:1/-1}.info-cell .k{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.68rem;font-weight:700}.info-cell .v{margin-top:.2rem;font-size:.95rem}.session-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.session-row:last-child{border-bottom:none}.score-ring{border-radius:var(--radius-pill);flex:none;place-items:center;width:44px;height:44px;display:grid}.score-inner{border-radius:var(--radius-pill);background:var(--surface);width:34px;height:34px;color:var(--text);place-items:center;font-size:.72rem;font-weight:800;display:grid}.session-main{flex:1;min-width:0}.session-main .t{font-size:.9rem;font-weight:600}.session-main .m{color:var(--muted);font-size:.78rem}.lrow.hist{grid-template-columns:1.4fr 1fr .7fr 1.2fr 1fr .95fr 32px}.score-cell{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.score-cell b{font-weight:800}.score-hero{border-bottom:1px solid var(--border);align-items:center;gap:1.3rem;margin-bottom:1.6rem;padding-bottom:1.6rem;display:flex}.hero-meta .pct{font-size:1.9rem;font-weight:800;line-height:1}.hero-meta .mut{color:var(--muted);margin-top:.3rem;font-size:.82rem}.cat{margin-bottom:1.1rem}.cat-top{justify-content:space-between;margin-bottom:.45rem;font-size:.88rem;display:flex}.cat-top .c{font-weight:600}.cat-top .v{color:var(--muted);font-weight:700}.bar{border-radius:var(--radius-pill);background:#edece7;height:9px;overflow:hidden}.bar-fill{border-radius:var(--radius-pill);background:var(--mint);height:100%}.cat-summary{color:var(--muted);background:var(--field);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.4rem;padding:.6rem .8rem;font-size:.8rem}.cat-summary b{color:var(--text)}.items{border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.4rem;overflow:hidden}.irow{grid-template-columns:22px 1.3fr 1.3fr 58px 40px;align-items:center;gap:.7rem;padding:.7rem 1rem;font-size:.84rem;display:grid}.irow+.irow{border-top:1px solid var(--border)}.irow.ihead{background:var(--bg-tint);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.62rem;font-weight:700}.mark{border-radius:var(--radius-pill);color:#fff;place-items:center;width:20px;height:20px;font-size:.72rem;font-weight:800;display:grid}.mark.ok{background:var(--mint)}.mark.no{background:var(--coral-deep)}.iword{font-weight:600}.icat{color:var(--muted);font-size:.68rem}.i-sel{color:var(--text)}.i-cor{color:var(--muted);font-size:.68rem}.i-cor b{color:#2f8f74}.t-num{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.rep{text-align:center;color:var(--muted)}.irow.prac{background:#fffdf7}.irow.prac .badge{color:#9a7412;border-radius:var(--radius-pill);background:#fff3d6;border:1px solid #f6e2ae;margin-left:.4rem;padding:.05rem .4rem;font-size:.6rem;font-weight:700}