:root{--ink:#172033;--muted:#647089;--paper:#fff;--wash:#f3f5fb;--line:#dfe4ef;--brand:#6d4aff;--brand2:#ff9f43;--good:#087f5b;--bad:#c92a2a;--gold:#f7b731;--shadow:0 14px 40px rgba(25,36,69,.11);--radius:22px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}
    :root{margin:0;color:var(--ink);font-family:Inter,ui-rounded,"Segoe UI",system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 30%),var(--wash);line-height:1.55;overflow-x:hidden}
    button,input,select,textarea{font:inherit}button{cursor:pointer}
    .skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem;border-radius:10px}
    .shell{min-height:100vh}
    .topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
    .brand{border:0;background:transparent;display:flex;align-items:center;gap:.7rem;text-align:left;color:var(--ink)}
    .brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--brand);color:#fff;font-weight:900}
    .brand strong{display:block}.brand small{color:var(--muted)}
    .topbar nav{display:flex;gap:.35rem;margin-left:auto}
    .nav-btn,.ghost,.primary,.soft{border:0;border-radius:13px;padding:.72rem 1rem;font-weight:750;transition:all .15s}
    .nav-btn,.ghost{background:transparent;color:var(--ink)}.nav-btn:hover,.ghost:hover{background:var(--wash)}
    .primary{background:var(--brand);color:#fff;box-shadow:0 7px 20px color-mix(in srgb,var(--brand) 25%,transparent)}.primary:hover{filter:brightness(.94)}
    .soft{background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand)}
    .stats-pill{display:flex;gap:.8rem;padding:.55rem .85rem;background:#fff7dd;border-radius:14px;font-weight:800}.stats-pill span:last-child{color:#9c6500}
    .mobile-label{display:none}
    main{width:min(1220px,calc(100% - 2rem));margin:auto;padding:2rem 0 5rem}
    .hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;gap:2rem;padding:clamp(2rem,5vw,4rem);border-radius:32px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 65%,#101d46));color:white;box-shadow:var(--shadow)}
    .hero:after{content:"";position:absolute;width:340px;height:340px;border:70px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;top:-130px}
    .eyebrow{letter-spacing:.13em;font-size:.77rem;font-weight:900;color:var(--brand);text-transform:uppercase}
    .hero .eyebrow{color:#fff5bd}
    .hero h1{font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95;margin:.4rem 0 1.1rem;letter-spacing:-.05em}
    .hero p{font-size:1.05rem;max-width:680px;color:rgba(255,255,255,.88)}
    .cycle{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0}
    .cycle span{padding:.45rem .7rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.09);font-size:.82rem;font-weight:800}
    .hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}
    .hero-actions .primary{background:#fff;color:var(--brand)}
    .hero-actions .ghost{color:#fff;border:1px solid rgba(255,255,255,.35)}
    .hero-aside{position:relative;z-index:1;align-self:center;display:grid;gap:.7rem}
    .hero-metric{padding:1rem 1.15rem;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
    .hero-metric strong{font-size:1.7rem;display:block}
    .hero-metric small{color:rgba(255,255,255,.78)}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.8rem 0 1rem}
    .section-head h2{margin:.15rem 0;font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.035em}
    .section-head p{margin:0;color:var(--muted)}
    .unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
    .unit-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;background:var(--paper);box-shadow:0 8px 24px rgba(25,36,69,.06);transition:.2s}
    .unit-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
    .unit-card button{position:absolute;inset:0;opacity:0;width:100%}
    .unit-top{display:flex;align-items:center;justify-content:space-between}
    .unit-icon{font-size:1.8rem}
    .unit-number{color:var(--muted);font-weight:800;font-size:.8rem}
    .unit-card h3{margin:1rem 0 .15rem;font-size:1.16rem}
    .unit-card p{color:var(--muted);font-size:.88rem;margin:.25rem 0 1rem;min-height:2.7em}
    .progress-track{height:8px;background:#edf0f6;border-radius:99px;overflow:hidden}
    .progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}
    .progress-label{display:flex;justify-content:space-between;margin-top:.45rem;font-size:.75rem;color:var(--muted)}
    .path-grid,.analytics-grid,.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
    .path-card,.coach,.panel,.skill-card,.badge{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem}
    .path-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--brand) 10%,white);font-size:1.25rem}
    .path-card h3{margin:.8rem 0 .2rem}
    .path-card p{color:var(--muted);min-height:3em}
    .coach{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;border-color:color-mix(in srgb,var(--brand) 35%,white);background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--brand) 7%,white))}
    .coach-icon{font-size:2rem}
    .coach h3,.coach p{margin:.1rem 0}
    .coach p{color:var(--muted)}
    .coach small{display:block;color:var(--brand);font-weight:800}
    .unit-main{width:min(1380px,calc(100% - 2rem))}
    .unit-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:1.35rem;align-items:start}
    .unit-nav{position:sticky;top:82px;max-height:calc(100vh - 98px);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#171d38,#242b4e);border-color:rgba(255,255,255,.06);color:#f6f7ff;border-radius:24px;box-shadow:0 18px 44px rgba(23,29,56,.22)}
    .unit-nav-head{padding:1.15rem;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border-bottom:1px solid rgba(255,255,255,.08)}
    .unit-nav-head .eyebrow{margin:0;color:#ffd4da}
    .unit-nav-head strong{display:block;margin:.25rem 0;font-size:1.08rem}
    .unit-nav-head small{color:rgba(255,255,255,.78)}
    .unit-nav-progress{height:7px;margin-top:.8rem;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}
    .unit-nav-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--brand2),#fff);border-radius:99px}
    .unit-nav-groups{padding:.55rem}
    .unit-nav-group{padding:.3rem}
    .unit-nav-group+.unit-nav-group{border-top:1px solid rgba(255,255,255,.08);margin-top:.35rem;padding-top:.7rem}
    .unit-nav-group-label{display:block;padding:.25rem .55rem;color:#7f89ad;font-size:.67rem;font-weight:900;letter-spacing:.12em}
    .unit-menu-btn{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:.55rem;border:0;border-radius:12px;padding:.62rem .55rem;background:transparent;color:#aeb6d3;font-weight:780;text-align:left}
    .unit-menu-btn:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(2px)}
    .unit-menu-btn.active{background:var(--brand);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--brand) 30%,transparent)}
    .menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.07);color:#e9ecf8;font-size:.86rem}
    .unit-menu-btn.active .menu-icon{background:rgba(255,255,255,.17);color:#fff}
    .menu-state{font-size:.65rem;color:#fff}
    .mobile-section-menu{display:none;margin-bottom:1rem;border:1px solid #252d50;border-radius:16px;background:#171d38;box-shadow:0 10px 28px rgba(23,29,56,.18)}
    .mobile-section-menu summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.85rem 1rem;cursor:pointer;list-style:none;color:#fff;font-weight:850}
    .mobile-section-menu summary::-webkit-details-marker{display:none}
    .mobile-section-menu summary small{display:block;color:#9da5c3;font-weight:650}
    .mobile-section-list{max-height:60vh;overflow-y:auto;border-top:1px solid rgba(255,255,255,.09);background:#171d38;padding:.55rem}
    .unit-hero{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 0}
    .back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff}
    .unit-hero .big-icon{display:grid;place-items:center;width:66px;height:66px;background:color-mix(in srgb,var(--brand) 10%,white);border-radius:20px;font-size:2rem}
    .unit-hero h1{margin:0;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.055em}
    .unit-hero p{margin:.2rem 0;color:var(--muted)}
    .content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.2rem}
    .panel h2{margin:.15rem 0 .5rem;font-size:1.65rem}
    .panel h3{margin-top:1.3rem}
    .lede{color:var(--muted);font-size:1.02rem}
    .side-card{position:sticky;top:88px;height:max-content}
    .step-list{display:grid;gap:.5rem}
    .step-row{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:.7rem;padding:.7rem;border-radius:13px;background:var(--wash);border:0;text-align:left}
    .step-row b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:var(--brand)}
    .step-row small{color:var(--muted)}
    .word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
    .word-card{min-height:126px;text-align:left;border:1px solid var(--line);border-radius:17px;padding:1rem;background:#fff;transition:.2s}
    .word-card:hover{border-color:var(--brand)}
    .word-card strong{display:block;font-size:1.08rem}
    .word-card span{display:block;color:var(--brand);font-weight:800;margin:.15rem 0}
    .word-card small{color:var(--muted)}
    .word-card.seen{background:color-mix(in srgb,var(--brand) 5%,white)}
    .expression-list{display:grid;gap:.7rem}
    .expression{padding:1rem;border-left:4px solid var(--brand);background:var(--wash);border-radius:0 15px 15px 0}
    .expression strong,.expression span{display:block}
    .expression span{color:var(--muted)}
    .example-list{display:grid;gap:.5rem}
    .example-list li{padding:.7rem .85rem;background:var(--wash);border-radius:12px}
    .stimulus{margin:1rem 0;padding:1.2rem;border-radius:18px;background:#f8f4ea;border:1px solid #eadfc8}
    .stimulus.dialogue{white-space:pre-line;font-family:inherit}
    .visual-table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff;min-width:540px}
    .table-scroll{width:100%;overflow-x:auto;border-radius:16px}
    .visual-table caption{text-align:left;font-weight:800;padding:.5rem 0}
    .visual-table th,.visual-table td{padding:.75rem;border:1px solid var(--line);text-align:left}
    .visual-table th{background:color-mix(in srgb,var(--brand) 9%,white)}
    .action-row{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
    .production{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0}
    .production article{padding:1rem;border:1px solid var(--line);border-radius:16px}
    .rubric{display:flex;flex-wrap:wrap;gap:.45rem;padding:0}
    .rubric li{list-style:none;padding:.4rem .65rem;background:#eef8f4;color:#176b52;border-radius:99px;font-size:.83rem}
    .quiz-shell{width:min(880px,100%);margin:auto}
    .quiz-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
    .quiz-top h1{font-size:1.4rem;margin:0}
    .quiz-progress{height:9px;background:#e3e7f0;border-radius:99px;overflow:hidden;margin:.7rem 0 1.2rem}
    .quiz-progress i{display:block;height:100%;background:var(--brand)}
    .question-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(1.2rem,4vw,2rem);box-shadow:var(--shadow)}
    .question-meta{display:flex;gap:.5rem;flex-wrap:wrap}
    .chip{padding:.32rem .58rem;border-radius:99px;background:var(--wash);color:var(--muted);font-size:.76rem;font-weight:850}
    .chip.level{background:#fff3cd;color:#805b00}
    .question-card h2{font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.35}
    .options{display:grid;gap:.65rem}
    .option{display:grid;grid-template-columns:36px 1fr;gap:.75rem;align-items:center;text-align:left;padding:.9rem;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink)}
    .option b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--wash)}
    .option:hover:not(:disabled){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,white)}
    .option.correct{border-color:var(--good);background:#e9f8f1}
    .option.wrong{border-color:var(--bad);background:#fff0f0}
    .option:disabled{cursor:default}
    .feedback{margin-top:1rem;padding:1rem;border-radius:15px}
    .feedback.good{background:#e9f8f1;color:#075f45}
    .feedback.bad{background:#fff0f0;color:#962020}
    .audio-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:16px;background:#ecf3ff;margin:1rem 0}
    .audio-box p{margin:0;color:#3a557d}
    .transcript{margin:.7rem 0;padding:.8rem;border-left:3px solid var(--brand);background:#f7f8fb;color:var(--muted)}
    .result{text-align:center}
    .result-ring{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;margin:1rem auto;background:conic-gradient(var(--brand) var(--pct),#e7eaf1 0);position:relative}
    .result-ring:after{content:"";position:absolute;inset:16px;background:#fff;border-radius:50%}
    .result-ring strong{z-index:1;font-size:2rem}
    .result-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
    .result-breakdown div{padding:.8rem;background:var(--wash);border-radius:13px}
    .analytics-grid{grid-template-columns:repeat(4,1fr)}
    .skill-card strong{font-size:1.7rem}
    .skill-card span{display:block;color:var(--muted)}
    .bar{height:7px;background:#e8ebf2;border-radius:99px;margin-top:.7rem}
    .bar i{display:block;height:100%;border-radius:99px;background:var(--brand)}
    .mistake-row{display:grid;grid-template-columns:90px 1fr auto;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}
    .empty{text-align:center;padding:3rem;color:var(--muted)}
    .badge-grid{grid-template-columns:repeat(4,1fr)}
    .badge.locked{filter:grayscale(1);opacity:.48}
    .badge strong,.badge small{display:block}
    .badge span{font-size:1.6rem}
    .note{padding:.9rem 1rem;border-radius:15px;background:#fff7dd;color:#765600}
    .source-box{font-size:.84rem;color:var(--muted);padding-top:1rem;border-top:1px solid var(--line);margin-top:1rem}
    .source-box a{color:var(--brand)}
    footer{border-top:1px solid var(--line);padding:1.5rem;text-align:center;color:var(--muted);font-size:.82rem;background:#fff}
    .toast{position:fixed;right:1rem;bottom:1rem;z-index:50;padding:.8rem 1rem;border-radius:13px;background:#172033;color:#fff;box-shadow:var(--shadow);display:none}
    .toast.show{display:block}

    /* ENRICHMENT V2 */
    :focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,white);outline-offset:3px}
    .activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
    .activity-card{border:1px solid var(--line);border-radius:18px;padding:1.05rem;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand) 3%,white))}
    .activity-card h3{margin:.1rem 0 .35rem}.activity-card>p{color:var(--muted);margin:.2rem 0 .8rem}
    .activity-kicker{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,white);color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.06em}
    .match-list{display:grid;gap:.55rem}.match-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(140px,1.2fr);align-items:center;gap:.6rem;padding:.55rem;border-radius:12px;background:var(--wash)}
    .match-row.good{background:#e9f8f1}.match-row.bad{background:#fff0f0}.match-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.55rem;background:#fff;color:var(--ink)}
    .activity-feedback{min-height:1.5em;margin-top:.6rem;font-weight:800;color:var(--brand)}
    .token-bank,.built-sentence,.checklist{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem;border-radius:13px;background:var(--wash);min-height:54px}
    .token{border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;background:#fff;font-weight:750}.token:disabled{opacity:.35}
    .built-sentence{margin:.6rem 0;background:#fff;border:1px dashed color-mix(in srgb,var(--brand) 45%,var(--line));align-items:center}
    .built-sentence:empty:before{content:"Kelimelere dokunarak cümleyi burada kur";color:var(--muted);font-size:.85rem}
    .prompt-box{padding:1rem;border-radius:15px;background:#171d38;color:#fff;min-height:92px;display:grid;align-content:center;font-size:1.05rem;font-weight:760}
    .timer{display:inline-grid;place-items:center;min-width:70px;padding:.45rem .65rem;border-radius:12px;background:#fff7dd;color:#765600;font-weight:900}
    .check-item[aria-pressed="true"]{background:#e9f8f1;color:#075f45}
    .project-card{grid-column:1/-1;background:linear-gradient(120deg,color-mix(in srgb,var(--brand) 8%,white),#fff)}
    .project-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.project-meta span{padding:.35rem .55rem;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.8rem;font-weight:800}
    .test-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.test-option{padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}.test-option strong,.test-option small{display:block}.test-option small{color:var(--muted);margin-top:.25rem}
    .hint-box{margin:.8rem 0;padding:.8rem 1rem;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;background:#fff7dd;color:#6c5000}
    .quiz-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}.quiz-tools .ghost{border:1px solid var(--line);padding:.5rem .7rem}
    .result-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1rem 0}.result-skills span{padding:.35rem .6rem;border-radius:999px;background:var(--wash);font-size:.8rem;font-weight:800}
    .production-coach{grid-column:1/-1;border-color:color-mix(in srgb,var(--brand) 35%,var(--line));background:linear-gradient(140deg,#fff,color-mix(in srgb,var(--brand) 5%,white))}
    .coach-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.coach-head h3{margin:.15rem 0}.status-tag{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#eef8f4;color:#176b52;font-size:.72rem;font-weight:900;white-space:nowrap}
    .coach-task{padding:.8rem 1rem;border-left:4px solid var(--brand);border-radius:0 13px 13px 0;background:var(--wash);margin:.7rem 0}.coach-task strong,.coach-task span{display:block}.coach-task span{color:var(--muted);font-size:.88rem;margin-top:.2rem}
    .coach-input{width:100%;min-height:132px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:.85rem;background:#fff;color:var(--ink);line-height:1.55}.coach-input:focus{border-color:var(--brand)}
    .coach-meta{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin:.35rem 0}.coach-targets{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}.coach-targets span{padding:.25rem .48rem;border-radius:999px;background:#eef2ff;color:#39477a;font-size:.72rem;font-weight:800}
    .coach-output{margin-top:.8rem}.coach-result{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.9rem;padding:1rem;border-radius:16px;background:#f7f8fb;border:1px solid var(--line)}.coach-score{display:grid;place-items:center;align-content:center;min-height:88px;border-radius:14px;background:var(--brand);color:#fff}.coach-score strong{font-size:1.8rem;line-height:1}.coach-score small{font-size:.7rem}.coach-result h4{margin:.1rem 0}.coach-result ul{margin:.4rem 0;padding-left:1.1rem}.coach-result li+li{margin-top:.25rem}.ai-detail{margin-top:.65rem;padding:.7rem;border-radius:12px;background:#eef8f4;color:#174f40;white-space:pre-line}
    .rubric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.7rem 0}.rubric-row{padding:.55rem .65rem;border:1px solid var(--line);border-radius:11px;background:#fff}.rubric-row div{display:flex;justify-content:space-between;gap:.5rem;font-size:.76rem;font-weight:850}.rubric-row .bar{height:5px;margin-top:.35rem}.coach-issues{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}.coach-issues span{padding:.3rem .48rem;border-radius:999px;background:#fff3e6;color:#8b4a12;font-size:.72rem;font-weight:800}.revision-line{padding:.55rem .7rem;border-left:3px solid var(--brand);background:var(--wash);border-radius:0 10px 10px 0;margin:.55rem 0;font-size:.82rem}.coach-history{font-size:.75rem;color:var(--muted);font-weight:750}.coach-result .action-row{margin-top:.65rem}@media(max-width:620px){.coach-result{grid-template-columns:1fr}.coach-score{min-height:70px}.rubric-grid{grid-template-columns:1fr}}
    .privacy-note{padding:.65rem .75rem;border-radius:12px;background:#fff7dd;color:#6c5000;font-size:.78rem;margin-top:.65rem}.recording-player{width:100%;margin-top:.65rem}.recording-player[hidden]{display:none}.evidence-note{font-size:.78rem;color:var(--muted)}
    .ai-status{display:flex;align-items:center;gap:.65rem;margin:.65rem 0;padding:.65rem .75rem;border:1px solid #cfe2ff;border-radius:12px;background:#f2f7ff;color:#244b78;font-size:.78rem;font-weight:750}.ai-status::before{content:"✦";color:var(--brand)}.ai-status progress{width:90px;height:7px;margin-left:auto;accent-color:var(--brand)}.ai-status progress[hidden]{display:none}
    .project-requirements{margin:.75rem 0;padding:.8rem .95rem;border-left:4px solid #4a9b7a;border-radius:0 12px 12px 0;background:#f1faf6}.project-requirements strong{display:block;margin-bottom:.35rem}.project-requirements ul{margin:.2rem 0 0;padding-left:1.2rem}.project-requirements li+li{margin-top:.25rem}.evidence-upload{display:grid;gap:.65rem;margin:.75rem 0;padding:.85rem;border:1px dashed #a9b9d2;border-radius:14px;background:#fbfcff}.upload-label{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem .8rem;border-radius:11px;background:#eef2ff;color:#33467c;font-weight:850;cursor:pointer}.upload-label:focus-within{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent)}.upload-label input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-preview{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:.75rem;align-items:center}.image-preview img{width:100%;max-height:150px;object-fit:contain;border-radius:11px;border:1px solid var(--line);background:#fff}.image-preview[hidden]{display:none}.image-preview strong,.image-preview small{display:block}.image-preview small{margin-top:.25rem;color:var(--muted)}.project-input{min-height:108px}.engine-chip{display:inline-flex;padding:.25rem .48rem;border-radius:999px;background:#e9f8f2;color:#176b52;font-size:.72rem;font-weight:850}
    button:disabled{cursor:not-allowed;opacity:.55}
    @media(max-width:760px){.activity-grid,.test-options{grid-template-columns:1fr}.project-card{grid-column:auto}.match-row{grid-template-columns:1fr}.quiz-tools{display:grid;grid-template-columns:1fr 1fr}}
    @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

    @media(max-width:980px){.unit-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-aside{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.side-card{position:static}.analytics-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:860px){.unit-layout{grid-template-columns:1fr;gap:0}.desktop-unit-nav{display:none}.mobile-section-menu{display:block}}
    @media(max-width:660px){main{width:min(100% - 1rem,1220px);padding-top:1rem}.topbar{padding:.65rem}.brand small,.stats-pill,.desktop-label{display:none}.mobile-label{display:inline}.hero{padding:1.4rem;border-radius:24px}.hero h1{font-size:2.8rem}.hero-aside{grid-template-columns:1fr}.unit-grid,.path-grid,.word-grid,.production,.result-breakdown,.analytics-grid,.badge-grid{grid-template-columns:1fr}.topbar nav{gap:0}.nav-btn{padding:.55rem}}
  
:root{--brand:#0b3043;--brand2:#b58a3b;display:block;color:var(--ink);background:var(--wash)}
:root[data-theme="dark"]{--ink:#f4f7fa;--muted:#b8cdd5;--paper:#143443;--wash:#09212d;--line:#395b6a;--brand:#e3bf79;--brand2:#e3bf79;--good:#74d8b5;--bad:#ffacac}

/* Shared TRIWORDS appearance; pedagogical content is untouched. */
:root{--brand:#0b3043;--brand2:#b58a3b;display:block;color:var(--ink);background:var(--wash)}
:root[data-theme="dark"]{--ink:#f4f7fa;--muted:#b8cdd5;--paper:#143443;--wash:#09212d;--line:#395b6a;--brand:#e3bf79;--brand2:#e3bf79;--good:#74d8b5;--bad:#ffacac;color-scheme:dark}
:root[data-theme="dark"] :is(.topbar,.path-card,.coach,.panel,.skill-card,.badge,.back,.word-card,.visual-table,.question-card,.option,.activity-card,.project-card,.test-option,.production-coach,.coach-input,.rubric-row,.built-sentence,.token,.project-meta span,.match-row select,.result-ring:after){background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] :is(.stimulus,.transcript,.audio-box,.coach-result,.project-requirements,.evidence-upload,.soft,.path-card span,.step-row b,.visual-table th,.activity-kicker,.unit-hero .big-icon){background:#204656;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] :is(.audio-box p,.topbar small,.test-option small){color:var(--muted)}
:root[data-theme="dark"] :is(.primary,.brand-mark,.coach-score,.unit-menu-btn.active,.unit-menu-btn.active .menu-icon){background:var(--brand);color:#09212d}
:root[data-theme="dark"] :is(.option.correct,.match-row.good,.feedback.good){background:#123e35;color:#baf4df}
:root[data-theme="dark"] :is(.option.wrong,.match-row.bad,.feedback.bad){background:#4d262e;color:#ffe1e1}
:root[data-theme="dark"] .option:hover:not(:disabled){background:#284f60}
:root[data-theme="dark"] .word-card.seen{background:#244d48}
:root[data-theme="dark"] .hero{background:linear-gradient(135deg,#143443,#0b3043);color:#fff}
:root[data-theme="dark"] .hero-actions .primary{background:#e3bf79;color:#09212d}
:root[data-theme="dark"] .stats-pill{background:#493d24;color:#ffe3a5}
:root[data-theme="dark"] .stats-pill span:last-child{color:#ffe3a5}
:root[data-theme="dark"] .unit-nav-group-label{color:#bac5dc}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}

body{margin:0;color:var(--ink);background:var(--wash);font-family:Inter,"Segoe UI",system-ui,sans-serif;line-height:1.65}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.22;overflow-wrap:anywhere}p,li,td,th{overflow-wrap:anywhere}button,a,input,select,textarea{touch-action:manipulation}.hero a,.primary,.soft,.ghost{display:inline-block}.hero a:hover{text-decoration:none}.hero h1{line-height:1.08}.hero-actions{position:relative;z-index:1}.topbar .brand{min-width:0}.topbar nav{flex-wrap:wrap}.brand strong{letter-spacing:.06em}.brand small{font-size:.75rem}.nav-btn{font-size:.88rem;white-space:nowrap}.grade-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.grade-card{display:flex;gap:1.5rem;padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:white;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s}.grade-card:hover{text-decoration:none;transform:translateY(-3px)}.grade-number{font-size:5rem;font-weight:900;line-height:1;color:var(--brand)}.gold{color:var(--brand2)}.grade-card h2{font-size:2rem;margin:.6rem 0}.grade-card p{color:var(--muted)}.grade-card strong{font-size:.85rem}.card-arrow{display:block;color:var(--brand);font-weight:800;margin-top:1.3rem}.panel+.panel{margin-top:1.3rem}.panel h2:first-child{margin-top:0}.panel li+li{margin-top:.65rem}.table-scroll{max-width:100%;overflow-x:auto;margin:1rem 0}.visual-table{width:100%;border-collapse:collapse;text-align:left}.visual-table caption{text-align:left;font-weight:800;padding:.8rem;background:var(--wash)}.visual-table th,.visual-table td{padding:.8rem;border:1px solid var(--line);font-size:.9rem}.visual-table th{background:#edf3f5}.visual-table td{vertical-align:top}.unit-card .card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.unit-card:focus-within{outline:3px solid var(--brand2);outline-offset:3px}.unit-card h3{min-height:2.5em}.unit-card[hidden]{display:none}.filterbar{display:flex;gap:1rem;margin:1rem 0;align-items:end}.filterbar label{display:grid;gap:.3rem;flex:1;font-size:.85rem;font-weight:700}.filterbar input,.filterbar select{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:white;color:var(--ink);width:100%;min-width:0}.resume{margin-top:1.5rem;display:flex;gap:1rem;justify-content:space-between;align-items:center}.resume p{margin:.3rem 0}.menu-group{padding:.6rem .8rem}.menu-group>p{font-size:.65rem;letter-spacing:.1em;color:#c0cadc;font-weight:800;padding:0 .6rem;margin:.3rem 0}.menu-link{display:block;color:#e9edf5;padding:.6rem .8rem;border-radius:10px;font-size:.83rem;margin:.12rem 0}.menu-link:hover{background:#ffffff12;text-decoration:none}.menu-link.active{background:#e8c886;color:#0b3043;font-weight:800}.unit-hero{min-width:0}.unit-hero h1{font-size:clamp(1.5rem,3vw,2.5rem)}.unit-hero .back{display:inline-grid;place-items:center;flex-shrink:0}.unit-hero>div{min-width:0}.unit-stage{min-width:0}.unit-pager{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.section-body h2{font-size:clamp(1.5rem,3vw,2rem)}.section-body>.path-grid{grid-template-columns:1fr}.section-body>.path-grid .path-card p{min-height:0}.subtheme-list{padding-left:1.2rem}.source-box p{margin:.6rem 0}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.word-card{border:1px solid var(--line);border-radius:16px;background:white;padding:1.1rem}.word-card h3{margin:.1rem 0 .7rem;font-size:1.4rem;color:var(--brand)}.word-card.seen{background:#edf8f3;border-color:#83bfa8}.word-card p{font-size:.95rem}.word-card .action-row{gap:.25rem}.word-card button{font-size:.78rem;padding:.55rem}.phrase-card{border-left:4px solid var(--brand2);padding:.4rem 1rem;margin:1.2rem 0;background:var(--wash);border-radius:0 12px 12px 0}.phrase-card h3{font-size:1.3rem}.muted{color:var(--muted);font-size:.88rem}.stimulus{white-space:pre-line;line-height:1.9;padding:1.3rem;background:#f5f7fa;border:1px solid var(--line);border-radius:16px;margin:1rem 0;color:var(--ink)}.stimulus p{margin:.5rem 0}.grammar-notes li{padding:.5rem 0}.action-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.centered{justify-content:center}.audio-box{flex-wrap:wrap}.section-body details{padding:.9rem 0}.section-body summary{cursor:pointer;font-weight:700}.note{margin:1.3rem 0;line-height:1.7}.activity-card>label{display:grid;gap:.4rem;margin:1rem 0}.production-card{grid-column:1/-1}.production-card fieldset{border:1px solid var(--line);border-radius:12px;margin:1rem 0;padding:1rem}.production-card legend{font-weight:700;font-size:.85rem}.criterion{display:flex;gap:.5rem;align-items:start;margin:.5rem 0;font-size:.9rem}.criterion input{width:18px;height:18px;flex-shrink:0;margin-top:5px;accent-color:var(--brand)}.completion{font-weight:700;color:var(--good)}.timer-output{display:inline-block;padding:.5rem;font-weight:700}.reflection-label{display:grid;gap:.5rem;margin:1rem 0;font-weight:700}textarea{border:1px solid var(--line);border-radius:12px;padding:.85rem;width:100%;background:white;color:var(--ink);line-height:1.6;font-weight:400}.mistake-item{padding:1rem 0;border-bottom:1px solid var(--line);text-align:left}.mistake-item h3{font-size:1rem}.question-card>.primary{margin-top:1rem}.option:disabled{opacity:1}.option.wrong:after{content:"✗ Seçimin";grid-column:2;font-size:.8rem}.option.correct:after{content:"✓ Doğru cevap";grid-column:2;font-size:.8rem}.option{min-width:0}.question-meta{margin-bottom:1rem}.question-card .stimulus{font-size:.95rem}.result h1{font-size:2rem}.danger{color:#a21c1c}.storage-warning{background:#fff0cd;color:#704f00;margin:0;padding:1rem;text-align:center}#print-sheet{display:none}.mobile-section-menu{background:#17243a;color:white;border-radius:14px;margin-bottom:1rem;padding:.9rem}.mobile-section-menu summary{font-weight:800;cursor:pointer}.mobile-section-menu .menu-group{padding:.6rem 0}.mobile-section-menu .menu-group>p{margin-top:1rem}.topbar a:focus-visible,.card-link:focus-visible{outline:3px solid var(--brand2);outline-offset:3px}.path-card p{min-height:0}.hero:after{pointer-events:none}.quiz-shell .question-card{box-shadow:0 8px 25px #1924450a}
@media(min-width:861px){.mobile-section-menu{display:none}}
@media(max-width:980px){.grade-grid{grid-template-columns:1fr}.hero-aside{grid-template-columns:repeat(3,1fr)}.hero-metric strong{font-size:1.3rem}.topbar{gap:.5rem}.topbar nav{gap:0}.section-body .path-grid{grid-template-columns:1fr}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.topbar{flex-wrap:wrap;position:relative}.topbar .brand{flex:1}.topbar nav{margin-left:0}.nav-btn{font-size:.78rem;padding:.5rem}.hero h1{font-size:2.3rem}.hero-aside{grid-template-columns:1fr}.hero-metric{padding:.8rem}.hero-metric strong{font-size:1.5rem}.grade-card{padding:1.4rem;gap:1rem}.grade-number{font-size:3.5rem}.filterbar{flex-direction:column;align-items:stretch}.unit-grid,.word-grid,.activity-grid,.path-grid{grid-template-columns:1fr}.resume{align-items:flex-start;flex-direction:column}.unit-hero{padding:1rem;gap:.7rem}.unit-hero .big-icon{display:none}.unit-hero h1{font-size:1.5rem}.section-body{padding:1rem}.visual-table th,.visual-table td{padding:.5rem;font-size:.8rem}.quiz-top{align-items:flex-start}.quiz-top h1{font-size:1.2rem}.quiz-top .ghost{padding:.5rem}.question-card{padding:1rem}.stats-pill{display:none}.grade-card h2{font-size:1.7rem}.option{grid-template-columns:28px minmax(0,1fr);gap:.6rem;padding:.75rem}.option b{width:28px;height:28px}.hero-actions .primary,.hero-actions .ghost{width:100%;text-align:center}.unit-pager a{font-size:.8rem}}
@media print{body>*:not(#print-sheet){display:none!important}#print-sheet{display:block!important;color:#000;font:11pt/1.5 Arial,sans-serif;margin:0;padding:0}#print-sheet h1{font-size:18pt}#print-sheet h2{font-size:15pt}#print-sheet h3{font-size:11pt}.print-question{break-inside:avoid;border-bottom:1px solid #aaa;padding:.5rem 0}.print-question p{white-space:pre-line}.table-scroll{overflow:visible}.visual-table{border-collapse:collapse}.visual-table th,.visual-table td{border:1px solid #777;color:#000;background:white}.source-box{color:#333}@page{size:A4;margin:16mm}}
:root{--ink:#202742;--muted:#626779;--paper:#fff;--wash:#fffdf7;--line:#dce0e8;--brand:#4267f2;--brand2:#ff6d54;--gold:#ffd44b;--shadow:none;background:var(--wash)}.topbar .brand{flex-wrap:wrap;text-decoration:none;gap:20px}.topbar .brand img{width:210px;height:70px;object-fit:contain}.topbar .brand span{font-size:13px;font-weight:600}.panel{box-shadow:none;border-radius:16px}.table-scroll{max-width:100%;overflow-x:auto;touch-action:pan-x pan-y}.visual-table{min-width:700px}main{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.topbar .brand{gap:5px}.topbar .brand img{width:165px;height:55px}.topbar .brand span{width:100%}}