:root {
  --hw-ink: #17372e;
  --hw-muted: #66766f;
  --hw-line: #d9dfda;
  --hw-paper: #fffefa;
  --hw-tint: #eef3ef;
  --hw-accent: #d7f36b;
  --hw-red: #a23c34;
}

.homework-shell,.teacher-shell,.teacher-dashboard{width:min(1240px,100%);margin:auto;color:var(--hw-ink)}
.homework-login,.teacher-shell{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,8vw,7rem);align-items:center;min-height:68dvh}
.homework-login h1,.teacher-shell h1,.results-view h1,.teacher-dashboard h1{max-width:16ch;font-family:var(--font-sans);font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96;letter-spacing:-.055em}
.homework-login form,.teacher-shell form{border-top:3px solid #52796f;padding-top:1.5rem;display:grid;gap:.7rem}
.homework-login label,.teacher-shell label{font-weight:750}.homework-login input,.teacher-shell input{display:block;width:100%;margin-top:.45rem;background:#fff;border:1px solid #bcc9c3;border-radius:.45rem;padding:.8rem}
.homework-login [role=alert],.teacher-shell [role=alert]{color:var(--hw-red);min-height:1.5rem}
.homework-login form>button,.teacher-shell form>button,.teacher-shell>button{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-top:8px;padding:0 18px;border:1px solid var(--hw-ink);border-radius:11px;background:var(--hw-ink);color:#fff;font:800 .9rem/1 var(--font-ui);letter-spacing:.01em;box-shadow:0 10px 24px rgba(23,55,46,.16);transition:transform .18s,box-shadow .18s,background .18s}.homework-login form>button:after,.teacher-shell form>button:after,.teacher-shell>button:after{content:"→";display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:rgba(255,255,255,.12);font-size:1.1rem;transition:transform .18s}.homework-login form>button:hover,.teacher-shell form>button:hover,.teacher-shell>button:hover{background:#244d41;transform:translateY(-2px);box-shadow:0 14px 30px rgba(23,55,46,.2)}.homework-login form>button:hover:after,.teacher-shell form>button:hover:after,.teacher-shell>button:hover:after{transform:translateX(3px)}.homework-login form>button:active,.teacher-shell form>button:active,.teacher-shell>button:active{transform:translateY(0)}

.homework-shell:not(.homework-login):not(.results-view):not(.skeleton){background:var(--hw-paper);border:1px solid var(--hw-line);border-radius:22px;box-shadow:0 28px 70px rgba(22,55,46,.09);overflow:hidden}
.homework-head{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:24px 32px 18px;border:0;background:var(--hw-paper)}
.homework-head>div{display:flex;align-items:center;gap:16px}.homework-head>div:before{content:"PA";width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--hw-ink);color:white;font:800 .8rem/1 var(--font-ui);transform:rotate(-4deg)}
.homework-head .view-kicker{margin:0 0 2px;color:var(--hw-muted);font-size:.68rem}.homework-head h1{margin:0!important;font:800 clamp(1.15rem,2vw,1.45rem)/1.1 var(--font-ui)!important;letter-spacing:-.025em!important}
.homework-head>strong{font:800 1.45rem/1 var(--font-ui);font-variant-numeric:tabular-nums}.homework-head>strong:after{content:" yanıtlandı";display:block;margin-top:6px;color:var(--hw-muted);font-size:.63rem;font-weight:650;letter-spacing:.06em;text-align:right;text-transform:uppercase}
.progress-track{height:4px;background:#e7ebe8;overflow:hidden;margin:0}.progress-track i{display:block;height:100%;background:var(--hw-accent);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}

.homework-question{max-width:none;margin:0;padding:clamp(32px,5vw,64px) clamp(28px,7vw,90px) 32px;animation:hw-enter .32s cubic-bezier(.16,1,.3,1)}
.homework-question .question-meta{display:flex;align-items:center;gap:8px;margin:0 0 34px;font-family:var(--font-ui)}
.homework-question .question-meta span{padding:6px 10px;border-radius:999px;background:var(--hw-tint);color:var(--hw-muted);font-size:.72rem;font-weight:750;letter-spacing:.03em}
.homework-question .question-meta span:first-child{margin-right:auto;padding:0;background:none;color:var(--hw-ink);font-size:.82rem}.homework-question .question-meta span:first-child:before{content:"SORU  ";color:var(--hw-muted)}
.homework-question h2{margin:0 0 18px;color:var(--hw-ink);font:850 clamp(2.25rem,5vw,4.1rem)/.95 var(--font-ui);letter-spacing:-.065em}
.question-instruction{display:flex;align-items:center;gap:12px;max-width:850px;margin:0 0 22px;padding:11px 14px;border-left:3px solid var(--hw-accent);background:var(--hw-tint);font-family:var(--font-ui);line-height:1.35}.question-instruction strong{flex:0 0 auto;color:var(--hw-ink);font-size:.69rem;letter-spacing:.11em;text-transform:uppercase}.question-instruction span{color:var(--hw-muted);font-size:.85rem;font-weight:650}
.question-prompt{max-width:850px;margin:0 0 32px;color:#243b34;font-family:var(--font-ui);font-size:clamp(1.15rem,2vw,1.42rem);font-weight:650;line-height:1.55}
.homework-question>ol{max-width:850px;margin:-16px 0 30px;padding-left:1.4rem}
.homework-question fieldset{border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:900px}.homework-question legend{margin-bottom:12px;color:var(--hw-muted);font:700 .72rem/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}
.homework-option{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:70px;padding:11px 18px 11px 12px;border:1px solid var(--hw-line);border-radius:13px;background:#fff;cursor:pointer;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.homework-option:hover{border-color:#97a79f;transform:translateY(-2px);box-shadow:0 8px 22px rgba(22,55,46,.07)}.homework-option:has(input:checked){border-color:var(--hw-ink);background:var(--hw-tint);box-shadow:inset 0 0 0 1px var(--hw-ink)}
.homework-option input{position:absolute;opacity:0}.homework-option b{grid-column:1;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--hw-tint);font:800 .85rem/1 var(--font-ui);transition:background .18s,color .18s}.homework-option:has(input:checked) b{background:var(--hw-ink);color:#fff}.homework-option span{grid-column:2;padding-left:12px;font-family:var(--font-ui);font-size:1.04rem;line-height:1.35}
.homework-question fieldset:disabled .homework-option{cursor:default;transform:none}.homework-question fieldset:disabled .homework-option:not(:has(input:checked)){opacity:.58}

.homework-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--hw-line)}
.homework-nav button{min-width:145px;padding:0 20px;border:1px solid var(--hw-line);border-radius:11px;background:#fff;font:750 .88rem/1 var(--font-ui);transition:transform .18s,background .18s,color .18s}.homework-nav button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--hw-ink)}.homework-nav [data-save]{justify-self:center;min-width:190px;background:var(--hw-ink);border-color:var(--hw-ink);color:#fff}.homework-nav [data-next]{justify-self:end}.homework-nav button:disabled{cursor:not-allowed;opacity:.38}.homework-question>p[role=status]{min-height:24px;margin:14px 0 0;text-align:center;color:var(--hw-muted);font:650 .75rem/1.4 var(--font-ui)}
.autosave-indicator{align-self:center;justify-self:center;color:var(--hw-muted);font:750 .74rem/1.3 var(--font-ui);letter-spacing:.02em;text-align:center}

.homework-palette{display:grid;grid-template-columns:repeat(20,1fr);gap:6px;padding:22px 32px;background:#f3f5f2;border-top:1px solid var(--hw-line)}
.homework-palette:before{content:"SORU PALETİ";grid-column:1/-1;margin-bottom:3px;color:var(--hw-muted);font:800 .66rem/1 var(--font-ui);letter-spacing:.12em}
.homework-palette button{min-width:0;min-height:33px;padding:0;border:1px solid transparent;border-radius:7px;background:#fff;color:var(--hw-muted);font:750 .68rem/1 var(--font-ui);transition:transform .15s,background .15s,color .15s}.homework-palette button:hover{transform:translateY(-2px);border-color:#9eaaa4}.homework-palette button.answered{background:var(--hw-ink);color:#fff}.homework-palette button[aria-current]{background:var(--hw-accent);color:var(--hw-ink);outline:2px solid var(--hw-ink);outline-offset:2px}
.finish-homework{display:block;width:calc(100% - 64px);margin:20px 32px 28px;padding:0 22px;border-radius:11px;background:var(--hw-ink);color:#fff;font-weight:800}

.result-score{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;margin:3rem 0}.score-ring{width:160px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#52796f var(--score),#dce4e0 0);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#f7f4ec}.score-ring>*{z-index:1}.score-ring strong{font-size:3rem;line-height:1}.topic-stats{max-width:760px}.topic-stats>div{display:grid;grid-template-columns:1.2fr 2fr auto;gap:1rem;align-items:center;padding:.7rem 0;border-top:1px solid #d4ddd8}.topic-stats i{height:7px;background:#dce4e0}.topic-stats i b{display:block;height:100%;background:#52796f;transform-origin:left}.solution-list{margin-top:3rem}.solution-list details{border-top:1px solid #cbd6d0;padding:1rem 0}.solution-list summary{display:flex;justify-content:space-between;cursor:pointer}.solution-wrong summary strong{color:var(--hw-red)}
.teacher-dashboard header{display:grid;grid-template-columns:1fr auto;align-items:end}.teacher-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-top:1.5rem;border-top:3px solid #52796f;border-left:1px solid var(--color-table-border,#9c8e7e);border-right:1px solid var(--color-table-border,#9c8e7e);border-bottom:1.5px solid var(--color-table-border-strong,#6b5e4f);border-radius:var(--radius-sm);background:#fff}.teacher-dashboard table{width:100%;min-width:960px;border-collapse:collapse}.teacher-dashboard th,.teacher-dashboard td{text-align:left;padding:0.65rem 0.75rem;border:1px solid var(--color-table-border,#9c8e7e);vertical-align:middle;font-size:0.82rem}.teacher-dashboard thead th{background:var(--color-paper-warm);border-bottom:2px solid var(--color-table-border-strong,#6b5e4f);white-space:nowrap}.teacher-dashboard code{display:inline-block;margin:.15rem;background:#efe5dc;padding:.2rem .35rem}.skeleton{display:grid;gap:1rem}.skeleton i{height:4rem;background:linear-gradient(90deg,#e5e7e5,#f5f6f5,#e5e7e5);background-size:200% 100%;animation:homework-shimmer 1.4s infinite}.skeleton i:nth-child(2){height:16rem}
.teacher-live-status{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:end;gap:3px 14px;text-align:right}.teacher-live-status>span{grid-column:1/-1;color:#27634f;font:800 .72rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.teacher-live-status>span i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#3ca878;box-shadow:0 0 0 4px rgba(60,168,120,.13);animation:live-pulse 1.8s infinite}.teacher-live-status p{grid-column:1/-1;margin:4px 0 0;font:700 .85rem/1.3 var(--font-ui)}.teacher-live-status small{color:var(--hw-muted);font:600 .68rem/1.2 var(--font-ui)}.teacher-live-status button{min-height:32px;padding:0 10px;border:1px solid var(--hw-line);border-radius:7px;background:#fff;font:750 .7rem/1 var(--font-ui)}.teacher-live-status button:hover{border-color:var(--hw-ink)}
.attempt-state{display:block;font:750 .8rem/1.2 var(--font-ui)}.attempt-state:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#d59d39}.attempt-state.is-complete:before{background:#3b8b69}.teacher-dashboard td>small{display:block;margin-top:5px;color:var(--hw-muted);font:600 .68rem/1 var(--font-ui)}.metric-cell strong{display:inline-grid;min-width:34px;height:30px;place-items:center;border-radius:8px;background:#edf1ee;font:800 .82rem/1 var(--font-ui)}.metric-correct strong{background:#e7f4ed;color:#236347}.metric-wrong strong{background:#faeae7;color:#963c34}.metric-blank strong{background:#f2f0eb;color:#6e675d}.teacher-empty{padding:3rem!important;text-align:center!important;color:var(--hw-muted)}
.wrong-question-links button{min-height:32px;margin:2px;padding:4px 8px;border:1px solid #d5ddd8;border-radius:7px;background:#f3f5f2;color:var(--hw-ink);font:750 .72rem/1 var(--font-ui)}.wrong-question-links button:hover{border-color:var(--hw-ink);background:var(--hw-ink);color:#fff}
.teacher-question-detail{position:relative;display:none;margin-top:28px;padding:clamp(24px,4vw,48px);border-top:3px solid var(--hw-ink);background:var(--hw-paper)}.teacher-question-detail.is-open{display:block;animation:hw-enter .28s ease-out}.teacher-question-detail h2{margin:.3rem 0 1rem;font:850 clamp(1.8rem,4vw,3rem)/1 var(--font-ui);letter-spacing:-.045em}.detail-close{position:absolute;right:20px;top:18px;width:42px;border-radius:50%;background:var(--hw-tint);font-size:1.5rem}.teacher-question-prompt{max-width:900px;font:600 1.12rem/1.6 var(--font-ui)}.teacher-option-list{display:grid;gap:8px;max-width:900px;margin:24px 0;padding-left:2rem}.teacher-option-list li{min-height:50px;padding:10px 14px;border:1px solid var(--hw-line);border-radius:9px}.teacher-option-list li::marker{font:800 .9rem var(--font-ui)}.teacher-option-list li b{display:inline-block;margin-left:10px;padding:3px 7px;border-radius:999px;background:#e7ece9;color:var(--hw-ink);font:750 .68rem/1.2 var(--font-ui)}.teacher-option-list .student-choice{border-color:#b34b43;background:#fff3f1}.teacher-option-list .student-choice b:first-of-type{background:#b34b43;color:#fff}.teacher-option-list .correct-choice{border-color:#30735c;background:#edf7f2}.teacher-option-list .correct-choice b{background:#30735c;color:#fff}.teacher-answer-summary{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;padding:16px 18px;background:var(--hw-tint)}.teacher-answer-summary p{margin:0}.teacher-explanation{max-width:900px;margin-top:20px}
@keyframes hw-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes homework-shimmer{to{background-position:-200% 0}}@keyframes live-pulse{50%{opacity:.45;transform:scale(.82)}}
@media(max-width:48rem){.homework-login,.teacher-shell{grid-template-columns:1fr;min-height:auto;padding:2rem .25rem}.homework-shell:not(.homework-login):not(.results-view):not(.skeleton){border-radius:14px}.homework-head{padding:18px}.homework-head>div:before{display:none}.homework-question{padding:28px 18px 22px}.homework-question .question-meta{margin-bottom:24px;flex-wrap:wrap}.homework-question .question-meta span:first-child{width:100%}.question-instruction{align-items:flex-start;flex-direction:column;gap:4px}.homework-question fieldset{grid-template-columns:1fr}.homework-nav{grid-template-columns:1fr 1fr}.autosave-indicator{grid-column:1/-1;grid-row:1}.homework-nav button{min-width:0}.homework-palette{grid-template-columns:repeat(10,1fr);padding:18px}.finish-homework{width:calc(100% - 36px);margin:18px}.result-score{grid-template-columns:1fr}.topic-stats>div{grid-template-columns:1fr auto}.topic-stats i{grid-column:1/-1;grid-row:2}.teacher-dashboard header{grid-template-columns:1fr}.teacher-live-status{justify-items:start;margin-top:18px;text-align:left}.teacher-live-status p{grid-column:1/-1}.teacher-answer-summary{display:block}.teacher-dashboard table{min-width:980px}.homework-login h1,.teacher-shell h1,.results-view h1,.teacher-dashboard h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.skeleton i{animation:none}.progress-track i,.homework-option,.homework-question{transition:none;animation:none}}