:root{color-scheme:light;--ink:#182332;--muted:#536071;--line:#d8dfe6;--accent:#b45b26;--blue:#244a6a;--paper:#f9fbfd}*{box-sizing:border-box}body{margin:0;background:#182332;color:var(--ink);font:15px/1.55 'Avenir Next','Segoe UI',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dd9e39;outline-offset:4px}[hidden]{display:none!important}.room{height:100dvh;min-height:700px;position:relative;overflow:hidden}.scene{position:absolute;inset:0;overflow:hidden}.scene>img{width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.room-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101b2b9c,transparent 23%,transparent 65%,#101b2bba)}.room-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;gap:18px;color:#fff}.back-link{text-decoration:none;min-height:44px;display:flex;align-items:center;font-size:13px}.room-brand{letter-spacing:.13em;font-size:16px;font-weight:700;text-align:center}.room-brand span{display:block;font-size:11px;letter-spacing:.16em;opacity:.8;margin-top:4px}.profile-button{display:flex;align-items:center;gap:15px;padding:9px 16px;min-height:46px;border:1px solid #ffffff50;border-radius:99px;background:#14223499;color:#fff;backdrop-filter:blur(10px);font-size:12px}.profile-button strong{color:#ffd794}.scene-caption{position:absolute;right:32px;top:110px;text-align:right;color:#fff;text-shadow:0 1px 9px #112;font:italic 22px Georgia,serif;max-width:480px}.scene-caption small{display:block;font:12px/1.55 'Segoe UI',sans-serif;margin-top:9px;max-width:350px;margin-left:auto}.welcome-card{position:absolute;z-index:2;left:32px;bottom:78px;width:346px;padding:28px;border-radius:14px;border:1px solid #ffffff90;background:rgba(245,249,253,.7);backdrop-filter:blur(16px);box-shadow:0 15px 60px #14223635}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;color:#805127}h1{font:42px/1.07 Georgia,serif;letter-spacing:-1px;margin:18px 0}h1 em{font-weight:normal}h2{font:31px/1.2 Georgia,serif;margin:15px 0}.welcome-card>p{font-size:12px;line-height:1.8}.welcome-card .pilot-note{font-size:12px;margin:16px 0 0;color:#334457}.last-result{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #18233230;border-bottom:1px solid #18233230;padding:13px 0;margin:19px 0;font-size:12px}.last-result strong{font-size:13px}.primary,.secondary{min-height:46px;border-radius:6px;padding:12px 15px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none}.primary{background:var(--blue);color:white}.primary:hover{background:#173955}.secondary{border:1px solid #75869a55;background:#f8fbfd80;color:var(--ink)}.secondary:hover{background:#edf2f7}.welcome-card button{width:100%;margin-top:9px}.secondary strong{padding:1px 8px;border-radius:99px;background:#1823320d}.room-bottom{position:absolute;z-index:2;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;gap:15px;color:white;font-size:12px;pointer-events:none}.local-badge{background:#142234a6;padding:5px 12px;border-radius:99px;border:1px solid #ffffff45}.save-warning{position:fixed;z-index:80;bottom:0;left:0;right:0;background:#ffe7bb;color:#3a270e;padding:10px;text-align:center;margin:0;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
dialog{color:var(--ink);border:1px solid #ffffff80;padding:0;border-radius:14px;background:var(--paper);box-shadow:0 18px 80px #0006;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#0d172bbb;backdrop-filter:blur(7px)}.study-dialog{width:min(1160px,calc(100% - 36px));overflow:auto}.study-head{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid var(--line);gap:14px;background:#eef3f8}.study-head strong{font-size:14px}.study-head small{font-size:12px;display:block;color:var(--muted)}.close{min-width:44px;min-height:44px;background:transparent;font-size:25px;border-radius:50%}.close:hover{background:#1823320c}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px}.question-area{padding:30px 38px 36px;min-width:0}.question-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;color:#765026;letter-spacing:.08em}.question-area h2{font-size:clamp(23px,2.2vw,30px);line-height:1.38;margin:22px 0 27px}.answer-option{width:100%;display:flex;align-items:center;text-align:left;gap:15px;min-height:52px;border:1px solid #ccd5df;border-radius:7px;background:#fff;padding:12px 14px;margin:9px 0;font-size:14px}.answer-option .letter{width:27px;min-width:27px;height:27px;display:grid;place-items:center;border:1px solid #d8dfe6;border-radius:50%;font-size:13px}.answer-option em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700}.answer-option:hover:not(:disabled){background:#edf3fa;border-color:#8fa7c0}.answer-option.correct{background:#e1f2e8;border-color:#29885b;color:#164b34}.answer-option.wrong{background:#fce8e5;border-color:#ce5141;color:#7e291e}.feedback{border-left:3px solid #29885b;background:#edf7f1;margin-top:22px;padding:16px 18px;border-radius:0 7px 7px 0}.feedback.wrong{border-color:#ce5141;background:#fff0ed}.feedback strong{font-size:14px}.feedback p{font-size:13px;margin:9px 0 0}.xp-note{font-size:12px;font-weight:700;color:#74500f}.choice-notes,.source-notes{margin:17px 0;font-size:12px}.choice-notes summary,.source-notes summary{cursor:pointer;font-weight:650;min-height:40px;display:flex;align-items:center;list-style:revert}.choice-notes dl{margin:0}.choice-notes dt{font-weight:700;margin-top:13px}.choice-notes dd{margin:3px 0 0;line-height:1.65;color:#405065}.source-notes a{display:block;margin:9px 0;color:#244a6a;text-underline-offset:3px}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px}.question-actions button{flex:1;justify-content:center}.question-actions button:disabled{opacity:.45}.question-side{background:#edf2f7;border-left:1px solid var(--line);padding:28px 22px}.question-side h3{font-size:11px;letter-spacing:.12em;margin:0 0 16px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.q-number{height:34px;border-radius:4px;background:white;border:1px solid #cbd5df;font-size:11px}.q-number.current{outline:2px solid #b98629;outline-offset:1px}.q-number.correct{background:#257a52;color:white;border-color:#257a52}.q-number.wrong{background:#c34b39;color:white;border-color:#c34b39}.question-side p{font-size:12px;line-height:1.8;color:#47596c}.question-side .primary{width:100%;font-size:11px;margin-top:24px;justify-content:center}.question-side .secondary{width:100%;margin-top:10px;font-size:11px;justify-content:center}.live-stats{margin-top:24px;padding-top:15px;border-top:1px solid #cbd5df}.live-stats strong{font:27px Georgia,serif}.small-dialog{width:min(440px,calc(100% - 28px));padding:30px}.small-dialog p{font-size:13px;color:#415369}.small-dialog>.close{position:absolute;right:12px;top:10px}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions button{flex:1;justify-content:center}.result-panel{padding:35px;max-width:850px;margin:auto}.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.score{font:64px/1 Georgia,serif;color:#244a6a}.score small{font:17px 'Segoe UI',sans-serif}.result-stats{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.result-stats span{background:#edf2f7;border-radius:6px;padding:10px 15px;font-size:12px}.result-wrong{border-left:3px solid #c34b39;border-bottom:1px solid var(--line);padding:14px 16px;margin:12px 0;font-size:13px}.result-wrong p{margin:7px 0;color:#485b70}.result-panel h3{font-size:15px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.result-actions button{flex:1;justify-content:center}.quiet{font-size:12px;color:#57677b}.xp-meter{height:8px;width:100%;accent-color:#b77533}.profile-number{font:48px Georgia,serif}.outfit{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;width:100%;padding:13px;background:#edf2f7;border:1px solid #cbd5df;border-radius:7px;text-align:left;font-size:13px}.outfit[aria-pressed=true]{border-color:#244a6a;outline:1px solid #244a6a}.outfit:disabled{opacity:.55}.outfit span{font-size:11px}
@media(max-width:850px){.room-header{padding:18px 22px}.room-brand{font-size:13px}.scene-caption{right:22px;top:105px;font-size:18px;max-width:300px}.scene-caption small{font-size:11px;max-width:260px}.welcome-card{left:22px;width:300px;padding:23px;bottom:70px}.welcome-card h1{font-size:37px}.room-bottom{left:22px;right:22px;font-size:11px}.study-layout{grid-template-columns:1fr}.question-side{border-left:0;border-top:1px solid var(--line);padding:20px}.question-grid{grid-template-columns:repeat(10,1fr)}.question-side .live-stats{display:none}.question-side .primary,.question-side .secondary{display:inline-flex;width:auto;margin:12px 8px 0 0}.question-side p{margin:10px 0 0}.question-area{padding:26px}.room{min-height:710px}}
@media(max-width:560px){.room{min-height:800px}.room-header{gap:10px;padding:15px}.room-brand{display:none}.profile-button{font-size:11px;padding:9px 12px;gap:12px}.back-link{font-size:12px}.scene-caption{left:20px;right:20px;top:88px;text-align:left;font-size:22px}.scene-caption small{margin-left:0;max-width:290px}.welcome-card{left:15px;right:15px;width:auto;bottom:92px;padding:22px;max-width:350px}.welcome-card h1{font-size:36px;margin:14px 0}.room-bottom{left:15px;right:15px;bottom:17px;flex-direction:column;align-items:center;gap:6px}.scene>img{object-position:54% center}.study-dialog{width:100%;max-height:100dvh;height:100dvh;border:0;border-radius:0}.study-head{padding:12px 18px}.question-area{padding:22px 18px}.question-meta{font-size:11px}.question-area h2{font-size:24px;margin:20px 0}.answer-option{font-size:13px;gap:10px}.answer-option em{font-size:11px}.question-side{padding:18px}.question-grid{grid-template-columns:repeat(5,1fr)}.q-number{min-height:40px}.result-panel{padding:26px 20px}.result-top{align-items:flex-start}.result-top h2{font-size:27px}.score{font-size:50px}.result-actions{flex-direction:column}.dialog-actions{flex-direction:column}.small-dialog{padding:27px}.profile-number{font-size:40px}}
body:has(dialog[open]){overflow:hidden}
.scene{isolation:isolate}
.room-look{position:absolute;z-index:3;right:32px;top:192px;min-height:42px;padding:8px 14px;border:1px solid #ffffff70;border-radius:99px;background:#142234b8;color:white;backdrop-filter:blur(8px);font-size:12px}
@media(max-width:560px){.room-look{top:184px;left:20px;right:auto;font-size:11px}.study-dialog{max-width:100%;margin:0}}
.study-head{position:sticky;top:0;z-index:3}
.question-side{align-self:start;position:sticky;top:79px}
@media(max-width:850px){.question-side{position:static}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.welcome-card{background:#f9fbfd;backdrop-filter:none}.profile-button{background:#182332}}

/* 25 Eylül: the answer that lights the day's fire (learning/streak.js litLine). */
.xp-note.fire-note{color:#b5561d;font-weight:650}
.result-titles .title-note{margin:8px 0;padding:10px 12px;border-radius:10px;background:#f6e6c4;color:#4a3514;font-weight:600}

/* 25 Eylül: the study promise (learning/study-plan.js). */
.plan-card{margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid var(--ui-line,#c39c6660);background:var(--ui-field,#fbf3e3);color:var(--ui-text,#2b2012)}.plan-card .quiet{color:var(--ui-muted,#6b5a40)}
.plan-card h3{margin:4px 0 8px;font-size:18px}.plan-choices{border:0;margin:6px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.plan-choices legend{font-size:12px;font-weight:650;margin-bottom:4px}
.plan-choice{min-height:44px;padding:0 12px;border-radius:99px;border:1px solid var(--ui-line,#8293a360);background:transparent;color:inherit;font-size:13px}.plan-choice.on{background:var(--ui-accent,#1d3a52);color:var(--ui-reading,#fff);border-color:var(--ui-accent,#1d3a52);font-weight:650}
.plan-sentence{font-weight:650;margin:10px 0}.plan-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plan-actions .text-button{min-height:44px;background:none;border:0;text-decoration:underline;color:inherit}

/* 30. tur (Ücretsiz örnek, learning/access.js): a locked item is quieter; its own words say what it needs. */
.locked{opacity:.78}
.locked .action,a.locked,.today-go.locked{font-weight:600}