:root{--bg:#f5f5f7;--surface:rgba(255,255,255,.84);--text:#1d1d1f;--muted:#6e6e73;--line:#e5e5e7;--blue:#0071e3;--blue2:#2997ff;--green:#28a745;--red:#d70015;--orange:#f59e0b;--radius:24px;--shadow:0 16px 40px rgba(0,0,0,.06)}
*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text);background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 5%,rgba(41,151,255,.08),transparent 24rem),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;background:rgba(245,245,247,.82);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-shell{max-width:1180px;height:62px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:linear-gradient(145deg,var(--blue2),var(--blue));border-radius:9px}.nav-links{display:flex;gap:30px;font-size:14px;color:#3a3a3c}.nav-links a:hover{color:var(--blue)}.page-shell{max-width:1180px;margin:0 auto;padding:56px 28px 80px}.footer{padding:28px;text-align:center;color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:12px 0 22px}h2{letter-spacing:-.035em}.hero{min-height:430px;padding:60px 72px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#111827,#0d4c91 58%,#0879df);border-radius:34px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-110px}.hero>div:first-child{position:relative;z-index:1}.hero .eyebrow{color:#8dc8ff}.hero p{max-width:540px;font-size:19px;color:rgba(255,255,255,.75);line-height:1.55}.hero-orbit{position:relative;z-index:1;width:190px;height:190px;flex:0 0 190px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 18px rgba(255,255,255,.04)}.hero-orbit span{font-size:60px;font-weight:700;line-height:1}.hero-orbit small{margin-top:8px;color:rgba(255,255,255,.65)}.button{border:0;border-radius:999px;padding:13px 22px;font-weight:650;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--blue);color:#fff}.hero .button.primary{background:#fff;color:var(--blue);margin-top:10px}.button.subtle{background:#fff;color:var(--text);border:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 64px}.stat-card{background:var(--surface);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius);padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.025)}.stat-card>span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:42px;letter-spacing:-.05em;margin:8px 0 2px}.stat-card.success strong{color:var(--green)}.stat-card.danger strong{color:var(--red)}.section-block{margin-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2{margin:7px 0 0;font-size:30px}.section-heading>a{color:var(--blue);font-size:14px}.empty-state,.list-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-state{text-align:center;padding:60px 24px;color:var(--muted)}.empty-state h3{color:var(--text);margin:14px 0 8px}.empty-icon{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:#e9f8ef;color:var(--green);font-weight:800}.attempt-row{display:grid;grid-template-columns:58px 1fr auto auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.attempt-row:last-child{border-bottom:0}.attempt-row:hover{background:rgba(0,113,227,.035)}.attempt-row strong,.attempt-row small{display:block}.attempt-row small{color:var(--muted);margin-top:4px}.score-ring{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#eef6ff;color:var(--blue);font-weight:750;font-size:13px}.chevron{font-size:28px;color:#a1a1a6}.page-heading{margin-bottom:34px}.page-heading h1{font-size:54px;margin-bottom:14px}.page-heading p{font-size:18px;color:var(--muted);max-width:650px}.exam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.exam-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.exam-year{position:absolute;right:-8px;top:-22px;font-size:110px;font-weight:800;color:#f2f2f4;letter-spacing:-.09em}.exam-card-head{position:relative;display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.exam-card-head span{font-size:13px;color:var(--muted)}.exam-card-head h2{font-size:28px;margin:4px 0}.status-pill,.count-pill{padding:7px 11px;border-radius:999px;background:#eaf6ec;color:#1b7a35!important;font-size:11px!important;font-weight:700}.section-list{border-top:1px solid var(--line)}.section-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.section-row:last-child{border-bottom:0}.section-row strong,.section-row small{display:block}.section-row small{color:var(--muted);margin-top:4px}.section-row.muted{opacity:.52}.start-actions{display:flex;gap:8px}.start-actions form{margin:0}.icon-button,.timer-button{border:0;border-radius:50%;width:38px;height:38px;font-size:22px}.icon-button{background:var(--blue);color:#fff}.timer-button{background:#edf5ff;color:var(--blue);font-size:15px}.helper-note{text-align:center;color:var(--muted);font-size:13px;margin-top:24px}.solve-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}.question-sidebar{position:sticky;top:90px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.back-link{display:block;color:var(--muted);font-size:13px;margin-bottom:32px}.question-sidebar h2{margin:7px 0 28px}.progress-copy{display:flex;justify-content:space-between;font-size:13px}.progress-track{height:7px;border-radius:99px;background:#ededf0;margin:10px 0 22px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .25s}.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.question-map button{aspect-ratio:1;border:0;border-radius:9px;background:#f0f0f2;color:#6e6e73;font-size:12px}.question-map button.active{outline:2px solid var(--blue);outline-offset:2px}.question-map button.answered{background:#e7f2ff;color:var(--blue);font-weight:700}.question-map button.unsure{box-shadow:inset 0 -3px var(--orange)}.map-legend{display:grid;gap:9px;margin-top:22px;color:var(--muted);font-size:11px}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:9px;height:9px;border-radius:50%;background:#e7f2ff}.map-legend i.unsure{background:var(--orange)}.question-stage{min-width:0}.solver-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:700}.timer{padding:8px 12px;background:#111827;color:#fff;border-radius:999px;font-variant-numeric:tabular-nums}.question-card{min-height:430px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.question-image{display:block;max-width:100%;max-height:520px;object-fit:contain}.question-stem{font-size:20px;line-height:1.6}.option-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.option-grid button{height:54px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:750;font-size:18px;transition:.15s}.option-grid button:hover{border-color:var(--blue);color:var(--blue)}.option-grid button.selected{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,113,227,.2)}.solver-actions{display:flex;justify-content:space-between;gap:12px}.unsure-button{background:#fff8e8;color:#9a6400}.unsure-button.active{background:#fff0c7;box-shadow:inset 0 0 0 1px #f6c453}.submit-row{text-align:right;margin-top:34px;padding-top:20px;border-top:1px solid var(--line)}.result-hero{display:flex;justify-content:space-between;align-items:center;padding:50px 60px;border-radius:30px;background:#111827;color:#fff}.result-hero h1{font-size:48px;margin-bottom:14px}.result-score{display:grid;place-items:center;width:165px;height:165px;border:10px solid #2d8cff;border-radius:50%}.result-score strong{font-size:40px}.result-score span{color:#aeb7c6}.result-stats{margin-top:20px}.date-value{font-size:30px!important}.result-list{display:grid;gap:12px}.result-question{background:#fff;border:1px solid var(--line);border-left:5px solid #aaa;border-radius:18px;overflow:hidden}.result-question.correct{border-left-color:var(--green)}.result-question.wrong{border-left-color:var(--red)}.result-question summary{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:18px;cursor:pointer}.result-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f2f2f4;font-weight:700}.answer-pair{color:var(--muted);font-size:13px}.result-question img{display:block;max-width:760px;width:calc(100% - 36px);margin:0 18px 20px;border-radius:12px}.attempt-metrics{display:flex;gap:10px}.attempt-metrics i{font-style:normal;font-size:12px;color:var(--muted)}.attempt-metrics .green{color:var(--green)}.attempt-metrics .red{color:var(--red)}.mistake-groups{display:grid;gap:28px}.mistake-group{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px}.mistake-group>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mistake-group h2{margin:6px 0 0}.count-pill{background:#fff0f1;color:var(--red)!important}.mistake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mistake-card{overflow:hidden;border:1px solid var(--line);border-radius:18px}.mistake-card img{display:block;width:100%;height:230px;object-fit:contain;background:#fafafa}.mistake-meta{display:flex;justify-content:space-between;padding:14px 16px;font-size:13px}.mistake-meta span{color:var(--muted)}
@media(max-width:800px){.nav-shell{padding:0 16px}.brand>span:last-child{display:none}.nav-links{gap:15px;font-size:12px}.page-shell{padding:28px 16px 60px}.hero{padding:42px 28px;min-height:auto}.hero-orbit{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);margin-bottom:42px}.exam-grid,.mistake-grid{grid-template-columns:1fr}.solve-shell{display:block}.question-sidebar{position:static;margin-bottom:18px}.question-map,.map-legend,.progress-copy,.progress-track{display:none}.question-card{min-height:320px;padding:12px}.solver-actions{flex-wrap:wrap}.solver-actions .unsure-button{order:3;width:100%}.attempt-row{grid-template-columns:52px 1fr auto}.attempt-metrics{display:none}.result-hero{padding:35px 26px}.result-score{width:110px;height:110px;border-width:7px}.result-score strong{font-size:28px}.result-hero h1{font-size:36px}.result-question summary{grid-template-columns:34px 1fr}.answer-pair{grid-column:2}.page-heading h1{font-size:42px}}
@media(max-width:480px){.nav-links a:first-child{display:none}.hero h1{font-size:42px}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card strong{font-size:34px}.option-grid{gap:7px}.option-grid button{height:48px}.result-score{display:none}}

.account-menu{display:flex;align-items:center;gap:10px}.account-menu form{margin:0}.user-chip{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:var(--muted)}.logout-button{border:0;background:transparent;color:var(--red);font-size:12px;padding:8px}.auth-shell{min-height:calc(100vh - 230px);display:grid;place-items:center}.auth-card{width:min(100%,480px);background:#fff;border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:var(--shadow)}.auth-card h1{font-size:38px;margin:12px 0}.auth-card>p{color:var(--muted);line-height:1.55}.auth-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:24px;background:linear-gradient(145deg,var(--blue2),var(--blue));color:#fff;font-size:22px;font-weight:800}.auth-form{display:grid;gap:9px;margin-top:25px}.auth-form label{font-size:13px;font-weight:650;margin-top:6px}.auth-form input:not([type=checkbox]){width:100%;height:50px;border:1px solid #d2d2d7;border-radius:13px;background:#fbfbfd;padding:0 15px;outline:none}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,113,227,.1)}.auth-form>span{color:var(--red);font-size:12px}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px;font-size:13px}.auth-options a,.auth-back{color:var(--blue)}.remember{display:flex;align-items:center;gap:7px!important;font-weight:400!important;margin:0!important}.remember input{accent-color:var(--blue)}.wide{width:100%;margin-top:8px}.security-note{display:block;text-align:center;color:var(--muted);line-height:1.45;margin-top:20px}.auth-back{display:block;text-align:center;margin-top:22px;font-size:13px}.validation-summary{color:var(--red);font-size:13px}.validation-summary ul{padding-left:18px}.alert{padding:12px 14px;border-radius:12px;margin:16px 0;font-size:13px}.success-alert{background:#eaf6ec;color:#1b7a35}.code-input{text-align:center;font-size:24px;font-weight:750;letter-spacing:9px}.field-validation-valid,.validation-summary-valid{display:none}
@media(max-width:900px){.account-menu .user-chip{display:none}.nav-shell{gap:12px}.nav-links{flex:1;justify-content:center}}
@media(max-width:560px){.auth-card{padding:28px 22px;border-radius:24px}.nav-links a:nth-child(3){display:none}.logout-button{padding-right:0}}
.mistake-list{display:grid;border:1px solid var(--line);border-radius:18px;overflow:hidden}.mistake-row{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:#fff;border-bottom:1px solid var(--line);transition:background .15s}.mistake-row:last-child{border-bottom:0}.mistake-row:hover{background:#f7fbff}.mistake-row-copy strong,.mistake-row-copy small{display:block}.mistake-row-copy small{margin-top:4px;color:var(--muted)}.mistake-detail-heading h1{font-size:clamp(34px,5vw,56px)}.mistake-detail-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.mistake-detail-card>.question-image{margin:0 auto;max-height:680px}.shared-question-image{margin-bottom:18px!important}.shared-content{font-size:18px;line-height:1.7;padding:20px;background:#f7f7f9;border-radius:16px;margin-bottom:18px}.mistake-answer-summary{display:grid;grid-template-columns:repeat(5,56px);gap:12px;justify-content:center;margin:28px 0 20px}.review-option{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:50%;font-weight:750}.review-option.correct{color:#fff;background:var(--green);border-color:var(--green)}.review-option.selected-wrong{color:#fff;background:var(--red);border-color:var(--red)}.mistake-detail-meta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}.mistake-detail-meta>span{padding:10px 14px;border-radius:999px;background:#f2f2f4}.mistake-detail-meta .unsure-note{background:#fff3cf;color:#8a5d00}

/* Soru görselinin yüksekliği değişse de cevap ve gezinme alanını sabit tutar. */
.question-stage{position:sticky;top:76px;height:calc(100dvh - 92px);min-height:580px;display:flex;flex-direction:column;overflow:hidden}.solver-top{flex:0 0 auto}.question-card{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;display:block;padding:28px;scrollbar-gutter:stable}.question-card>#sharedContext:empty{display:none}.question-card .question-image{width:auto;height:auto;max-width:100%;max-height:none;margin:0 auto}.solver-controls{position:relative;z-index:5;flex:0 0 auto;padding-top:14px;background:linear-gradient(to bottom,rgba(245,245,247,0),var(--bg) 12px)}.solver-controls .option-grid{margin:4px 0 12px}.solver-controls .submit-row{margin-top:12px;padding-top:12px}.solver-controls .submit-row .button{padding:10px 18px}
.answer-tools{display:flex;justify-content:center;gap:10px;margin:2px 0 10px}.answer-reveal-button{background:#eef6ff;color:var(--blue);border:1px solid #cfe4ff}.leave-button{background:#f0f0f2;color:#515154;border:1px solid #dedee2}.answer-toast{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-45%) scale(.94);min-width:220px;padding:22px 30px;text-align:center;color:#fff;background:rgba(17,24,39,.94);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.28);opacity:0;transition:.18s}.answer-toast.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.answer-toast span,.answer-toast strong{display:block}.answer-toast span{font-size:13px;color:#b8c5d8}.answer-toast strong{font-size:48px;margin-top:5px}.continue-button{position:relative;padding:10px 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;font-weight:700}.reveal-history{color:#9a6400!important}

@media(max-width:800px){.question-stage{position:relative;top:auto;height:calc(100dvh - 70px);min-height:500px;padding-bottom:214px}.question-card{min-height:0;padding:12px}.solver-controls{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:8px 16px max(8px,env(safe-area-inset-bottom));background:rgba(245,245,247,.94);box-shadow:0 -10px 30px rgba(0,0,0,.10);backdrop-filter:saturate(180%) blur(18px)}.answer-tools{margin:0 0 7px}.answer-tools .button{padding:8px 14px;font-size:12px}.solver-controls .option-grid{gap:8px;margin:0 0 8px}.solver-controls .option-grid button{height:44px;border-radius:14px}.solver-controls .solver-actions{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}.solver-controls .solver-actions .button{padding:10px 6px;font-size:13px}.solver-controls .solver-actions .unsure-button{grid-column:auto;grid-row:auto;width:auto;order:initial}.solver-controls .submit-row{margin-top:7px;padding-top:7px}.solver-controls .submit-row .button{padding:8px 15px;font-size:13px}.answer-toast{min-width:190px;padding:18px 24px}.answer-toast strong{font-size:42px}}
@media(max-width:560px){.mistake-group{padding:18px}.mistake-group>header{align-items:flex-start;gap:12px}.mistake-row{padding:14px}.mistake-row-copy small{line-height:1.45}.mistake-detail-card{padding:14px}.mistake-answer-summary{grid-template-columns:repeat(5,44px);gap:7px}.review-option{width:44px;height:44px}}
.result-shared-copy{margin:0 18px 18px;padding:18px;border-radius:14px;background:#f7f7f9;line-height:1.65}
