#user-box{color:var(--muted);font-size:12px}.login-card{max-width:470px;margin:60px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:34px 42px;box-shadow:var(--shadow)}.login-card h1{font-size:32px;margin:8px 0}.login-card form{display:grid;gap:14px;margin-top:25px}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.login-card input,.setup-card select,.setup-card>input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;color:var(--ink);font:15px Arial;outline:none}.login-card input:focus,.setup-card select:focus,.setup-card>input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ec8a4020}.form-error{color:var(--red);font-size:12px;min-height:15px;margin:0}.demo-note{display:block;color:#a49b8d;margin-top:18px;font-size:11px}.setup-grid{grid-template-columns:1fr 1fr}.setup-grid fieldset:last-child{grid-column:1/-1}.setup-card fieldset select,.setup-card fieldset>input{margin-top:8px}.setup-card #admin-link{margin-top:18px}.setup-card #admin-link a{color:var(--orange);font-size:12px;font-weight:700}.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.action-right{display:flex;align-items:center;gap:12px}.is-skipped .feedback-title{color:#a47a4c}.new-session{display:block;margin-top:12px}.admin-panel{position:fixed;inset:0;z-index:20;overflow:auto;background:#24323a66;padding:30px 18px}.admin-card{width:min(980px,100%);margin:0 auto;background:var(--paper);border-radius:22px;padding:28px;box-shadow:0 30px 90px #24323a55}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.admin-head h2{margin:7px 0 0}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.admin-card h3{margin:0 0 14px}.admin-module{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0;background:#fff}.admin-module small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.admin-form{display:grid;gap:8px;margin-top:17px}.admin-form input,.admin-card select,.admin-card input[type=file]{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;color:var(--ink)}.admin-help,.admin-message{color:var(--muted);font-size:12px;line-height:1.5}.admin-actions{display:flex;gap:10px;margin-top:12px}.admin-message{color:var(--green);margin-top:12px}.danger{color:var(--red)}#validation-result{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}@media (min-height:700px) and (min-width:700px){.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell>footer{margin-top:auto}.quiz-card{scroll-margin-top:18px}.quiz-card .feedback{max-height:42vh;overflow:auto}}@media(max-width:900px) and (orientation:landscape){.app-shell{padding-top:16px}.topbar{margin-bottom:22px}.hero{margin-bottom:22px}.hero h1{font-size:38px}.capy-card{width:145px;height:145px}.quiz-card,.setup-card{padding:22px 28px}.quiz-card h2{font-size:21px}.admin-columns{gap:16px}}@media(max-width:650px){.login-card{padding:25px 20px;margin-top:25px}.setup-grid fieldset:last-child{grid-column:auto}.admin-panel{padding:12px 8px}.admin-card{padding:20px 16px}.admin-columns{grid-template-columns:1fr}.admin-actions{flex-wrap:wrap}}
#admin-panel .admin-module-actions{display:flex;gap:8px;align-items:center}.source-list{margin-top:9px}.source-row{display:block;color:var(--muted);font-size:11px;padding:4px 0}.source-row .text-button{font-size:10px;margin-left:6px}
#admin-panel .admin-module-actions{display:flex;gap:8px;align-items:center}.source-list{margin-top:9px}.source-row{display:block;color:var(--muted);font-size:11px;padding:4px 0}.source-row .text-button{font-size:10px;margin-left:6px}.quiz-card{padding-bottom:clamp(58px,10vh,110px);scroll-padding-bottom:env(safe-area-inset-bottom)}@media(max-width:650px){.quiz-card{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
#admin-panel .admin-module-actions{display:flex;gap:8px;align-items:center}.source-list{margin-top:9px}.source-row{display:block;color:var(--muted);font-size:11px;padding:4px 0}.source-row .text-button{font-size:10px;margin-left:6px}.quiz-card .feedback{max-height:none;overflow:visible}.new-session{margin-bottom:28px}@media(max-width:650px){.new-session{margin-bottom:36px}}
#app-screen{padding-bottom:clamp(72px,12vh,140px)}.quiz-card{margin-bottom:clamp(72px,12vh,140px)}.quiz-card .feedback{padding-bottom:clamp(54px,9vh,100px)}.quiz-card .button-next,.quiz-card .new-session{margin-bottom:24px}@media(max-width:650px){#app-screen{padding-bottom:88px}.quiz-card{margin-bottom:88px}.quiz-card .feedback{padding-bottom:72px}}
.setup-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.setup-tools .setup-hint{margin:0}.setup-tools .button{white-space:nowrap}.setup-tools .button:disabled{opacity:.6}@media(max-width:650px){.setup-tools{align-items:stretch;flex-direction:column}.setup-tools .button{width:100%}}
.personal-card{max-width:900px}.performance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 28px}.performance-summary>div{background:#fbf5e9;border-radius:12px;padding:14px}.performance-summary strong{display:block;font-size:22px;color:var(--ink)}.performance-summary small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.attempt-list{display:grid;gap:8px}.attempt-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;font-size:13px}.attempt-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.attempt-row>span{font-weight:700;color:var(--green)}.admin-performance{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.admin-performance-summary{grid-template-columns:1fr 1fr}.performance-user{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.performance-user>span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.admin-attempts{display:grid;gap:3px;margin-top:10px}.admin-attempts small{color:#8a8175;font-size:11px}@media(max-width:650px){.performance-summary,.admin-performance-summary{grid-template-columns:1fr 1fr}.attempt-row{align-items:flex-start;gap:10px;flex-direction:column}}
.performance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reset-account{margin-top:12px;color:var(--red)}@media(max-width:650px){.performance-head{align-items:stretch;flex-direction:column}.performance-head .button{width:100%}}
body{background:var(--cream)!important}.background-shape.shape-one{display:block!important;background:#f7d27c33!important}.background-shape.shape-two{display:block!important;background:#bbd4ba2e!important}.feedback.is-correct .feedback-title,.feedback.is-correct .feedback-title strong{color:var(--green)!important}.feedback.is-wrong .feedback-title,.feedback.is-wrong .feedback-title strong{color:var(--red)!important}.feedback.is-correct .feedback-title span{background:var(--green-soft)!important}.feedback.is-wrong .feedback-title span{background:var(--red-soft)!important}.option.correct{border-color:var(--green)!important;background:var(--green-soft)!important}.option.incorrect{border-color:var(--red)!important;background:var(--red-soft)!important}
.admin-users-manager{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.student-create-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin:12px 0 16px}.student-create-form input{margin:0}.student-list{display:grid;gap:8px}.student-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff}.student-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.student-actions{display:flex;align-items:center;gap:10px}.student-actions .text-button{font-size:11px}@media(max-width:650px){.student-create-form{grid-template-columns:1fr}.student-row{align-items:flex-start;flex-direction:column;gap:10px}.student-actions{flex-wrap:wrap}}
.cookie-consent{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#24323acc}.cookie-consent[hidden]{display:none}.cookie-card{width:min(520px,100%);background:var(--paper);border-radius:20px;padding:28px;box-shadow:0 25px 80px #1118}.cookie-card h2{margin:0 0 12px}.cookie-card p{color:var(--muted);font-size:13px;line-height:1.55}.cookie-note{font-size:11px!important}.cookie-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}@media(max-width:650px){.cookie-actions{align-items:stretch;flex-direction:column-reverse}.cookie-actions .button{width:100%}}