:root{--ink: #1B2A4A;--paper: #F7F5EF;--card: #FFFFFF;--graphite: #5A6272;--mark: #E4572E;--ok: #2F7D4F;--line: #DDD8CC;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}main.page,main.auth{max-width:560px;margin:0 auto;padding:16px 16px 48px}main.center{text-align:center;padding-top:30vh}.brand{text-align:center;margin:12vh 0 24px}.brand h1{margin:8px 0 4px;letter-spacing:.5px}.tagline{color:var(--graphite);margin:0}.brand-mark{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:800;font-size:28px;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 5px var(--ink)}.brand-mark.small{width:32px;height:32px;font-size:16px;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;font-weight:600}input{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff}input:focus{outline:2px solid var(--mark);border-color:transparent}button{font:inherit;cursor:pointer}.primary{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:13px;font-weight:700}.primary:disabled{opacity:.6}.link{background:none;border:0;color:var(--graphite);text-decoration:underline;padding:4px}.error{color:var(--mark);margin:0;font-size:14px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 0 16px}.right{margin-left:auto}.score{font-variant-numeric:tabular-nums;color:var(--graphite)}.review-banner{display:block;background:var(--ink);color:var(--paper);border-radius:12px;padding:14px 16px;text-decoration:none;margin-bottom:16px}.review-banner b{color:#ffd9cc}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.stats b{display:block;font-size:22px}.stats span{font-size:12px;color:var(--graphite)}.exam-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 16px;font-weight:600;white-space:nowrap}.tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.subject h2{border-bottom:2px solid var(--ink);padding-bottom:6px;font-size:18px}.unit h3{font-size:15px;color:var(--graphite);margin:12px 0 6px}.unit ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.unit li a{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--ink);text-decoration:none}.unit li a:active{border-color:var(--mark)}.optik{display:flex;gap:10px;justify-content:center;padding:6px 0 18px}.bubble{width:18px;height:18px;border-radius:50%;border:2px solid var(--graphite);background:transparent}.bubble.current{border-color:var(--mark)}.bubble.filled{background:var(--ink);border-color:var(--ink)}.question{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.stem{font-size:17px;line-height:1.55;margin-top:0}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px}.opt-key{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--graphite);font-weight:700;font-size:13px}.option.correct{border-color:var(--ok);background:#eff7f1}.option.correct .opt-key{border-color:var(--ok);background:var(--ok);color:#fff}.option.wrong{border-color:var(--mark);background:#fbefea}.option.wrong .opt-key{border-color:var(--mark);background:var(--mark);color:#fff}.feedback{margin-top:16px;padding:14px;border-radius:10px;display:grid;gap:10px}.feedback.ok{background:#eff7f1;color:var(--ok)}.feedback.bad{background:#fbefea;color:#a33a1d}.feedback p{margin:0;color:var(--ink)}.box-label{color:var(--graphite);font-size:13px;text-transform:uppercase;letter-spacing:1px}@media (prefers-reduced-motion: no-preference){.option{transition:border-color .15s ease}}.muted{color:var(--graphite);font-size:14px}.ok-text{color:var(--ok)}.danger{color:var(--mark)}.btn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-link{text-decoration:none;text-align:center;padding:10px 18px}.row-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.row-card.weak{border-left:4px solid var(--mark)}.card+.card,.card+section,section.card{margin-top:12px}.net b{color:var(--ink)}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:18px}.timer.urgent{color:var(--mark)}.section-tag{background:var(--ink);color:var(--paper);border-radius:6px;padding:3px 10px;font-size:13px}.optik.scroll{justify-content:flex-start;overflow-x:auto;padding-bottom:12px}.bubble.btn{width:30px;height:30px;flex:0 0 auto;font-size:12px;font-weight:700;color:var(--graphite);background:transparent;display:grid;place-items:center}.bubble.btn.filled{background:var(--ink);border-color:var(--ink);color:#fff}.bubble.btn.current{border-color:var(--mark);color:var(--mark)}.bubble.btn.current.filled{color:#fff}.option.picked{border-color:var(--ink);background:#eff1f6}.option.picked .opt-key{background:var(--ink);border-color:var(--ink);color:#fff}.exam-nav{display:flex;justify-content:space-between;margin-top:16px}.result-card{text-align:center}.big-net{font-size:44px;font-weight:800;margin:6px 0}.big-net span{font-size:16px;color:var(--graphite);font-weight:400}.league{list-style:none;padding:0;margin:8px 0 0}.league li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.rank{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--graphite);font-weight:700;font-size:13px}.league li:first-child .rank{border-color:var(--mark);background:var(--mark);color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-bottom))}.bottom-nav a{display:grid;place-items:center;gap:2px;text-decoration:none;color:var(--graphite);font-size:11px}.bottom-nav a span{font-size:20px}main.page{padding-bottom:90px}select,textarea{padding:11px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;width:100%;box-sizing:border-box}.blank-inputs{display:grid;gap:10px;margin-bottom:12px}.match-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:400;margin-bottom:8px}.match-row select{width:55%}.options.tf{grid-template-columns:1fr 1fr}.check-row{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:400}.check-row input{width:auto}.link.inline{display:inline;padding:0}.kvkk-text{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:11px;white-space:pre-wrap;max-height:200px;overflow-y:auto}.count-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.count-row input{width:70px;text-align:center}.instance-block{border-top:1px dashed var(--line);padding-top:10px;margin-top:10px}.omr-upload{display:grid;gap:6px;width:100%}.outcome-row.zayif{border-left:4px solid var(--mark)}.outcome-row.gelistirilmeli{border-left:4px solid #D9A404}.outcome-row.guclu{border-left:4px solid var(--ok)}.acc{font-variant-numeric:tabular-nums}
