:root{--bg:#f3f7ff;--surface:#fff;--text:#162033;--muted:#657188;--primary:#315eea;--accent:#14a487;--border:#dce5f2}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:18px Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;min-height:82px;padding:14px clamp(20px,6vw,84px);display:flex}.identity{align-items:center;gap:12px;display:flex}.identity>span:last-child{display:grid}.identity small{color:var(--muted);margin-top:3px;font-size:.72rem}.brain{background:linear-gradient(145deg,var(--primary),var(--accent));border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid}.online-badge{color:#08775f;background:#e4f8f1;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:800}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;max-width:1200px;margin:auto;padding:clamp(46px,7vw,90px) 24px;display:grid}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:900}.hero h1{letter-spacing:-.055em;margin:14px 0 22px;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02}.lead{color:var(--muted);font-size:1.12rem;line-height:1.6}.features{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.features span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 12px;font-size:.78rem;font-weight:800}.login-box{border:1px solid var(--border);background:#fff;border-radius:28px;padding:26px;box-shadow:0 28px 70px #1f2f5024}.mode-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.mode-tabs button{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:13px;min-height:48px;font-weight:800}.mode-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.login-box form{gap:16px;display:grid}.login-box label{gap:7px;font-size:.82rem;font-weight:800;display:grid}.login-box input{border:2px solid var(--border);border-radius:14px;width:100%;min-height:56px;padding:12px}.primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:58px;font-weight:900}.primary:disabled{opacity:.6}.error{color:#b42318;margin:0;font-weight:700}.help{color:var(--muted);margin:16px 0 0;font-size:.78rem}.area-strip{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1152px;margin:0 auto 70px;padding:0 24px;display:grid}.area-strip div{border:1px solid var(--border);background:#fff;border-radius:17px;align-items:center;gap:10px;padding:16px;display:flex}.area-strip span{font-size:1.6rem}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:14px;padding:24px;font-size:.78rem;display:flex}footer img{width:42px}.trainer-page{max-width:1280px;margin:auto;padding:40px clamp(18px,5vw,64px) 80px}.trainer-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.trainer-header h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(2.2rem,5vw,4rem)}.trainer-header p{color:var(--muted)}.back-link{color:var(--primary);font-weight:800}.header-actions{flex-wrap:wrap;gap:8px;display:flex}.header-actions button,.student-row>button,.trainer-empty button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:13px;min-height:48px;padding:10px 16px;font-weight:800}.header-actions .secondary-button{color:var(--text);border:1px solid var(--border);background:#fff}.trainer-notice{color:#075f4d;background:#e9f7f2;border:1px solid #b9e3d5;border-radius:18px;margin-bottom:20px;padding:16px 20px}.trainer-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.trainer-stats article{border:1px solid var(--border);background:#fff;border-radius:20px;gap:5px;padding:22px;display:grid}.trainer-stats b{color:var(--primary);font-size:2rem}.trainer-stats span{color:var(--muted)}.trainer-controls{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:20px;padding:18px;display:grid}.trainer-controls label,.create-form label{gap:7px;font-size:.8rem;font-weight:800;display:grid}.trainer-controls input,.trainer-controls select,.create-form input,.create-form select{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;min-height:50px;padding:10px 13px}.student-list{gap:12px;display:grid}.student-row{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:minmax(220px,1.3fr) auto minmax(300px,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.student-name{align-items:center;gap:12px;display:flex}.student-name>span{font-size:2rem}.student-name div{gap:4px;display:grid}.student-name small,.trainer-dialog-card>p,.recent-results small{color:var(--muted)}.status-pill{color:#4d5b70;white-space:nowrap;background:#edf1f7;border-radius:999px;padding:8px 10px;font-size:.75rem;font-weight:900}.status-pill.in_progress{color:#805f00;background:#fff2cc}.status-pill.completed{color:#08775f;background:#e4f8f1}.status-pill.started{color:#294fbd;background:#e8efff}.student-numbers{color:var(--muted);justify-content:space-around;gap:12px;font-size:.8rem;display:flex}.student-numbers span{text-align:center;display:grid}.student-numbers b{color:var(--text);font-size:1.05rem}.trainer-empty{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#fff;border-radius:22px;padding:54px}.trainer-dialog{z-index:50;background:#0a12239e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.trainer-dialog-card{background:#fff;border-radius:26px;width:min(780px,100%);max-height:90vh;padding:30px;position:relative;overflow:auto}.dialog-close{cursor:pointer;background:#edf1f7;border:0;border-radius:50%;width:42px;height:42px;position:absolute;top:18px;right:18px}.detail-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.detail-stats span{background:var(--bg);color:var(--muted);border-radius:15px;gap:4px;padding:14px;font-size:.75rem;display:grid}.detail-stats b{color:var(--primary);font-size:1.35rem}.area-progress,.recent-results{gap:8px;margin-bottom:24px;display:grid}.area-progress>div,.recent-results>div{border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:14px;padding:12px 14px;display:flex}.recent-results span{gap:3px;display:grid}.create-form{gap:16px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:900px){.trainer-stats{grid-template-columns:repeat(2,1fr)}.student-row{grid-template-columns:1fr auto}.student-numbers{grid-column:1/-1}.trainer-controls{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.hero{grid-template-columns:1fr}.area-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){body{font-size:17px}.identity small{display:none}.hero h1{font-size:2.4rem}.area-strip{grid-template-columns:1fr}.trainer-header{flex-direction:column;align-items:flex-start}.trainer-stats{grid-template-columns:1fr 1fr}.student-row{grid-template-columns:1fr}.student-numbers{grid-column:auto}.form-grid{grid-template-columns:1fr}}
.senior-entry{grid-template-columns:1fr minmax(380px,.72fr)}.login-box{padding:32px}.access-tools{justify-content:flex-end;gap:8px;margin-bottom:18px;display:flex}.access-tools button{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;min-width:50px;min-height:46px;font-weight:850}.welcome-icon{text-align:center;font-size:2.5rem}.login-box h2{text-align:center;margin:10px 0;font-size:1.7rem}.login-instruction{text-align:center;color:var(--muted);margin:0 0 24px;line-height:1.5}.login-box form{gap:20px}.login-box label{font-size:1rem}.login-box input{border-radius:16px;min-height:66px;font-size:1.12rem}.code-field{grid-template-columns:1fr 58px;gap:8px;display:grid}.code-field button{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:14px;font-size:1.25rem}.login-box .primary{min-height:68px;font-size:1.02rem}.trainer-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:22px auto 0;font-weight:750;text-decoration:underline;display:block}@media (max-width:850px){.senior-entry{grid-template-columns:1fr}.senior-entry>div:first-child{text-align:center}.features{justify-content:center}}@media (max-width:480px){.login-box{padding:22px}.access-tools{justify-content:center}.senior-entry{gap:32px;padding-top:32px}}.identity .creator-credit{color:var(--primary);font-weight:800}.identity .brand-name{letter-spacing:-.025em;color:var(--text);font-size:1.25rem;line-height:1.08}.identity .brand-name em{color:var(--primary);font-style:normal}.trainer-floating-tools{z-index:20;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.trainer-floating-tools a{background:var(--primary);color:#fff;border-radius:15px;padding:15px 20px;font-weight:900;box-shadow:0 12px 30px #1f315033}.trainer-update{color:var(--accent);margin-top:8px;font-weight:800;display:block}.header-actions .live-button{color:#08775f;background:#e4f8f1;border:1px solid #b9e3d5;border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:10px 16px;font-weight:900;display:inline-flex}.trainer-stats.trainer-stats-five{grid-template-columns:repeat(5,1fr)}@media (max-width:1100px){.trainer-stats.trainer-stats-five{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.identity .creator-credit{font-size:.65rem;display:block}}@media (min-width:851px) and (max-height:850px){.topbar{min-height:72px;padding-top:9px;padding-bottom:9px}.senior-entry{gap:42px;max-width:1160px;padding-top:28px;padding-bottom:30px}.senior-entry h1{margin:10px 0 14px;font-size:clamp(2.4rem,4vw,3.75rem)}.lead{margin:0;line-height:1.45}.features{margin-top:16px}.login-box{padding:22px 28px}.welcome-icon{font-size:2rem}.login-box h2{margin:5px 0;font-size:1.45rem}.login-instruction{margin-bottom:14px}.login-box form{gap:12px}.login-box input{min-height:56px}.login-box .primary{min-height:58px}.trainer-link{margin-top:14px}.area-strip{margin-bottom:30px}.area-strip div{padding:11px 14px}}@media (max-width:850px){.senior-entry>.login-box{order:-1}.senior-entry{gap:30px;padding:22px 16px 38px}}@media (max-width:520px){.topbar{min-height:70px;padding:9px 14px}.brain{width:42px;height:42px}.identity .brand-name{font-size:1rem}.identity .creator-credit{font-size:.6rem}.online-badge{padding:7px 9px;font-size:.68rem}.login-box{border-radius:22px;width:100%;padding:18px}.access-tools{margin-bottom:10px}.access-tools button{min-height:50px}.welcome-icon{font-size:2rem}.login-box h2{font-size:1.42rem}.login-instruction{margin-bottom:16px}.login-box form{gap:14px}.login-box input{min-height:62px;font-size:1rem}.login-box .primary{width:100%;min-height:66px}.senior-entry>div:first-child h1{font-size:2rem}.features{display:grid}.features span{text-align:center}.area-strip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:34px;padding:0 14px}.area-strip div{padding:11px 9px;font-size:.78rem}.area-strip span{font-size:1.3rem}footer{text-align:center;align-items:center;padding:18px 14px;line-height:1.5}.trainer-page{padding:22px 14px 60px}.trainer-header h1{font-size:2rem}.header-actions,.row-actions{grid-template-columns:1fr;width:100%;display:grid}.header-actions button,.row-actions button{width:100%;min-height:54px}.trainer-stats{grid-template-columns:1fr 1fr;gap:8px}.trainer-stats article{padding:14px}.trainer-stats.trainer-stats-five{grid-template-columns:1fr 1fr}.trainer-stats.trainer-stats-five article:last-child{grid-column:1/-1}.student-numbers{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.trainer-dialog{padding:8px}.trainer-dialog-card{border-radius:20px;padding:24px 18px}}
@media (max-width:600px){body{padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.quiz-page{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.quiz-top{z-index:20;padding:calc(7px + env(safe-area-inset-top))10px 7px;min-height:62px;position:sticky;top:0}.quiz-top strong{display:none}.quiz-top a{font-size:.82rem}.quiz-top button{min-width:48px;min-height:48px;padding:6px}.quiz-intro{width:calc(100% - 20px);margin:10px auto;padding:20px;display:grid}.quiz-intro h1,.quiz-card h1{font-size:1.65rem}.quiz-card{border-radius:20px;width:calc(100% - 20px);margin:10px auto;padding:20px 16px}.quiz-options{grid-template-columns:1fr;gap:10px;margin-top:20px}.quiz-options button{touch-action:manipulation;min-height:68px}.quiz-setup fieldset{grid-template-columns:1fr;display:grid}.quiz-setup fieldset button{width:100%;min-height:58px}.quiz-primary{width:100%;min-height:64px}.quiz-feedback{padding:17px}.news-head{flex-direction:column;align-items:flex-start}.news-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.my-sessions{padding:calc(18px + env(safe-area-inset-top))10px calc(28px + env(safe-area-inset-bottom))}.my-sessions h1{font-size:2rem}.my-sessions article,.my-sessions section{border-radius:18px;padding:19px 16px}.my-sessions button{touch-action:manipulation;min-height:64px}.trainer-floating-tools{grid-template-columns:1fr 1fr;padding:12px 14px 0;display:grid;position:static}.trainer-floating-tools a{text-align:center;box-shadow:none;padding:14px 8px}.trainer-notice{font-size:.88rem}.student-row{gap:12px}.student-numbers{gap:5px}.student-numbers span{background:var(--bg);border-radius:10px;padding:8px 3px}.area-progress>div,.recent-results>div{flex-direction:column;align-items:flex-start}.detail-stats{gap:7px}input,select,textarea{font-size:16px!important}.trainer-link{justify-content:center;align-items:center;min-height:48px;padding:10px;display:flex}}
.row-actions,.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.row-actions button,.dialog-actions button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;min-height:46px;padding:9px 14px;font-weight:800}.secondary-button{border:1px solid var(--border)!important;color:var(--text)!important;background:#fff!important}.danger-button{color:#a21f2d!important;background:#fff5f6!important;border-color:#c93645!important}.danger-button:hover,.danger-button:focus-visible{color:#fff!important;background:#a21f2d!important}.row-actions button:disabled,.dialog-actions button:disabled{cursor:wait;opacity:.6}.dialog-actions{margin-top:24px}.delete-confirm{width:min(650px,100%)}.delete-options{gap:12px;margin:20px 0;display:grid}.delete-options label{border:2px solid var(--border);cursor:pointer;border-radius:17px;align-items:flex-start;gap:13px;padding:16px;display:flex}.delete-options label.selected{border-color:var(--primary);background:#f0f4ff}.delete-options label.danger-choice{background:#fff5f6;border-color:#c93645}.delete-options input{width:22px;height:22px;accent-color:var(--primary);flex:none;margin:2px 0 0}.delete-options span{gap:5px;display:grid}.delete-options small{color:var(--muted);font-weight:400;line-height:1.45}.delete-note{background:#fff1f2;border:1px solid #e7aab0;border-radius:13px;padding:13px;color:#8e1b28!important}.trainer-dialog-card .error{margin-top:12px}@media (max-width:520px){.dialog-actions{display:grid}.dialog-actions button{width:100%;min-height:54px}.delete-options label{padding:14px}.row-actions{grid-template-columns:1fr;display:grid}.row-actions button{width:100%}}