/* ============================================================
   1. Sınıf Öğretmenim — tasarım sistemi
   İlke: bu bir günlük kullanım aracı; süs değil netlik satar.
   Tek yazı ailesi, dar bir radius ölçeği, gölge yerine çizgi, tek ve amaçlı bir vurgu rengi (yeşil — tahta/kalem çağrışımı).
   ============================================================ */

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}button, input, select, textarea{font:inherit;color:inherit}h1, h2, h3{font-family:var(--font);font-weight:700;letter-spacing:-0.01em}nav{display:grid;gap:2px}/* ---------- topbar ---------- */
.main{margin-left:228px;min-height:100vh;padding:26px 4vw 60px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:18px}.eyebrow{font-size:11.5px;color:var(--muted)}.topbar h1{font-size:24px;margin:4px 0 0;font-weight:700}.search{background:var(--paper);border:1px solid var(--line);height:38px;border-radius:var(--radius-md);display:flex;align-items:center;padding:0 12px;min-width:300px}.search span{font-size:15px;color:var(--faint)}.search input{border:0;outline:0;width:100%;padding-left:8px;background:transparent;font-size:13px}/* ---------- generic building blocks ---------- */
.hero{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;gap:26px}.hero h2{font-size:21px;margin:6px 0 10px;font-weight:700}.hero p{color:var(--muted);max-width:600px;line-height:1.6;margin:0;font-size:13.5px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px}.section-head h2{font-size:16px;margin:0;font-weight:700}.section-head button{border:0;background:transparent;color:var(--accent-ink);cursor:pointer;font-size:12.5px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:15px}.subject{min-height:120px;cursor:pointer}.subject:hover{border-color:var(--line-strong)}.subject .icon{font-size:19px;margin-bottom:14px;color:var(--accent-ink)}.subject h3{margin:0 0 5px;font-size:14.5px;font-weight:700}.subject p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.tag{display:inline-flex;align-self:flex-start;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:10.5px;font-weight:600}.btn{border:1px solid var(--line);background:var(--paper);padding:7px 10px;border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:600;color:var(--ink)}.btn:hover{border-color:var(--line-strong)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-ink)}.btn.small{padding:6px 9px;font-size:11.5px}.list{display:grid;gap:8px}.plan-row{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px}.day{font-weight:700;font-size:13px}.lesson{border-left:2px solid var(--accent);padding-left:12px}.lesson strong{display:block;font-size:13.5px}.lesson span{color:var(--muted);font-size:11.5px}.detail{max-width:860px}.back{border:0;background:transparent;color:var(--accent-ink);padding:0;cursor:pointer;margin-bottom:16px;font-size:12.5px;font-weight:600}.detail h2{font-size:24px;margin:0 0 8px;font-weight:700}.detail .lead{color:var(--muted);line-height:1.65;font-size:13.5px}.pill{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 10px;font-size:11.5px;color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-lg);font-size:13px;line-height:1.7}.notice{margin:16px 0;padding:12px 14px;border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid #cfdccf;color:var(--accent-ink);font-size:12.5px;line-height:1.6}

@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.main{margin-left:0;padding:20px}.topbar{align-items:center}.search{min-width:0;width:45%}
}
@media(max-width:650px){.topbar{flex-wrap:wrap}.topbar>div:nth-child(2){width:calc(100% - 48px)}.search{order:3;width:100%}.topbar h1{font-size:20px}.hero{padding:18px;display:block}.grid{grid-template-columns:1fr}.plan-row{grid-template-columns:1fr;gap:4px}.main{padding:16px}
}/* ---------- ders defteri ---------- */
.diary-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.diary-head h2{font-size:22px;margin:6px 0 4px;font-weight:700}.diary-head p{color:var(--muted);margin:0;font-size:12.5px}.diary-actions{display:flex;gap:8px}.diary-actions select, .diary-row select, .diary-row input, .diary-row textarea{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);padding:8px;outline:0;font-size:12.5px}.diary-actions select:focus, .diary-row select:focus, .diary-row input:focus, .diary-row textarea:focus{border-color:var(--accent)}.diary-help{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:var(--radius-lg);padding:10px 12px;font-size:12px;margin-bottom:14px}.diary-grid{display:grid;gap:8px}.diary-row{display:grid;grid-template-columns:100px 170px 1fr;gap:8px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg)}.diary-meta span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
@media(max-width:900px){.diary-row{grid-template-columns:90px 1fr 1fr}.diary-head{display:block}.diary-actions{margin-top:12px}
}
@media(max-width:600px){.diary-row{grid-template-columns:1fr 1fr}.diary-meta{grid-column:1/-1}.diary-row input{grid-column:1/-1}.diary-actions select{width:100%}
}
@media print{.topbar, .diary-actions, .back{display:none!important}.main{margin:0;padding:0}.diary-row{break-inside:avoid}.diary-help{border:1px solid #ddd}
}.diary-suggestion{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:11px 13px;margin:11px 0;color:var(--ink);font-size:12px}.diary-suggestion span{color:var(--muted)}.diary-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 14px}/* ---------- yıllık plan ---------- */
.plan-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.plan-week{display:flex;flex-direction:column;gap:4px}.plan-week span{font-size:11.5px;color:var(--muted)}.plan-content p{margin:5px 0;font-size:13px}.plan-content small{color:var(--muted)}.plan-row.official{border-left:3px solid var(--accent)}.plan-row.missing{opacity:.65}.plan-row .plan-badge{display:inline-block;font-size:10px;margin-bottom:6px;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.ws-code-tag{display:inline-block;font-size:10.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace}.plan-week em{font-style:normal;font-size:11px;color:var(--muted)}
@media(max-width:760px){.plan-row{grid-template-columns:1fr}.plan-row .btn{width:100%}}/* ---------- ders programım ---------- */
.timetable-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.tt-day{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:13px}.tt-day h3{margin:0 0 10px;font-size:14px}.tt-day label{display:block;font-size:11px;color:var(--muted);margin:9px 0}.tt-day select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper)}
@media(max-width:900px){.timetable-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.timetable-grid{grid-template-columns:1fr}}/* ---------- öğrenciler / sade gelişim sayfası ---------- */
.student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px}.student-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:14px}.student-card h3{margin:0 0 3px;font-size:14px}.student-card p{margin:0;color:var(--muted);font-size:11.5px}.student-actions{display:flex;gap:6px;flex-wrap:wrap}.student-page-v16{max-width:1060px;margin:0 auto}.student-clean-head{margin-bottom:16px}.student-clean-head .back{margin-bottom:18px}.student-clean-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px}.student-clean-top h1{font-size:28px;line-height:1.15;margin:6px 0 5px;letter-spacing:-.025em}.student-clean-top p{margin:0;color:var(--muted);font-size:13px}.student-share-actions{display:flex;gap:8px;flex-wrap:wrap}.student-week-card{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:12px}.student-week-card>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.student-week-card strong{font-size:14px}.student-week-card span:last-child{color:var(--muted);font-size:12px}.student-week-kicker{font-size:10px!important;letter-spacing:.08em;color:var(--accent-ink)!important;font-weight:700}.student-week-card select{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);font-size:12px;min-width:235px;outline:0}.student-progress-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--accent-soft);border:1px solid #cfdccf;border-radius:var(--radius-lg);padding:11px 14px;margin-bottom:12px}.student-progress-summary>div:first-child{display:flex;align-items:baseline;gap:8px}.student-progress-summary strong{font-size:18px;color:var(--accent-ink)}.student-progress-summary span{font-size:11.5px;color:var(--muted)}.student-legend{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.student-legend>span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink)}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;border:1px solid var(--line-strong);background:#fff}.legend-dot.excellent{background:#d9eadc;border-color:#9fc2a5}.legend-dot.good{background:#e8edd9;border-color:#bdc9a0}.legend-dot.support{background:#f2e4cf;border-color:#d8b98d}.legend-dot.unseen{background:#ececea;border-color:#c8cac4}.student-outcomes{display:grid;gap:9px}.outcome-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:15px 16px;display:grid;grid-template-columns:190px minmax(0,1fr) 390px;gap:18px;align-items:center}.outcome-subject{align-self:start}.outcome-subject span{display:block;font-size:13.5px;font-weight:700}.outcome-subject small{display:block;color:var(--muted);font-size:10.5px;line-height:1.45;margin-top:4px}.outcome-main{border-left:1px solid var(--line);padding-left:18px}.outcome-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;margin-bottom:5px}.outcome-main p{margin:0;font-size:13px;line-height:1.55}.outcome-evaluation{border-left:1px solid var(--line);padding-left:18px}.outcome-evaluation>span{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;margin-bottom:7px}.student-rating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.rating-option{min-height:36px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 5px;cursor:pointer;font-size:10.5px;font-weight:600;color:var(--muted);transition:.12s ease}.rating-option:hover{border-color:var(--line-strong);transform:translateY(-1px)}.rating-option.selected{color:var(--ink);font-weight:700}.rating-option.selected.excellent{background:#d9eadc;border-color:#9fc2a5;color:#315b3c}.rating-option.selected.good{background:#e8edd9;border-color:#bdc9a0;color:#4c5d2d}.rating-option.selected.support{background:#f2e4cf;border-color:#d8b98d;color:#7a5528}.rating-option.selected.unseen{background:#ececea;border-color:#c8cac4;color:#60635d}.student-clean-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 2px 0;margin-top:4px;color:var(--muted);font-size:11px}.student-clean-footer .btn{flex:0 0 auto}

@media(max-width:1050px){.outcome-card{grid-template-columns:170px 1fr}.outcome-evaluation{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:12px 0 0}
}
@media(max-width:950px){.student-grid{grid-template-columns:1fr}.student-clean-top{align-items:flex-start;flex-direction:column}.student-share-actions{width:100%}.student-share-actions .btn{flex:1}
}
@media(max-width:650px){.student-clean-top h1{font-size:23px}.student-week-card{display:block}.student-week-card select{width:100%;margin-top:10px}.student-progress-summary{display:block}.student-legend{justify-content:flex-start;margin-top:9px}.outcome-card{grid-template-columns:1fr;gap:10px}.outcome-main{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.outcome-evaluation{grid-column:auto}.student-rating{grid-template-columns:1fr 1fr}.student-clean-footer{display:block}.student-clean-footer .btn{width:100%;margin-top:10px}.student-card{grid-template-columns:40px 1fr}.student-card .student-actions{grid-column:1/-1}
}

@media print{.topbar, .student-clean-head .back, .student-share-actions, .student-week-card select, .student-clean-footer .btn{display:none!important}.main{margin:0;padding:0}.student-page-v16{max-width:none}.student-clean-top{border-bottom:1px solid #ccc}.student-week-card{box-shadow:none}.outcome-card{break-inside:avoid}.rating-option{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}/* ---------- sınıf yönetimi / kaynak filtreleri ---------- */
.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 11px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sound-group{padding:11px 0;border-top:1px solid var(--line)}.sound-group:first-of-type{border-top:0}/* ---------- oyun merkezi ---------- */
.game-hero{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;display:grid;grid-template-columns:1.4fr .6fr;gap:18px;align-items:end;margin-bottom:16px}.game-hero h2{font-size:22px;line-height:1.25;margin:6px 0;font-weight:700}.game-hero p{color:var(--muted);max-width:680px;font-size:13px;line-height:1.6}.game-hero .btn{justify-self:end}.game-filter-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:8px;margin-bottom:11px}.game-filter-grid input, .game-filter-grid select{width:100%;padding:9px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);font-size:12.5px}.game-chips{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 16px}.game-chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:600}.game-chip:hover{border-color:var(--line-strong)}.game-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-card{display:flex;flex-direction:column;min-height:250px;position:relative;overflow:hidden;border-top:3px solid var(--gc-accent,#dfc9c9)!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,border-color .2s ease}.game-card:nth-child(6n+1){--gc-accent:#e5a7a1}.game-card:nth-child(6n+2){--gc-accent:#9dc8b3}.game-card:nth-child(6n+3){--gc-accent:#9bb9dd}.game-card:nth-child(6n+4){--gc-accent:#e0c17e}.game-card:nth-child(6n+5){--gc-accent:#b6a0d6}.game-card:nth-child(6n+6){--gc-accent:#8fc7c3}.game-card.game-card-v17{border-top:3px solid var(--gc-accent,#dfc9c9)!important}.game-card:hover{transform:translateY(-4px)}.game-card .tag{align-self:flex-start}.game-card h3{margin:6px 0;font-size:15px;font-weight:700}.game-card .game-goals{font-size:12.5px;color:var(--muted);line-height:1.5;flex:1}.game-modal{position:fixed;inset:0;background:rgba(20,22,19,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}.game-modal.open{display:flex}.game-sheet{background:var(--paper);border-radius:var(--radius-lg);width:min(900px,100%);max-height:90vh;overflow:auto;padding:24px;border:1px solid var(--line)}.game-prep{background:var(--bg);border-radius:var(--radius-md);padding:12px 14px;margin:14px 0}.game-prep h4{margin:0 0 6px;font-size:12.5px}.game-steps{margin:8px 0 0;padding-left:20px}.game-steps li{margin-bottom:7px;line-height:1.55;font-size:13px}.game-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.game-detail-grid>div{background:var(--bg);border-radius:var(--radius-md);padding:10px}.game-detail-grid b{display:block;font-size:10.5px;color:var(--muted);margin-bottom:3px;font-weight:600}.game-section{border-top:1px solid var(--line);padding:14px 0}.game-section h4{margin:0 0 6px;font-size:13px}.game-today-card{border:1px solid var(--line)}.game-today-card .btn{margin-top:9px}
@media(max-width:1000px){.game-grid{grid-template-columns:1fr 1fr}.game-filter-grid{grid-template-columns:1fr 1fr}.game-filter-grid input{grid-column:1/-1}.game-hero{grid-template-columns:1fr}.game-hero .btn{justify-self:start}
}
@media(max-width:650px){.game-grid, .game-filter-grid, .game-detail-grid{grid-template-columns:1fr}.game-sheet{padding:16px}.game-hero{padding:18px}.game-hero h2{font-size:19px}
}/* ---------- hikâye köşesi ---------- */
.story-hero{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;display:grid;grid-template-columns:1.4fr .6fr;gap:18px;align-items:end;margin-bottom:16px}.story-hero h2{font-size:22px;margin:6px 0;font-weight:700}.story-hero p{color:var(--muted);max-width:680px;line-height:1.6;font-size:13px}.story-hero .btn{justify-self:end}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-modal{position:fixed;inset:0;background:rgba(20,22,19,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:60}.story-sheet{background:var(--paper);width:min(820px,100%);max-height:92vh;overflow:auto;border-radius:var(--radius-lg);padding:26px;border:1px solid var(--line)}.story-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.story-text{font-size:15.5px;line-height:1.8;color:var(--ink);margin:0 0 15px}.story-pause{margin:18px 0 22px;padding:14px 16px;border:1px solid var(--line);background:var(--accent-soft);border-radius:var(--radius-lg)}.story-pause span{font-size:11px;font-weight:700;color:var(--accent-ink)}.story-pause h3{font-size:15.5px;margin:7px 0;font-weight:700}.story-pause p{font-size:12px;color:var(--muted);margin:0}.story-after{margin-top:20px;padding:15px;background:var(--bg);border-radius:var(--radius-lg)}.story-after h3{font-size:15px;margin:0 0 10px;font-weight:700}.after-item{padding:6px 0;font-size:13px;line-height:1.5}.story-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
@media(max-width:900px){.story-grid{grid-template-columns:1fr 1fr}.story-hero{grid-template-columns:1fr}.story-hero .btn{justify-self:start}
}
@media(max-width:620px){.story-grid{grid-template-columns:1fr}.story-sheet{padding:16px}.story-actions{justify-content:flex-start;margin-top:10px}.story-text{font-size:14.5px;line-height:1.7}
}/* ---------- çalışma kağıtları (bünye içi kaynaklar) ---------- */
.worksheet-card{display:flex;flex-direction:column;gap:9px}.worksheet-card h3{margin:0;font-size:14.5px;font-weight:700}.worksheet-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
@media print{.topbar, .back{display:none!important}.main{margin:0;padding:0}}/* ============================================================
   ZENGİN ETKİNLİK ATÖLYESİ
   Baskı odaklı, renkli ama temel yazı fontlu yeni çalışma sayfası sistemi.
   ============================================================ */
.worksheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.worksheet-card{border-top:4px solid var(--ws-color);min-height:245px}

@media(max-width:1000px){.worksheet-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.worksheet-grid{grid-template-columns:1fr}
}

@media print{
  @page{size:A4 portrait;margin:10mm}body{background:#fff}.topbar{display:none!important}.main{margin:0;padding:0}
}.story-control-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px;margin:12px 0}.story-search-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px}.story-search-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:0 10px}.story-search-wrap span{color:var(--faint)}.story-search-wrap input{border:0;outline:0;background:transparent;width:100%;padding:9px 7px;font-size:12.5px}.story-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-top:9px}.story-filter-grid label{font-size:10.5px;color:var(--muted);font-weight:700}.story-filter-grid select{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:8px;font-size:12px}.story-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.story-chip-row .game-chip{padding:6px 9px;font-size:11px}.story-reading-progress{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:11px 14px;margin:10px 0;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:14px}.story-reading-progress div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.story-reading-progress b{font-size:12px}.story-reading-progress span{font-size:11px;color:var(--muted)}.story-progress-track{height:6px;background:var(--bg);border-radius:999px;overflow:hidden}.story-progress-track i{display:block;height:100%;background:var(--accent);border-radius:999px}.story-featured{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--accent-soft);border:1px solid #cfdccf;border-radius:var(--radius-lg);padding:15px 17px;margin:10px 0}.story-featured h3{margin:5px 0;font-size:17px}.story-featured p{margin:0;color:var(--muted);font-size:12px;max-width:720px;line-height:1.55}.story-featured .tag{background:transparent;padding:0;color:var(--accent-ink);font-size:10px}.read-btn{border-color:#b9cbbd;background:#f7fbf7;color:var(--accent-ink)}.story-sheet-new{width:min(900px,100%);padding:0;overflow:hidden}.story-detail-cover{padding:26px 28px 22px;background:linear-gradient(135deg,#1c1e1a 0%,#2d3d31 100%);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.story-detail-eyebrow{display:block;font-size:9.5px;letter-spacing:.13em;opacity:.68;margin-bottom:10px}.story-detail-cover .tag{background:rgba(255,255,255,.12);color:#fff}.story-detail-cover h2{font-size:29px;margin:9px 0 4px}.story-detail-cover p{margin:0;color:rgba(255,255,255,.68);font-size:12px}.story-detail-mark{width:66px;height:66px;border:1px solid rgba(255,255,255,.22);border-radius:18px;display:grid;place-items:center;font-size:28px;flex:none}.story-detail-toolbar{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--paper)}.story-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.read-check{display:grid;grid-template-columns:24px 1fr;column-gap:9px;align-items:center;cursor:pointer}.read-check input{position:absolute;opacity:0;pointer-events:none}.read-check-box{width:24px;height:24px;border:1.5px solid var(--line-strong);border-radius:6px;display:grid;place-items:center;color:transparent;background:var(--paper);font-size:14px;font-weight:800}.read-check.checked .read-check-box{background:var(--accent);border-color:var(--accent);color:#fff}.read-check strong{font-size:12px;line-height:1.2}.read-check small{grid-column:2;color:var(--muted);font-size:9.5px}.story-reading-note{margin:18px 28px 0;padding:11px 13px;background:#f5f6f2;border-left:3px solid var(--accent);font-size:11.5px;color:var(--muted);line-height:1.55}.story-reading-note span{font-weight:800;color:var(--accent-ink);margin-right:7px;font-size:9.5px;letter-spacing:.08em}.story-text-wrap{padding:4px 42px 10px}.story-text-wrap .story-text{font-size:16px;line-height:1.9;margin:20px 0}.story-sheet-new .story-pause{margin:22px 0;padding:15px 17px;background:linear-gradient(90deg,#e9f0e8,#f6f8f4);border-left:3px solid var(--accent);border-top:0;border-right:0;border-bottom:0;border-radius:0}.story-sheet-new .story-pause span{font-size:9.5px;letter-spacing:.08em}.story-sheet-new .story-pause h3{font-size:15px;margin:6px 0}.story-sheet-new .story-pause p{font-size:11.5px}.story-after{margin:10px 28px 0;padding:18px;background:#f5f6f2;border-radius:var(--radius-lg)}.story-section-label{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:var(--accent-ink);margin-bottom:7px}.after-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid #e0e3dc}.after-item b{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);font-size:10px;flex:none}.after-item span{font-size:12.5px;line-height:1.55}.story-sheet-new .story-tags{padding:14px 28px}.story-detail-footer{padding:15px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fbfcfa}
@media(max-width:800px){.story-search-row{grid-template-columns:1fr 1fr}.story-search-wrap{grid-column:1/-1}.story-reading-progress{grid-template-columns:1fr}.story-featured{display:block}.story-featured .btn{margin-top:10px}.story-detail-toolbar{display:block}.story-actions{justify-content:flex-start;margin-top:10px}.story-text-wrap{padding:4px 24px}.story-detail-cover{padding:22px}.story-after{margin:10px 20px 0}.story-sheet-new .story-tags{padding:14px 20px}.story-detail-footer{padding:14px 20px}}
@media(max-width:560px){.story-filter-grid{grid-template-columns:1fr}.story-search-row{grid-template-columns:1fr}.story-search-row .btn{width:100%}.story-chip-row{display:none}.story-detail-cover h2{font-size:23px}.story-detail-mark{display:none}.story-text-wrap .story-text{font-size:14.5px;line-height:1.8}.story-detail-footer{display:block}.story-detail-footer .btn{width:100%;margin-top:10px}}/* ---------- v17: hikâye köşesi / oyun merkezi / öğrenci önerisi ---------- */
.story-hero-v17{background:linear-gradient(135deg,#fbfcf8 0%,#f2f5ef 100%);border-color:#dce4da;padding:25px 27px}.story-hero-v17 h2{font-size:28px;letter-spacing:-.025em;margin:5px 0}.story-hero-v17 p{font-size:13px;max-width:760px}.story-v17-stat{min-width:130px;text-align:right;border-left:1px solid #d8dfd5;padding-left:24px}.story-v17-stat strong{font-size:34px;line-height:1;display:block;color:var(--accent-ink)}.story-v17-stat span, .story-v17-stat em{display:block;font-size:11px;color:var(--muted);font-style:normal}.story-v17-stat em{font-weight:700;margin-top:5px}.story-filter-v17{grid-template-columns:repeat(6,minmax(0,1fr))}.story-grid-v17{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story-read-ribbon{position:absolute;top:13px;right:-32px;transform:rotate(4deg);background:#6e9577;color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.08em;padding:4px 34px;box-shadow:0 2px 5px rgba(0,0,0,.08)}.story-category-pill{font-size:9.5px;font-weight:750;letter-spacing:.03em;color:var(--accent-ink);background:#edf3ea;border:1px solid #dce7d9;padding:5px 8px;border-radius:999px}.story-fav-btn{border:0;background:transparent;color:#9ba297;font-size:19px;line-height:1;cursor:pointer;padding:2px 3px}.story-fav-btn.active{color:#6d8e73}.story-link-row{display:flex;gap:5px;flex-wrap:wrap;margin:11px 0 9px}.story-link-row span{font-size:9.5px;background:#f6f7f4;border:1px solid #e7eae4;border-radius:999px;padding:4px 7px;color:#697167}.story-featured-v17{background:linear-gradient(120deg,#eaf2e9,#f6f7f2);border-color:#cddbcc;padding:17px 19px}.story-feature-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.story-feature-meta span{font-size:9.5px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(130,151,131,.2);color:var(--accent-ink)}.story-lesson-map{margin:18px 28px 0;border:1px solid #dfe5dc;border-radius:14px;background:#fafbf8;overflow:hidden}.story-map-title{padding:11px 14px;border-bottom:1px solid #e4e8e1;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:var(--accent-ink);background:#f1f5ef}.story-map-grid{display:grid;grid-template-columns:1fr 1.7fr 1fr 1.5fr}.story-map-grid>div{padding:12px 13px;border-right:1px solid #e4e8e1}.story-map-grid>div:last-child{border-right:0}.story-map-grid span{display:block;font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.story-map-grid strong{display:block;font-size:11.5px;line-height:1.45}.story-map-grid small{display:block;font-size:9px;line-height:1.45;color:var(--muted);margin-top:5px}.story-activity-box{margin:0 13px 13px;padding:12px;background:#fff;border:1px solid #e6e9e3;border-radius:10px}.story-activity-box>b{font-size:10.5px}.story-activity-box ol{margin:7px 0 0;padding-left:19px}.story-activity-box li{font-size:11px;line-height:1.5;margin:4px 0;color:#5f665e}.story-detail-v17{background:linear-gradient(135deg,#20251f 0%,#354638 100%)}.story-detail-v17 .story-detail-mark{background:rgba(255,255,255,.07)}.game-card-v17{position:relative;overflow:hidden;padding:17px;min-height:260px;border-color:#e1e5df;background:linear-gradient(145deg,#fff 0%,#fafbf8 100%);transition:transform .16s ease,box-shadow .16s ease}.game-card-v17:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#dfe8dc}.game-card-v17:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(31,40,31,.07)}.game-card-badge{display:inline-flex;align-items:center;max-width:calc(100% - 40px);font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--accent-ink);background:#edf3ea;border:1px solid #dce7d9;border-radius:999px;padding:5px 8px}.game-card-symbol, .game-detail-symbol{width:38px;height:38px;border-radius:12px;background:#f0f4ed;color:var(--accent-ink);display:grid;place-items:center;font-size:19px}.game-card-symbol{position:absolute;top:14px;right:14px}.game-card-v17 h3{font-size:17px;margin:13px 0 7px}.game-card-v17 .game-goals{margin:7px 0 12px;line-height:1.5}.game-card-v17 .game-goals span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--faint);font-weight:800;margin-bottom:4px}.game-sheet-v17{padding:0;overflow:hidden;width:min(920px,100%)}.game-sheet.game-sheet-v17{max-height:calc(100vh - 48px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.game-detail-hero{position:relative;display:flex;align-items:flex-end;gap:14px;padding:24px 26px;background:linear-gradient(135deg,#f0f4ed,#fafbf8);border-bottom:1px solid #dfe5dc}.game-detail-hero>div:first-child{flex:1}.game-detail-hero .game-card-badge{margin-bottom:7px}.game-detail-hero h2{font-size:27px;margin:0 0 4px;letter-spacing:-.02em}.game-detail-hero p{font-size:11.5px;color:var(--muted);margin:0}.game-detail-hero .btn{align-self:flex-start}.game-detail-symbol{width:58px;height:58px;font-size:26px;border-radius:17px;flex:none}.game-sheet-v17>#gameDetail{padding:0 26px 22px}.game-sheet-v17 .game-detail-grid{margin:18px 0 4px}.game-sheet-v17 .game-section{padding:15px 0}.game-sheet-v17 .game-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink)}.game-sheet-v17 .game-steps{counter-reset:gameStep;list-style:none;padding:0;display:grid;gap:7px}.game-sheet-v17 .game-steps li{position:relative;padding:10px 12px 10px 40px;background:#f7f8f5;border:1px solid #e8ebe5;border-radius:9px;margin:0}.game-sheet-v17 .game-steps li:before{counter-increment:gameStep;content:counter(gameStep);position:absolute;left:11px;top:10px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e0e9dd;color:var(--accent-ink);font-size:10px;font-weight:800}.game-sheet-v17 .game-prep{border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:#f4f7f1}.student-recommendation-card{margin-top:13px;border:1px solid #dce5db;border-radius:14px;background:linear-gradient(135deg,#f4f7f1,#fbfcfa);padding:17px 19px}.student-recommendation-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.student-recommendation-head .eyebrow{margin:0}.student-recommendation-head h3{margin:3px 0 0;font-size:15px}.student-recommendation-mark{width:31px;height:31px;border-radius:10px;background:#e3ece1;color:var(--accent-ink);display:grid;place-items:center}.student-recommendation-card p{font-size:12.5px;line-height:1.7;margin:0;color:#454b45}.student-recommendation-card small{display:block;margin-top:9px;font-size:9.5px;color:var(--muted);line-height:1.45}
@media(max-width:1050px){.story-filter-v17{grid-template-columns:repeat(3,minmax(0,1fr))}.story-map-grid{grid-template-columns:1fr 1.5fr}.story-map-grid>div:nth-child(2){border-right:0}.story-map-grid>div:nth-child(-n+2){border-bottom:1px solid #e4e8e1}.story-map-grid>div:nth-child(3){border-bottom:1px solid #e4e8e1}}
@media(max-width:800px){.story-grid-v17{grid-template-columns:1fr 1fr}.story-filter-v17{grid-template-columns:1fr 1fr}.story-v17-stat{text-align:left;border-left:0;border-top:1px solid #d8dfd5;padding:12px 0 0;margin-top:14px}.story-hero-v17{display:block}.story-lesson-map{margin:14px 20px 0}.story-map-grid{grid-template-columns:1fr}.story-map-grid>div{border-right:0!important;border-bottom:1px solid #e4e8e1!important}.story-map-grid>div:last-child{border-bottom:0!important}.game-detail-hero{padding:20px}.game-sheet-v17>#gameDetail{padding:0 20px 20px}}
@media(max-width:620px){.story-grid-v17{grid-template-columns:1fr}.story-filter-v17{grid-template-columns:1fr}.story-detail-cover{padding:22px}.story-detail-v17 .story-detail-mark{display:none}.student-clean-top{display:block}.student-share-actions{margin-top:12px}.student-recommendation-card{padding:15px}.game-detail-hero h2{font-size:22px}.game-detail-symbol{display:none}}
@media print{.story-modal, .game-modal{position:static}.student-recommendation-card{break-inside:avoid}.story-read-ribbon{display:block}}/* V18: Öğrenci gelişim sayfası — eski öğrenci değerlendirme görünümünden bağımsız. */
.student-page-v16 .student-outcomes{ margin-top: 18px; }.student-page-v16 .outcome-card{ background: #fff; border: 1px solid #e5e8e4; border-radius: 18px; padding: 22px; margin-bottom: 12px; box-shadow: 0 5px 20px rgba(27,38,31,.035); }.student-page-v16 .outcome-subject span{ font-weight: 800; }.student-page-v16 .outcome-main p{ font-size: 16px; line-height: 1.65; margin: 7px 0 0; }.student-page-v16 .outcome-evaluation{ margin-top: 17px; padding-top: 15px; border-top: 1px solid #edf0ec; }.student-page-v16 .student-rating{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-top: 8px; }.student-page-v16 .rating-option{ border: 1px solid #dfe4df; background: #fafbf9; border-radius: 10px; padding: 10px 8px; font: inherit; font-weight: 700; cursor: pointer; transition: .16s ease; }.student-page-v16 .rating-option:hover{ transform: translateY(-1px); border-color: #b8c6bc; }.student-page-v16 .rating-option.selected.excellent{ background: #e4f2e8; border-color: #79a98a; color: #245c39; }.student-page-v16 .rating-option.selected.good{ background: #edf3e7; border-color: #a4b890; color: #49613d; }.student-page-v16 .rating-option.selected.support{ background: #fff1df; border-color: #dfb77a; color: #80571d; }.student-page-v16 .rating-option.selected.unseen{ background: #eef0f1; border-color: #b9c0c4; color: #5f686e; }.student-page-v16 .student-recommendation-card{ margin-top: 18px; background: #f5f7f4; border: 1px solid #e1e7e1; border-radius: 18px; padding: 24px; }.student-page-v16 .student-recommendation-card p{ line-height: 1.8; margin: 12px 0; }.student-page-v16 .student-progress-summary{ background: #fff; border: 1px solid #e5e8e4; border-radius: 16px; padding: 16px 18px; }
@media (max-width: 760px){.student-page-v16 .student-rating{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media print {.student-page-v16 .student-share-actions, .student-page-v16 .student-clean-footer button, .student-page-v16 .student-week-card select{ display:none!important; }.student-page-v16 .outcome-card{ break-inside: avoid; box-shadow:none; } }.story-read-ribbon{letter-spacing:.08em}.story-text{font-size:18px;line-height:1.9;margin:0 0 22px}.story-pause{margin:28px 0}.game-card-v17 .game-card-badge{font-size:11px}.game-detail-hero{position:relative;overflow:hidden}.game-detail-hero:after{content:'✦';position:absolute;right:28px;bottom:-18px;font-size:110px;opacity:.06}.game-sheet-v17 .game-section{border-radius:16px}.game-sheet-v17 .game-prep{border-radius:16px}/* ============================================================
   V20 — GÖRSEL ETKİNLİK ATÖLYESİ
   Çalışma sayfaları artık metin listesi değil{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media print{.topbar{display:none!important}.main{margin:0;padding:0}}/* V20 öğrenci: yalnızca evde anlamlı biçimde takip edilebilecek üç ders. */
.student-page-v16 .student-outcomes{margin-top:18px}.student-page-v16 .outcome-card{background:#fff;border:1px solid #e5e8e4;border-radius:18px;padding:22px;margin-bottom:12px;box-shadow:0 5px 20px rgba(27,38,31,.035)}.student-page-v16 .outcome-subject span{font-weight:800}.student-page-v16 .outcome-main p{font-size:16px;line-height:1.65;margin:7px 0 0}.student-page-v16 .outcome-evaluation{margin-top:17px;padding-top:15px;border-top:1px solid #edf0ec}.student-page-v16 .student-rating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.student-page-v16 .rating-option{border:1px solid #dfe4df;background:#fafbf9;border-radius:10px;padding:10px 8px;font:inherit;font-weight:700;cursor:pointer;transition:.16s ease}.student-page-v16 .rating-option.selected.excellent{background:#e4f2e8;border-color:#79a98a;color:#245c39}.student-page-v16 .rating-option.selected.good{background:#edf3e7;border-color:#a4b890;color:#49613d}.student-page-v16 .rating-option.selected.support{background:#fff1df;border-color:#dfb77a;color:#80571d}.student-page-v16 .rating-option.selected.unseen{background:#eef0f1;border-color:#b9c0c4;color:#5f686e}
@media(max-width:760px){.student-page-v16 .student-rating{grid-template-columns:repeat(2,minmax(0,1fr))}}/* V54 · aile odaklı rapor ve dokunmatik eğitsel oyunlar */
.family-report-preview{display:grid;gap:10px;margin:16px 0}.family-report-preview>div{display:grid;grid-template-columns:190px 1fr;gap:14px;padding:14px 16px;background:#fffdf9;border:1px solid #e9e2dc;border-radius:14px}.family-report-preview b{color:#623b3f}.family-report-preview span{white-space:pre-line;line-height:1.6;color:#514a47}.online-games-section{margin:0 0 26px;padding:22px;background:linear-gradient(135deg,#fff8f3,#f8efea);border:1px solid #eddcd2;border-radius:24px}.online-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.online-game-card{min-height:220px;padding:20px;background:rgba(255,255,255,.82);border:1px solid #eadbd4;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 28px rgba(91,55,55,.06)}.online-game-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#f2c8b8;color:#67383e;font-size:24px;font-weight:900;margin-bottom:18px}.online-game-card small{color:#9b675c;font-weight:800;letter-spacing:.03em}.online-game-card h3{margin:5px 0}.online-game-card p{color:var(--muted);line-height:1.55;flex:1}.online-game-sheet{position:relative;max-width:820px!important;max-height:calc(100vh - 32px);overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:24px!important}.online-close{position:absolute;right:16px;top:14px;z-index:4;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#643b41;font-size:28px;cursor:pointer}.online-stage-head{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 48px 18px 20px;margin:-24px -24px 18px;border-radius:24px 24px 0 0;background:linear-gradient(120deg,#ffe3d3,#ffd9e6,#fff0c2);overflow:hidden}.online-stage-head:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.35) 0 18px,transparent 18px 36px);pointer-events:none}.online-stage-head h2{font-size:28px;margin:3px 0;position:relative}.online-stage-head p{margin:0;color:#7a5a52;position:relative}.online-stage-head .eyebrow{position:relative}.target-letter{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:12px;background:#623b3f;color:#fff;font-size:24px}.online-score{min-width:72px;padding:10px;text-align:center;background:linear-gradient(160deg,#fff,#ffe9da);border:2px solid #fff;border-radius:15px;box-shadow:0 6px 16px rgba(150,80,60,.14);position:relative}.online-score b{display:block;font-size:26px;background:linear-gradient(120deg,#df665f,#e8973a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.online-score span{font-size:11px;text-transform:uppercase;color:#a67a63}.game-status{display:flex;justify-content:space-between;padding:8px 2px;color:#6d625d;font-weight:700}.balloon-field{height:min(55vh,440px);position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#cdeefc,#fef6e0 60%,#ffe9da);border:1px solid #dbe8e8}.letter-balloon{position:absolute;bottom:-90px;width:70px;height:84px;border:0;border-radius:50% 50% 48% 48%;background:#e79f8e;color:#fff;font-size:28px;font-weight:900;box-shadow:inset -8px -10px 0 rgba(94,47,47,.09),0 8px 18px rgba(80,50,50,.12);cursor:pointer;animation:balloonRise linear forwards}.letter-balloon:nth-child(5n){background:#7fa99b}.letter-balloon:nth-child(5n+1){background:#d2a858}.letter-balloon:nth-child(5n+2){background:#7ba8d8}.letter-balloon:nth-child(5n+3){background:#c48fd6}.letter-balloon:after{content:"";position:absolute;left:34px;top:82px;height:22px;border-left:1px solid #987}.online-feedback{min-height:44px;margin-top:12px;padding:12px;text-align:center;border-radius:13px;background:#f5f1ed;color:#615853;font-weight:700}.online-feedback.right{background:linear-gradient(120deg,#e8f3ea,#d7f0e0);color:#256044;box-shadow:0 4px 14px rgba(50,150,90,.12)}.online-feedback.wrong{background:linear-gradient(120deg,#fff0e1,#ffe6d2);color:#865426}.choice-game{min-height:360px;display:grid;align-content:center;justify-items:center;gap:24px;border-radius:22px;background:radial-gradient(circle at 20% 15%,#fef3e6,transparent 55%),radial-gradient(circle at 85% 85%,#e8f3ff,transparent 55%),#fffaf6;border:1px solid #eadfd8;padding:28px}.round-count{color:#a3684f;font-weight:800;background:#ffe9da;padding:5px 14px;border-radius:999px}.word-puzzle, .number-puzzle{font-size:clamp(42px,8vw,76px);font-weight:900;letter-spacing:.12em;color:#53353b;text-align:center}.number-puzzle{letter-spacing:.02em}.count-objects-row{font-size:clamp(30px,7vw,52px);line-height:1.3;text-align:center;max-width:520px;word-spacing:6px}.shape-puzzle{font-size:clamp(70px,16vw,130px);color:#df665f;text-align:center;line-height:1}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:12px;max-width:520px;width:100%}.answer-grid button{min-height:82px;height:auto;padding:10px 8px;border:2px solid #e3c8bc;border-radius:20px;background:white;color:#593941;font-size:clamp(15px,3.4vw,32px);line-height:1.15;white-space:normal;word-break:keep-all;overflow-wrap:break-word;font-weight:900;cursor:pointer;box-shadow:0 7px 0 #ead8d0}.answer-grid button:active{transform:translateY(5px);box-shadow:0 2px 0 #ead8d0}.game-finish{display:grid;gap:14px;place-items:center;margin:auto;height:100%;align-content:center}.game-finish b{font-size:44px;color:#623b3f}.game-finish span{color:#756a65}.game-open{overflow:hidden}@keyframes balloonRise{to{transform:translateY(-600px) rotate(5deg)}}/* ---------- oyun motoru: renkli butonlar, ses düğmesi, kutlama animasyonları ---------- */
.online-stage-tools{display:flex;align-items:center;gap:10px}.sound-toggle{width:44px;height:44px;border-radius:50%;border:1px solid #eadbd4;background:#fff;font-size:19px;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(91,55,55,.08);transition:transform .12s ease}.sound-toggle:active{transform:scale(.9)}.answer-grid button{background-image:linear-gradient(160deg,var(--ans-c1,#fff3ec),var(--ans-c2,#ffe3d3))!important;border-color:var(--ans-b,#f0c9b6)!important;transition:transform .12s ease,box-shadow .12s ease}.answer-grid button:hover{transform:translateY(-3px)}.answer-grid button:nth-child(6n+1){--ans-c1:#fff0f0;--ans-c2:#ffd9db;--ans-b:#f3b7ba}.answer-grid button:nth-child(6n+2){--ans-c1:#eefaf3;--ans-c2:#cdf0dc;--ans-b:#a9dcbe}.answer-grid button:nth-child(6n+3){--ans-c1:#eef5ff;--ans-c2:#d3e7ff;--ans-b:#aecdf2}.answer-grid button:nth-child(6n+4){--ans-c1:#fffaea;--ans-c2:#ffedb3;--ans-b:#eccf7c}.answer-grid button:nth-child(6n+5){--ans-c1:#f6efff;--ans-c2:#e5d4ff;--ans-b:#cbaef0}.answer-grid button:nth-child(6n+6){--ans-c1:#eafcfb;--ans-c2:#c9f3ef;--ans-b:#9bdcd6}.online-game-card:nth-child(7n+1) .online-game-icon{background:#f6c6c9}.online-game-card:nth-child(7n+2) .online-game-icon{background:#bfe8d2}.online-game-card:nth-child(7n+3) .online-game-icon{background:#bcd9f7}.online-game-card:nth-child(7n+4) .online-game-icon{background:#ffe3a3}.online-game-card:nth-child(7n+5) .online-game-icon{background:#dcc3f5}.online-game-card:nth-child(7n+6) .online-game-icon{background:#a9e6e0}.online-game-card:nth-child(7n+7) .online-game-icon{background:#f2c8b8}.confetti-particle{position:fixed;font-size:22px;pointer-events:none;z-index:9999;animation:confettiPop .85s ease-out forwards;left:0;top:0}@keyframes confettiPop{0%{transform:translate(0,0) scale(.4) rotate(0deg);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1.25) rotate(160deg);opacity:0}}@keyframes shakeOnce{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.shake-once{animation:shakeOnce .38s ease}@keyframes popOnce{0%{transform:scale(1)}35%{transform:scale(1.35)}100%{transform:scale(1)}}.online-score b.pop-once, .online-score .pop-once{animation:popOnce .32s ease}.game-finish{background:radial-gradient(circle at 50% 0%,#fff7e8,#fffaf6 65%);border-radius:20px;padding:20px}.game-finish b{font-size:48px;background:linear-gradient(120deg,#df665f,#f2bd4d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media(prefers-reduced-motion:reduce){.confetti-particle, .shake-once, .pop-once{animation:none!important}}
@media(max-width:760px){.family-report-preview>div{grid-template-columns:1fr;gap:5px}.online-games-section{padding:16px}.online-game-grid{grid-template-columns:1fr}.online-game-card{min-height:0}.online-game-sheet{padding:16px!important}.online-stage-head{align-items:flex-start}.online-stage-head h2{font-size:22px}.balloon-field{height:52vh}.answer-grid{grid-template-columns:repeat(3,minmax(70px,88px))}.choice-game{padding:18px;min-height:330px}}
@media(prefers-reduced-motion:reduce){.letter-balloon{animation-duration:14s!important}}/* Bütüncül değerlendirme, kalıcı ders programı ve dinleme arşivi */
.development-section{margin:22px 0;padding:22px;background:#fffaf6;border:1px solid #eadfd8;border-radius:22px}.development-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.development-section-head h2{margin:5px 0;font-size:1.35rem;color:#493337}.development-section-head p{margin:0;color:var(--muted)}.development-section-head>span{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#f5dfd5;color:#71454a;font-weight:800}.development-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.development-group{padding:16px;background:#fff;border:1px solid #eee3dc;border-radius:17px}.development-group h3{margin:0 0 12px;color:#623b3f;font-size:1rem}.development-row{padding:13px 0;border-top:1px solid #f0e8e2}.development-row:first-of-type{border-top:0;padding-top:0}.development-row p{margin:0 0 9px;line-height:1.5;color:#4e4744}.development-rating{grid-template-columns:repeat(2,minmax(0,1fr))!important}.development-rating .rating-option{font-size:.78rem;padding:9px 7px}.timetable-savebar{position:sticky;bottom:12px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:13px 16px;border:1px solid #e6d7cf;border-radius:16px;background:rgba(255,253,249,.95);box-shadow:0 12px 35px rgba(62,38,40,.12);backdrop-filter:blur(12px)}.timetable-savebar span{color:#5d5551;font-weight:700}.listening-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#fff7f2,#f6e8e2);border:1px solid #ead9d0}.listening-head h1{margin:5px 0}.listening-head p{margin:0;color:var(--muted)}.listening-count{display:grid;place-items:center;min-width:105px;padding:14px;border-radius:18px;background:#fff}.listening-count b{font-size:2rem;color:#623b3f}.listening-count span{font-size:.75rem;color:var(--muted)}.listening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.listening-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;background:#fff;border:1px solid #eadfd8;border-radius:18px}.listening-no{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#f4d5c8;color:#623b3f;font-weight:900}.listening-card small{color:#95685f;font-weight:800}.listening-card h3{margin:4px 0 8px;font-size:1rem}.listening-card p{display:inline;margin:0 12px 0 0;color:#6c625e;font-size:.82rem}.listening-card .btn:disabled{opacity:.6;cursor:wait}
@media(max-width:780px){.development-groups, .listening-grid{grid-template-columns:1fr}.development-section{padding:16px}.development-section-head, .listening-head{display:grid}.timetable-savebar{align-items:stretch;flex-direction:column}.timetable-savebar .btn{width:100%}.listening-card{grid-template-columns:auto 1fr}.listening-card .btn{grid-column:1/-1;width:100%}}.listening-tools{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:14px;align-items:end}.listening-tools label{display:grid;gap:6px;font-weight:800;color:#623b3f}.listening-tools input{min-height:46px;border:1px solid #decfc7;border-radius:13px;padding:0 14px;background:#fff;font:inherit}.listening-tools p{margin:0;padding:13px 15px;border-radius:14px;background:#f8f3ef;color:#665d59;line-height:1.5}.listening-card{grid-template-columns:auto 1fr}.listening-card h3{margin-bottom:10px}.listening-card audio{display:block;width:100%;height:36px;accent-color:#74474d}
@media(max-width:780px){.listening-tools{grid-template-columns:1fr}}
@media print{.student-page-v16 .student-share-actions, .student-page-v16 .student-clean-footer button, .student-page-v16 .student-week-card select{display:none!important}.student-page-v16 .outcome-card{break-inside:avoid;box-shadow:none}}/* ============================================================
   V21 — GİZEM ÖĞRETMEN / sıcak, samimi, bütüncül tasarım
   Görsel dil: sınıf, defter, pastel kâğıtlar, yumuşak kartlar.
   Amaç: her ekranın aynı ürünün parçası gibi hissettirmesi.
   ============================================================ */
html{background:var(--bg)}body{background:radial-gradient(circle at 92% 2%,#fff8ef 0,transparent 27%),var(--bg);color:var(--ink)}button, input, select, textarea{color:var(--ink)}button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button:active{transform:translateY(1px)}nav{gap:3px}/* Main / top bar */
.main{margin-left:252px;padding:24px 4.2vw 70px}.topbar{margin-bottom:24px;padding:0 0 17px;border-bottom:1px solid var(--line);align-items:center}.eyebrow{font-size:10.5px;color:var(--accent-ink);font-weight:750;letter-spacing:.08em;text-transform:uppercase}.topbar h1{font-size:25px;color:#3d342e;margin:5px 0 0;letter-spacing:-.03em}.search{height:42px;min-width:330px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.92);box-shadow:var(--shadow-sm)}.search:focus-within{border-color:#d9a18d;box-shadow:0 0 0 3px rgba(200,111,81,.10)}.search input{font-size:12.5px}/* Shared cards */
.hero, .card, .plan-row, .diary-row, .tt-day, .story-control-v17, .game-card-v17, .game-detail-hero, .game-detail-grid, .story-detail-v17, .student-week-card, .student-progress-summary, .student-recommendation-card, .outcome-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.hero{padding:26px 28px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf9 0%,#fff8ef 100%)}.hero:after{content:"";position:absolute;right:-34px;bottom:-70px;width:210px;height:210px;border-radius:50%;background:rgba(200,111,81,.07);pointer-events:none}.hero h2{font-size:23px;color:#493b33}.hero p, .lead{color:var(--muted)}.section-head{margin:30px 0 13px}.section-head h2{font-size:17px;color:#4a3c33}.section-head button{color:var(--accent-ink)}.grid{gap:14px}.card{padding:17px}.card:hover{border-color:#dbc6b6;box-shadow:var(--shadow);transform:translateY(-1px)}.subject{min-height:132px;position:relative;overflow:hidden}.subject:after{content:"";position:absolute;right:-26px;bottom:-30px;width:86px;height:86px;border-radius:50%;background:var(--accent-soft);opacity:.45}.subject .icon{font-size:21px;color:var(--accent);margin-bottom:12px}.subject h3{color:#473b34}.subject p{color:var(--muted)}.tag{background:var(--accent-soft);color:var(--accent-ink);padding:4px 9px;border-radius:999px}.btn{border-color:var(--line);background:#fffdf9;border-radius:11px;padding:8px 12px;box-shadow:0 1px 3px rgba(75,55,40,.04)}.btn:hover{border-color:#d7bca9;box-shadow:var(--shadow-sm)}.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 10px rgba(200,111,81,.18)}.btn.primary:hover{background:var(--accent-ink)}.notice{background:var(--sage-soft);border-color:#cbdcc9;color:#4c6650;border-radius:14px}.empty{background:rgba(255,253,249,.7);border-color:#dfd1c4;border-radius:16px}.pill{background:#fffaf4;border-color:var(--line);color:var(--muted)}/* Page heads */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 18px;padding:2px 0 2px}.page-head h2{font-size:25px!important;color:#44372f!important;margin:5px 0 6px!important;letter-spacing:-.03em}.page-head p{color:var(--muted);margin:0;font-size:12.5px}.back{color:var(--accent-ink);margin-bottom:12px}/* Plans / diary / timetable */
.plan-row, .diary-row, .tt-day{box-shadow:var(--shadow-sm)}.plan-row:hover, .diary-row:hover, .tt-day:hover{border-color:#dcc7b6;box-shadow:var(--shadow)}.lesson{border-left-color:var(--accent)}.plan-row.official{border-left-color:var(--sage)}.plan-row .plan-badge{background:var(--sage-soft);color:#55715a}.diary-actions select, .diary-row select, .diary-row input, .diary-row textarea, .tt-day select, .student-week-card select{border-color:var(--line);border-radius:11px;background:#fffdf9}.diary-actions select:focus, .diary-row select:focus, .diary-row input:focus, .diary-row textarea:focus, .tt-day select:focus, .student-week-card select:focus{border-color:#d7a28f;box-shadow:0 0 0 3px rgba(200,111,81,.09)}.diary-help{background:#fff7ed;border-color:#ecd9c9;border-radius:14px}.diary-suggestion{background:#f7eee4;border-color:#e8d9ca;border-radius:14px}/* Filters */
.filter-row, .story-filter-v17, .game-filter-grid{border-radius:16px}.chip{border:1px solid var(--line)!important;background:#fffdf9!important;color:var(--muted)!important;border-radius:999px!important;padding:7px 11px!important}.chip:hover{border-color:#d8b9a6!important;color:var(--accent-ink)!important}.chip.active{background:var(--accent-soft)!important;border-color:#e6b9a5!important;color:var(--accent-ink)!important;font-weight:750}/* Games */
.game-card-v17{padding:0!important;overflow:hidden;transition:.18s ease}.game-card-v17:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#dfc3b2}.game-card-symbol{background:linear-gradient(135deg,#f9e4d8,#fff6ed)!important;color:var(--accent-ink)!important;border-bottom:1px solid #eedbd0}.game-card-badge{background:var(--sage-soft)!important;color:#55715a!important}.game-chip{background:#fff5ea!important;border-color:#ead9c9!important;color:#806653!important}.game-detail-hero{background:linear-gradient(135deg,#fffdf9,#fff0e4)!important}.game-detail-symbol{background:#f7dfd1!important;color:var(--accent-ink)!important}.game-detail-grid>div, .game-section, .game-prep, .game-goals{border-radius:15px!important}.game-steps{counter-reset:step}.game-steps>*{background:#fffaf5!important;border:1px solid var(--line)!important;border-radius:12px!important}.game-sheet-v17{border-color:#dfd1c4!important;border-radius:18px!important;background:#fffdf9!important}.story-category-pill{background:#f7e2d5!important;color:#9f4f38!important;border-radius:999px!important}.story-read-ribbon{background:var(--sage)!important}.story-featured-v17, .story-detail-v17{background:linear-gradient(135deg,#fffdf9,#fff7ed)!important}.story-detail-cover{background:#f2dfd1!important;border-radius:18px!important}.story-detail-mark{background:var(--accent-soft)!important;color:var(--accent-ink)!important}.story-pause, .story-after, .story-activity-box, .story-reading-note{border-radius:15px!important}.story-pause{background:#f7eee3!important;border:1px solid #e8d9c9!important}.story-after{background:#edf2e9!important;border:1px solid #d4dfd0!important}.story-activity-box{background:#fff1e6!important;border:1px solid #ecd4c3!important}.story-reading-note{background:#f5eee7!important;border:1px solid #e5d8cb!important}.story-text{font-size:15px!important;line-height:1.9!important;color:#463b34!important}/* Students */
.student-card{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:17px!important;box-shadow:var(--shadow-sm)}.student-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.student-avatar{background:var(--accent-soft)!important;color:var(--accent-ink)!important}.student-clean-top{border-bottom-color:var(--line)!important}.student-progress-summary{background:var(--sage-soft)!important;border-color:#cfddcc!important}.student-progress-summary strong{color:#55715a!important}.outcome-card{padding:18px!important}.outcome-subject{color:var(--accent-ink)!important}.rating-option{border-color:var(--line)!important;background:#fffdf9!important;border-radius:12px!important}.rating-option.excellent{background:#e5efe3!important;border-color:#bfd2bb!important}.rating-option.good{background:#f0f0dd!important;border-color:#d5d4b3!important}.rating-option.support{background:#f9e8d6!important;border-color:#e7c8a9!important}.rating-option.unseen{background:#f1efeb!important;border-color:#ddd7cf!important}.student-recommendation-card{background:linear-gradient(135deg,#fff7ed,#edf2e9)!important}.student-recommendation-mark{background:var(--accent-soft)!important;color:var(--accent-ink)!important}/* Detail pages / modal sheets */
.detail{max-width:920px}.game-modal, .story-modal{background:rgba(57,45,37,.38)!important;backdrop-filter:blur(3px)}.game-sheet, .story-sheet, .story-sheet-new, .game-sheet-v17{background:#fffdf9!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(52,40,31,.18)!important}.meta{color:var(--muted)!important}/* A tiny, consistent brand cue on all main content pages */
.main:before{content:"Gizem Öğretmen'den";display:block;position:fixed;right:24px;bottom:18px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#b59f8e;opacity:.55;pointer-events:none;z-index:1}

@media(max-width:1000px){.main{margin-left:0}
}
@media(max-width:650px){.main{padding:17px 15px 55px}.topbar{padding-bottom:14px}.topbar h1{font-size:21px}.page-head{display:block}.page-head .btn, .page-head .diary-actions{margin-top:10px}.hero{padding:21px}.main:before{right:10px;bottom:8px}
}

@media print{.main:before{display:none!important}.hero, .card, .plan-row, .diary-row, .game-sheet-v17, .story-sheet-v17{box-shadow:none!important}
}/* ---------- V24: Ders Defteri — geniş dikdörtgen kayıt sistemi ---------- */
.diary-grid{display:flex;flex-direction:column;gap:12px;margin-top:14px}.diary-row-v24{display:block!important;padding:0!important;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 4px 16px rgba(70,45,30,.05)}.diary-row-v24 .diary-row-head{display:grid;grid-template-columns:145px minmax(210px,280px) auto;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,var(--accent-soft),rgba(255,255,255,.35));border-bottom:1px solid var(--line)}.diary-row-v24 .diary-meta{display:flex;align-items:baseline;gap:8px;min-width:0}.diary-row-v24 .diary-day{font-weight:750;color:var(--ink);font-size:13px}.diary-row-v24 .diary-meta strong{font-size:11px;color:var(--muted);font-weight:600}.diary-row-v24 select{width:100%;min-width:0;background:#fffdfa;padding:9px 11px;border-radius:10px}.diary-code{display:inline-flex;align-items:center;justify-content:center;justify-self:start;padding:6px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--accent-ink);white-space:nowrap}.diary-entry-box{padding:14px 16px 16px}.diary-entry-label{font-size:9px;letter-spacing:.13em;font-weight:800;color:var(--muted);margin-bottom:7px}.diary-row-v24 textarea{display:block;width:100%;min-height:78px;resize:vertical;box-sizing:border-box;border:1px solid var(--line);border-radius:13px;background:#fffdf9;padding:13px 14px;font:inherit;font-size:14px;line-height:1.55;color:var(--ink);outline:0}.diary-row-v24 textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.diary-plan-hint{margin-top:7px;font-size:10.5px;color:var(--muted)}
@media(max-width:900px){.diary-row-v24 .diary-row-head{grid-template-columns:1fr 1fr}.diary-row-v24 .diary-code{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){.diary-row-v24 .diary-row-head{grid-template-columns:1fr}.diary-row-v24 .diary-code{grid-column:auto}
}
@media print{.diary-row-v24{box-shadow:none}.diary-row-v24 .diary-row-head{background:#f7f7f7}.diary-row-v24 textarea{min-height:72px;border-color:#ccc}
}/* ---------- V25: Hikâye Köşesi kart hizası + okunabilir detay penceresi ---------- */
.story-grid-v17{align-items:stretch}/* Hikâye açıldığında tüm içerik gerçekten kaydırılabilir olsun. */
.story-modal{overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important;padding:24px 16px!important;-webkit-overflow-scrolling:touch!important}.story-sheet-new.story-sheet-v17{max-height:calc(100vh - 48px)!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.story-sheet-new.story-sheet-v17 .story-detail-cover{position:relative}.story-sheet-new.story-sheet-v17 .story-detail-toolbar{position:sticky;top:0;z-index:3}
@media(max-width:650px){.story-modal{padding:10px!important}.story-sheet-new.story-sheet-v17{max-height:calc(100vh - 20px)!important;border-radius:17px!important}.story-sheet-new.story-sheet-v17 .story-detail-toolbar{position:relative}
}/* V27 — veliye bilgi metni: uzun değerlendirmeleri okunaklı tut */
.student-recommendation-card > p{
  white-space: pre-line;
  line-height: 1.72;
}/* V28 — Haftalık gelişim raporu paylaşımı */
.student-share-actions .btn.primary{min-width:190px}.student-share-actions .btn{white-space:nowrap}
@media(max-width:620px){.student-share-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.student-share-actions .btn{min-width:0;width:100%}}/* V31 — Veli raporu: öğretmen notunu göndermeden önce düzenleme */
.teacher-note-modal{position:fixed;inset:0;z-index:100;background:rgba(57,45,37,.46);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.teacher-note-sheet{width:min(900px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;background:#fffdf9;border:1px solid #e4e6df;border-radius:24px;box-shadow:0 24px 70px rgba(42,38,32,.22);padding:28px}.teacher-note-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e6e8e2;padding-bottom:18px}.teacher-note-head h2{margin:5px 0 4px;font-size:25px;letter-spacing:-.02em;color:#292e29}.teacher-note-head p{margin:0;color:#737b73;font-size:12px}.teacher-note-close{width:38px;height:38px;border:1px solid #dfe3dc;background:#f5f6f2;border-radius:12px;font-size:24px;line-height:1;color:#59615a;cursor:pointer}.teacher-note-intro{margin:18px 0;padding:13px 15px;border-radius:14px;background:#f1f5ef;color:#59625a;font-size:12px;line-height:1.65}.teacher-note-label{display:block;margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#59645a}.teacher-note-textarea{display:block;width:100%;min-height:300px;resize:vertical;border:1px solid #d9ded7;border-radius:16px;background:#fff;color:#303630;padding:18px;font:500 14px/1.8 system-ui,-apple-system,sans-serif;outline:none;box-sizing:border-box}.teacher-note-textarea:focus{border-color:#9aac96;box-shadow:0 0 0 4px rgba(154,172,150,.13)}.teacher-note-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.teacher-note-count{font-size:10px;color:#899088}.teacher-note-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.teacher-note-modal{padding:8px}.teacher-note-sheet{padding:18px;border-radius:19px;max-height:calc(100vh - 16px)}.teacher-note-head h2{font-size:21px}.teacher-note-textarea{min-height:280px}.teacher-note-footer{display:block}.teacher-note-count{display:block;margin-bottom:10px}.teacher-note-actions{display:grid;grid-template-columns:1fr 1fr}.teacher-note-actions .btn:last-child{grid-column:1/-1}}/* V32 — öğretmen araçları */
.tool-week{min-width:230px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}.tool-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.tool-stat{display:flex;flex-direction:column;gap:5px}.tool-stat span{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}.tool-stat strong{font-size:28px;color:var(--ink)}.tool-stat small{color:var(--muted)}.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pulse-card{padding:18px}.pulse-card-head{display:flex;justify-content:space-between;gap:12px}.pulse-card h3{margin:7px 0 0;font-size:16px}.pulse-card-head>strong{color:var(--muted);font-size:13px}.pulse-bars{margin-top:18px;display:grid;gap:11px}.pulse-row{display:grid;grid-template-columns:92px 1fr 24px;gap:8px;align-items:center;font-size:11px}.pulse-row>div{height:8px;background:#eceee9;border-radius:20px;overflow:hidden}.pulse-fill{display:block;height:100%;border-radius:20px}.pulse-fill.excellent{background:#6f9076}.pulse-fill.good{background:#9caf91}.pulse-fill.support{background:#d6a264}.pulse-fill.unseen{background:#b9c0bc}.pulse-row b{font-size:11px;color:var(--muted)}.pulse-insight{margin-top:14px;padding:22px}.pulse-insight h2{margin:7px 0;font-size:22px}.pulse-insight p{max-width:850px;color:var(--muted);line-height:1.65}.assistant-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.assistant-chip{text-align:left;cursor:pointer;transition:.15s}.assistant-chip:hover{transform:translateY(-1px);border-color:#c5cdbf}.assistant-panel{padding:18px}.assistant-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:12px}.assistant-panel textarea, .note-compose textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--line);border-radius:15px;background:#fffdf9;padding:15px;font:inherit;outline:none}.assistant-panel textarea:focus, .note-compose textarea:focus{border-color:#b9c8b8;box-shadow:0 0 0 3px rgba(100,130,105,.08)}.assistant-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.assistant-result{margin-top:14px;padding:20px}.assistant-result-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.assistant-result-head h2{margin:5px 0 0}.assistant-block{border-top:1px solid var(--line);padding:14px 0}.assistant-block strong{font-size:14px}.assistant-block p{margin:7px 0 0;line-height:1.65;color:var(--muted)}.note-compose{padding:18px;margin-bottom:14px}.note-compose-grid{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:10px}.note-compose select, .note-compose input{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fffdf9}.note-tip{font-size:11px;color:var(--muted);margin-top:8px}.note-list{display:grid;gap:10px}.note-item{display:grid;grid-template-columns:180px 1fr auto;gap:15px;align-items:start}.note-item h3{margin:7px 0 0;font-size:15px}.note-item p{margin:0;line-height:1.6;color:#4d554e}.reminder-today{display:flex;justify-content:space-between;align-items:center;padding:17px;margin-bottom:14px}.reminder-today div{display:flex;align-items:center;gap:10px}.reminder-today strong{font-size:28px}.reminder-today span:last-child{color:var(--muted);font-size:12px}.reminder-list{display:grid;gap:9px}.reminder-item{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:13px 15px}.reminder-check{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fffdf9;cursor:pointer;font-size:17px}.reminder-item strong{display:block}.reminder-item small{display:block;color:var(--muted);margin-top:4px}.reminder-item.done{opacity:.55}.reminder-item.done strong{text-decoration:line-through}
@media(max-width:900px){.tool-stat-grid{grid-template-columns:repeat(2,1fr)}.pulse-grid{grid-template-columns:1fr}.assistant-quick{grid-template-columns:1fr}.note-item{grid-template-columns:1fr}.note-compose-grid{grid-template-columns:1fr}.tool-week{width:100%}}/* =========================================================
   V35 — Sidebar kaldırıldı. Navigasyon artık doğrudan üstte.
   Mobilde yatay kaydırılabilir sekmeler; masaüstünde aynı dil.
   ========================================================= */
body{background:#f4f5f2}.app-shell-head{max-width:1440px;margin:0 auto;padding:18px 4vw 0}.app-brand{display:flex;align-items:center;gap:11px;min-height:48px}.app-brand img{width:58px;height:58px;object-fit:contain;object-position:center bottom}.app-brand strong{display:block;font-size:14px;color:var(--ink);letter-spacing:-.01em}.app-brand span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}.main{margin-left:0;max-width:1440px;margin-right:auto;margin-left:auto;padding:8px 4vw 60px}.topbar{margin-bottom:0;padding:12px 0 15px;border-bottom:0}.topbar h1{font-size:23px}.main:before{display:none}
@media(max-width:900px){.search{min-width:0;width:42%}}
@media(max-width:650px){.app-shell-head{padding:11px 15px 0}.app-brand img{width:48px;height:48px}.app-brand strong{font-size:13px}.app-brand span{font-size:9.5px}.main{padding:3px 15px 45px}.topbar{padding:9px 0 11px;display:grid;grid-template-columns:1fr;gap:9px}.topbar>div:first-child{min-width:0}.topbar h1{font-size:20px}.search{width:100%;height:36px}}
@media print{.app-shell-head, .topbar{display:none!important}.main{margin:0;padding:0}}/* V36 — sade doğrudan navigasyon: mobilde kaydırma yok{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;padding:0 0 10px;margin-bottom:20px;border-bottom:1px solid var(--line);align-items:center}.login-card{
  width: min(420px, 100%);
  padding: 30px 30px 32px;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(80,65,50,.10);
  border-radius: 26px;
  box-shadow: 0 24px 70px rgba(58,46,35,.14);
}.login-error{ min-height:18px; color:#a33b35; font-size:12px; font-weight:700; text-align:center; }.app-shell[hidden]{ display:none !important; }
@media (max-width:480px) {.login-card{ padding:25px 21px 27px; border-radius:22px; }
}/* V40 — soft, minimal mobile-first refresh */
body{background:radial-gradient(circle at 10% 0,#fff 0,transparent 32%),linear-gradient(180deg,#faf9f6,#f3f5f1);color:var(--soft-ink)}.app-shell-head, .topbar, .card, .plan-row, .student-week-card, .student-progress-summary, .outcome-card{box-shadow:0 12px 40px rgba(48,63,53,.055)}.worksheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.worksheet-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:#fff;padding:18px;border-radius:22px;border:1px solid #e8ebe5}.worksheet-card h3{margin:4px 0 0;font-size:16px}.worksheet-card small{color:var(--soft-muted)}.student-photo, .student-avatar.photo{width:62px;height:62px;border-radius:22px;object-fit:cover}.student-photo-large{width:92px;height:92px;border-radius:30px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.09)}.student-photo-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.student-clean-top{align-items:center}.student-identity-flex{display:flex;align-items:center;gap:18px}
@media(max-width:760px){.main{padding:10px}.app-shell-head{margin:8px;border-radius:22px}.topbar{padding:10px 4px 8px;display:block}.topbar .search{margin-top:10px}.page-head{padding:14px 4px}.page-head h1{font-size:29px}.worksheet-grid{grid-template-columns:1fr 1fr}.worksheet-card{grid-template-columns:auto 1fr;padding:14px}.worksheet-card .btn{grid-column:1/-1;width:100%}.student-grid{grid-template-columns:1fr!important}.student-card{border-radius:24px!important}.student-clean-top{display:block}.student-identity-flex{margin-bottom:14px}.student-share-actions{display:grid;grid-template-columns:1fr 1fr}.outcome-card{border-radius:22px!important}.teacher-note-sheet{width:calc(100vw - 18px)!important;max-height:94vh!important;border-radius:26px!important}.teacher-note-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.teacher-note-actions .btn{width:100%}}
@media(max-width:430px){.worksheet-grid{grid-template-columns:1fr}.app-brand span{display:none}}/* V42 — ses yolu + mobil kamera */
.sound-path{display:grid;grid-template-columns:repeat(10,minmax(42px,1fr));gap:8px;margin:14px 0 20px}.sound-step{border:1px solid #e1e7e3;background:#fbfaf7;border-radius:16px;padding:9px 4px;color:#52645d;cursor:pointer}.sound-step b{display:block;font-size:17px}.sound-step small{font-size:9px;opacity:.55}.sound-step.active{background:#dfece5;border-color:#a9c3b6;color:#213a30;transform:translateY(-2px);box-shadow:0 8px 20px rgba(47,78,65,.10)}.camera-btn{background:#f7e7de!important;border-color:#ecd2c3!important}.worksheet-card p{font-size:11px;color:#7a8782;margin:5px 0 0}
@media(max-width:760px){.sound-path{grid-template-columns:repeat(6,1fr);gap:6px}.sound-step{border-radius:13px;padding:7px 2px}.sound-step b{font-size:15px}.student-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.student-actions .camera-btn{grid-column:1/-1}.student-card{padding:14px!important;border-radius:22px!important}.student-photo, .student-avatar.photo{width:54px;height:54px;border-radius:18px}}/* V44 — kitaplık */
.bookroom-head{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 4px 20px}.bookroom-head h1{font-size:34px;margin:5px 0}.bookroom-head p{max-width:600px;color:var(--muted);margin:0}.bookroom-badge{width:80px;height:80px;border-radius:27px;background:#f3e6de;display:grid;place-items:center;font-size:27px;font-weight:800}.bookroom-badge small{font-size:9px;margin-top:-20px}.bookroom-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.bookroom-tabs button{border:1px solid #e1e5df;background:#fff;border-radius:999px;padding:8px 14px}.bookroom-tabs button.active{background:#27352e;color:#fff}.bookroom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.realbook{position:relative;min-height:330px;border-radius:9px 22px 22px 9px;padding:22px 18px 17px 28px;overflow:hidden;box-shadow:0 18px 36px rgba(51,57,53,.10);display:flex;flex-direction:column}.realbook-spine{position:absolute;left:0;top:0;bottom:0;width:11px;background:rgba(40,40,40,.08);box-shadow:inset -1px 0 rgba(255,255,255,.5)}.realbook-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.realbook-top i{font-style:normal;opacity:.65}.realbook-symbol{font-size:54px;font-weight:800;letter-spacing:-.08em;margin:auto 0;color:rgba(35,47,40,.78)}.realbook-copy h2{font-size:21px;line-height:1.05;margin:0 0 7px;max-width:170px}.realbook-copy p{margin:0;font-size:12px}.realbook-foot{border-top:1px solid rgba(30,40,35,.12);margin-top:22px;padding-top:12px;display:grid;gap:8px}.realbook-foot span{font-size:9px;opacity:.6}.realbook-foot a{display:block;border:0;border-radius:11px;padding:10px;background:rgba(255,255,255,.62);font-size:11px;font-weight:800;color:#37413c;text-align:center;text-decoration:none}.realbook-foot a:hover, .realbook-foot a:focus-visible{background:#fff;transform:translateY(-1px)}.realbook.peach{background:#f2d8c9}.realbook.rose{background:#ead5d8}.realbook.sage{background:#d9e4d7}.realbook.blue{background:#d8e3ed}.realbook.lilac{background:#e3dced}.realbook.sand{background:#ece2ca}.realbook.sky{background:#d7e7ea}.bookroom-note{margin-top:22px;padding:15px 18px;border-radius:18px;background:#f6f4ef;display:grid;gap:4px}.bookroom-note span{font-size:12px;color:#6c746f;line-height:1.5}.realbook-foot button{border:0;border-radius:11px;padding:10px;background:rgba(255,255,255,.62);font:800 11px/1.2 inherit;color:#37413c;text-align:center;cursor:pointer}.realbook-foot button:hover, .realbook-foot button:focus-visible{background:#fff;transform:translateY(-1px)}/* V44 — öğrenci fotoğrafını görünür kıl */
.student-card .student-actions{align-items:center}.student-card .camera-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;font-weight:700!important}.student-photo, .student-avatar{width:52px!important;height:52px!important;border-radius:17px!important;object-fit:cover}.student-photo-tools{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:9px!important}
@media(max-width:760px){.bookroom-head{align-items:flex-start}.bookroom-badge{width:64px;height:64px;border-radius:22px}.bookroom-grid{grid-template-columns:1fr 1fr;gap:11px}.realbook{min-height:250px;padding:16px 12px 13px 22px;border-radius:7px 17px 17px 7px}.realbook-symbol{font-size:39px}.realbook-copy h2{font-size:16px}.realbook-foot button{font-size:9px}.student-actions{grid-template-columns:1fr!important}.student-actions .btn{width:100%!important}.student-card{grid-template-columns:58px 1fr!important}.student-card .student-actions{grid-column:1/-1!important}}/* V45 · çocuk dostu etkinlik kütüphanesi */
.kids-hero{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;border-radius:30px;background:linear-gradient(120deg,#fff8f4,#f2f8f5 55%,#f3f1fb);border:1px solid #ece8e1;margin:6px 0 18px;overflow:hidden}.kids-hero h1{font-size:38px;margin:5px 0 7px}.kids-hero p{max-width:650px;margin:0;color:#6f7a74;line-height:1.55}.kids-hero-art{width:120px;height:90px;border-radius:30px;background:#f7dfd3;display:grid;place-items:center;font-size:38px;transform:rotate(2deg)}.kids-hero-art span{font-size:12px;font-weight:900;margin-top:-26px}.sound-studio{background:#fff;border:1px solid #e8ebe7;border-radius:28px;padding:20px 22px}.sound-studio-head{display:flex;justify-content:space-between;align-items:center}.sound-studio-head h2{margin:0;font-size:21px}.sound-studio-head p{margin:4px 0 0;font-size:11px;color:#7b8580}.sound-studio-head>span{font-size:11px;background:#fff1d9;padding:10px 13px;border-radius:14px}.sound-path.kids{grid-template-columns:repeat(15,1fr);margin:15px 0 0}.sound-path.kids .sound-step{border-radius:50%;aspect-ratio:1;padding:0;display:grid;place-items:center;background:#f5f8f6}.sound-path.kids .sound-step b{font-size:15px}.sound-path.kids .sound-step small{display:none}.sound-path.kids .sound-step.active{background:#f8d7d6;border-color:#efbdbb;color:#7a3837}.sound-banner{display:grid;grid-template-columns:105px 1fr 150px;align-items:center;gap:18px;margin:18px 0;padding:22px 25px;border-radius:28px;background:linear-gradient(110deg,#e5f4f0,#e9f1fa 60%,#fff1df)}.letter-bubble{width:86px;height:86px;border:7px solid rgba(255,255,255,.75);border-radius:50%;display:grid;place-items:center;font-size:43px;font-weight:800;background:#fff;box-shadow:0 8px 20px rgba(54,77,68,.08)}.letter-bubble small{font-size:20px;margin-top:-30px;margin-left:42px}.sound-banner h2{margin:4px 0;font-size:25px}.sound-banner p{margin:0;color:#6d7c75;font-size:12px}.banner-mascot{text-align:center;font-size:36px}.banner-mascot small{display:block;font-size:10px;background:#ffe4c8;padding:8px;border-radius:12px}.source-pdfs{margin-top:22px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-title h2{margin:3px 0}.section-title>span{font-size:11px;background:#f2f5f2;padding:7px 10px;border-radius:999px}/* V45 · öğrenci fotoğraf alanı */
.student-photo-tools{background:#f8f4ed;padding:8px;border-radius:14px}.student-photo-tools .photo-camera{background:#e2efe8!important;border-color:#cfe1d7!important}.student-photo-tools .photo-gallery{background:#e8edf7!important;border-color:#d7deec!important}
@media(max-width:760px){.kids-hero{padding:20px;border-radius:24px}.kids-hero h1{font-size:30px}.kids-hero-art{display:none}.sound-path.kids{grid-template-columns:repeat(8,1fr)}.sound-banner{grid-template-columns:70px 1fr;padding:17px}.letter-bubble{width:58px;height:58px;font-size:30px;border-width:4px}.letter-bubble small{font-size:14px;margin-top:-22px;margin-left:28px}.banner-mascot{display:none}.sound-studio-head>span{display:none}}.worksheet-sound-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.worksheet-sound-group{min-width:0;padding:15px;border:1px solid #eee5df;border-radius:20px;background:#fffaf7}.worksheet-sound-group:nth-child(2){background:#f6f8f2}.worksheet-sound-group>strong{display:block;font-size:14px;color:var(--ink);margin-bottom:10px}.worksheet-sound-group .sound-path.kids{grid-template-columns:repeat(6,1fr);gap:8px;margin:0}
@media(max-width:760px){.worksheet-sound-groups{grid-template-columns:1fr;gap:10px}.worksheet-sound-group{padding:13px}.worksheet-sound-group .sound-path.kids{grid-template-columns:repeat(6,1fr)}.worksheet-sound-group .sound-step{min-height:44px}.source-pdfs .section-title{align-items:center}.worksheet-card h3{font-size:15px}}/* V46 — TTKB Dik Temel Abece: öğrenciye dönük harf/ses içeriği */
@font-face{font-family:'TTKBDikTemel';src:url('assets/fonts/TTKBDikTemelAbeceUni.ttf') format('truetype');font-display:swap}@font-face{font-family:'TTKBDikTemel';src:url('assets/fonts/TTKBDikTemelAbece-Bold.ttf') format('truetype');font-weight:700;font-display:swap}.sound-banner .letter-bubble, .sound-path.kids .sound-step b{font-family:'TTKBDikTemel',sans-serif}/* V48 — öğrenci fotoğrafı görünürlüğü + kompakt mobil tab bar */
.student-profile-v48{display:flex!important;align-items:center!important;gap:18px!important}.student-photo-v48{position:relative;flex:0 0 auto}.student-photo-v48 .student-photo-large, .student-photo-v48 .student-avatar{display:grid!important;width:96px!important;height:96px!important;border-radius:30px!important;object-fit:cover!important;background:linear-gradient(145deg,#e7f1ea,#f8e9df)!important;place-items:center!important;font-size:34px!important;color:#547064!important;border:3px solid #fff!important;box-shadow:0 10px 28px rgba(52,67,59,.12)!important}.student-camera-badge{position:absolute;right:-5px;bottom:-5px;width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#cf704f;color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(87,55,42,.18);cursor:pointer}.student-profile-copy{min-width:0;flex:1}.student-photo-tools-v48{background:transparent!important;padding:0!important;margin-top:12px!important}.student-photo-tools-v48 .btn{min-height:40px;border-radius:13px!important;padding:9px 13px!important}.student-photo-tools-v48 .photo-camera{background:#dfeee6!important;color:#315b48!important}.student-photo-tools-v48 .photo-gallery{background:#e7edf7!important;color:#405a78!important}.student-photo-tools-v48 .photo-remove{background:#f8e7e3!important;color:#914d42!important}
@media(max-width:760px){body{padding-bottom:82px!important}.main{padding-bottom:92px!important}.student-clean-top{display:block!important}.student-profile-v48{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;margin-bottom:16px!important}.student-photo-v48 .student-photo-large, .student-photo-v48 .student-avatar{width:82px!important;height:82px!important;border-radius:25px!important;font-size:29px!important}.student-camera-badge{width:33px;height:33px}.student-profile-copy h1{font-size:25px!important;margin-top:4px!important}.student-profile-copy p{font-size:12px!important}.student-photo-tools-v48{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}.student-photo-tools-v48 .btn{width:100%!important;font-size:11px!important}.student-photo-tools-v48 .photo-remove{grid-column:1/-1!important}.student-share-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.student-share-actions .btn{font-size:11px!important;padding:11px 7px!important}
}/* V51 — öğrenci fotoğrafı görünür ve mobil öncelikli */
.student-profile-v48{padding:14px!important;border:1px solid #eadfd2!important;border-radius:24px!important;background:#fffdf9!important}.student-photo-tools-v48{display:flex!important;visibility:visible!important;opacity:1!important;gap:8px!important;margin-top:12px!important}.student-photo-tools-v48 button{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important}
@media(max-width:760px){.student-profile-v48{grid-template-columns:76px minmax(0,1fr)!important;padding:12px!important;border-radius:20px!important}.student-photo-v48 .student-photo-large, .student-photo-v48 .student-avatar{width:72px!important;height:72px!important;border-radius:22px!important}.student-photo-tools-v48{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.student-photo-tools-v48 .btn{min-height:46px!important;font-size:14px!important;font-weight:800!important}.student-photo-tools-v48 .photo-remove{grid-column:1/-1!important}
}/* =========================================================
   V53 · Gizem Öğretmen'in özgün masa arayüzü
   ========================================================= */
html{background:#eee5de;scroll-behavior:smooth}body{
  min-width:320px;
  background:
    radial-gradient(circle at 9% 2%,rgba(255,255,255,.88),transparent 28rem),
    radial-gradient(circle at 92% 8%,rgba(189,111,103,.10),transparent 25rem),
    linear-gradient(180deg,#f7f1ec 0,#f2ebe4 54%,#eee7e1 100%);
  color:var(--ink);
  font-family:var(--font);
}body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.2;
  background-image:linear-gradient(rgba(80,59,53,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,59,53,.045) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(120deg,#000,transparent 65%);
}button, a, input, select, textarea{-webkit-tap-highlight-color:transparent}button{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}button:active{transform:scale(.985)}:focus-visible{outline:3px solid rgba(189,111,103,.42)!important;outline-offset:3px!important}::selection{background:#edc9c4;color:#4b302f}.app-shell-head{
  max-width:1360px!important;margin:0 auto!important;padding:16px clamp(18px,4vw,54px) 0!important;
}.app-head-inner{
  position:relative;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:10px 16px 10px 12px;border:1px solid rgba(207,187,176,.72);border-radius:26px;
  background:rgba(255,253,249,.78);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:0 8px 30px rgba(72,52,47,.055);
}.app-brand{gap:13px!important;min-height:56px!important}.app-brand img{width:66px!important;height:58px!important;filter:drop-shadow(0 8px 9px rgba(74,47,40,.10))}.app-brand small{display:block;margin-bottom:2px;color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.18em}.app-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:19px!important;font-weight:600!important;letter-spacing:-.025em!important;color:var(--ink)!important}.app-brand span{font-size:10px!important;color:var(--muted)!important}.main{max-width:1360px!important;padding:8px clamp(18px,4vw,54px) 72px!important}.topbar{padding:17px 2px 13px!important;align-items:center!important}.topbar .eyebrow{font-size:9px!important;font-weight:750;letter-spacing:.08em;color:var(--accent)!important;text-transform:uppercase}.topbar h1{font-family:Georgia,"Times New Roman",serif;font-size:25px!important;font-weight:600!important;color:var(--ink)!important}.search{height:44px!important;min-width:min(350px,34vw)!important;border:1px solid var(--line)!important;border-radius:15px!important;background:rgba(255,253,249,.84)!important;box-shadow:0 5px 18px rgba(72,52,47,.04)}.search:focus-within{border-color:#cb9993!important;box-shadow:0 0 0 4px rgba(189,111,103,.10)!important}.search span{color:var(--accent)!important}.search input{font-size:12px!important}.card, .plan-row, .student-week-card, .student-progress-summary, .outcome-card, .tool-stat, .assistant-panel, .note-compose, .note-item, .reminder-item{
  border-color:var(--line)!important;background:rgba(255,253,249,.92)!important;box-shadow:var(--shadow-card)!important;
}.card{border-radius:20px!important}.btn{min-height:40px;border-color:var(--line)!important;border-radius:12px!important;background:#fffaf6!important}.btn.primary{border-color:var(--accent)!important;background:var(--accent)!important}.btn.primary:hover{background:var(--accent-ink)!important}.page-head h1, .diary-head h2, .bookroom-head h1, .kids-hero h1{font-family:Georgia,"Times New Roman",serif!important;color:var(--ink)!important;letter-spacing:-.035em!important}.page-head{border-radius:24px!important}.eyebrow{color:var(--accent)!important}.login-card{width:min(455px,100%)!important;padding:32px 38px 36px!important;border:1px solid rgba(143,103,94,.18)!important;border-radius:32px!important;background:rgba(255,253,249,.91)!important;box-shadow:0 28px 85px rgba(67,47,42,.15)!important;backdrop-filter:blur(20px)}/* Özgün ana ekran */
.home53-hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);align-items:center;gap:28px;
  min-height:370px;overflow:hidden;padding:42px clamp(30px,5vw,66px);border:1px solid #dfcfc6;border-radius:34px;
  background:linear-gradient(115deg,#fffaf5 0%,#f7e6df 52%,#efd6d0 100%);box-shadow:var(--shadow-soft);
}.home53-hero:before{content:"";position:absolute;inset:auto -7% -58% 43%;height:125%;border:1px solid rgba(120,67,61,.12);border-radius:50%;z-index:-1}.home53-hero:after{content:"";position:absolute;width:190px;height:70px;left:36%;bottom:18px;border-bottom:2px dashed rgba(189,111,103,.28);border-radius:50%;transform:rotate(-7deg);z-index:-1}.home53-hero-copy{position:relative;z-index:2}.home53-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent-ink);font-size:9px;font-weight:850;letter-spacing:.18em}.home53-kicker i{width:28px;height:1px;background:var(--accent)}.home53-hero h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:.93;letter-spacing:-.055em;color:var(--ink)}.home53-hero h2 em{color:var(--accent);font-weight:500}.home53-hero p{max-width:590px;margin:24px 0 0;color:#6f605d;font-size:13.5px;line-height:1.75}.home53-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.home53-hero-actions button{min-height:50px;border-radius:999px;padding:0 21px;font-size:11px;font-weight:780;cursor:pointer}.home53-primary{border:1px solid var(--desk);background:var(--desk);color:#fff}.home53-primary span{display:inline-block;margin-left:14px;transition:transform .2s ease}.home53-primary:hover span{transform:translateX(4px)}.home53-secondary{border:1px solid rgba(101,71,65,.23);background:rgba(255,255,255,.52);color:var(--ink)}.home53-portrait-wrap{position:relative;min-height:290px;display:grid;place-items:center}.home53-portrait{position:relative;width:min(310px,82%);aspect-ratio:1;border:1px solid rgba(119,73,66,.18);border-radius:50%;background:rgba(255,255,255,.35);display:grid;place-items:center}.home53-portrait:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(119,73,66,.19);border-radius:50%}.home53-portrait img{position:relative;z-index:2;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 18px 19px rgba(92,54,47,.13))}.home53-orbit{position:absolute;inset:-12px;border:1px solid rgba(189,111,103,.15);border-radius:48% 52% 45% 55%;transform:rotate(12deg)}.home53-date{position:absolute;z-index:4;left:0;top:22px;display:grid;gap:1px;padding:11px 15px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(255,253,249,.72);box-shadow:0 10px 30px rgba(76,47,42,.08);backdrop-filter:blur(12px)}.home53-date strong{font-family:Georgia,serif;font-size:17px}.home53-date span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.home53-handnote{position:absolute;right:-4px;bottom:20px;z-index:4;padding:9px 12px;border-radius:12px;background:#fff7df;color:#6f6045;font-family:Georgia,serif;font-size:12px;font-style:italic;transform:rotate(-3deg);box-shadow:0 8px 20px rgba(85,60,48,.08)}.home53-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 18px}.home53-stats button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:13px;min-height:88px;padding:15px 17px;text-align:left;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,249,.87);box-shadow:var(--shadow-card);cursor:pointer}.home53-stats button:hover{transform:translateY(-2px);border-color:var(--line-strong)}.home53-stats span{grid-column:2;color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.16em}.home53-stats strong{grid-row:1/3;align-self:center;font-family:Georgia,serif;font-size:31px;font-weight:500;color:var(--ink)}.home53-stats small{grid-column:2;color:var(--muted);font-size:10px}.home53-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:13px}.home53-desk-card, .home53-today{border:1px solid var(--line);border-radius:27px;background:rgba(255,253,249,.89);box-shadow:var(--shadow-card)}.home53-desk-card{padding:22px}.home53-today{padding:22px;background:linear-gradient(155deg,#333032,#292527);color:#f8efea;border-color:#363032}.home53-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.home53-section-head span{display:block;margin-bottom:3px;color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.16em}.home53-section-head h3{margin:0;font-family:Georgia,serif;font-size:20px;font-weight:500}.home53-section-head>b{color:var(--muted);font-size:9px;font-weight:650}.home53-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.home53-tool{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;min-height:78px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:17px;background:#fffdfa;color:var(--ink);cursor:pointer}.home53-tool:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(71,51,46,.07)}.home53-tool-no{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent-ink);font-size:9px;font-weight:850}.home53-tool.sage .home53-tool-no{background:#e1ece6;color:#47685a}.home53-tool.blue .home53-tool-no{background:#e4ebf1;color:#536c82}.home53-tool.sand .home53-tool-no{background:#f3ead8;color:#7d6843}.home53-tool.lilac .home53-tool-no{background:#ebe6ef;color:#675b77}.home53-tool.rose .home53-tool-no{background:#f2e2e6;color:#845560}.home53-tool strong, .home53-tool small{display:block}.home53-tool strong{font-size:11.5px}.home53-tool small{margin-top:3px;color:var(--muted);font-size:9.5px}.home53-tool i{color:var(--faint);font-style:normal}.home53-today .home53-section-head span{color:#d9aaa4}.home53-today .home53-section-head h3{color:#fff}.home53-today>button{width:100%;display:grid;grid-template-columns:34px 1fr 14px;align-items:center;gap:10px;min-height:61px;padding:9px 0;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.09);background:transparent;color:#fff;cursor:pointer}.home53-today>button>i{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.08);color:#e5b9b4;font-style:normal}.home53-today>button strong, .home53-today>button small{display:block}.home53-today>button strong{font-size:10.5px}.home53-today>button small{margin-top:2px;color:#aaa0a1;font-size:8.5px}.home53-today>button>b{color:#897f80}.home53-quote{margin-top:17px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#cbbfc0;background:rgba(255,255,255,.035);font-family:Georgia,serif;font-size:11.5px;font-style:italic;line-height:1.55}

@media(max-width:1000px){.home53-hero{grid-template-columns:1.12fr .88fr;padding:35px}.home53-stats{grid-template-columns:repeat(2,1fr)}.home53-workspace{grid-template-columns:1fr}.home53-today{display:grid;grid-template-columns:repeat(3,1fr);gap:0 13px}.home53-today .home53-section-head, .home53-quote{grid-column:1/-1}.home53-today>button{min-width:0}
}

@media(max-width:760px){body{padding-bottom:94px!important;background:linear-gradient(180deg,#f8f2ed,#eee7e1)!important}body:before{background-size:28px 28px;mask-image:linear-gradient(#000,transparent 62%)}.app-shell-head{padding:8px 10px 0!important}.app-head-inner{min-height:63px;padding:7px 10px;border-radius:20px}.app-brand{gap:8px!important}.app-brand img{width:48px!important;height:45px!important}.app-brand small{font-size:6.5px}.app-brand strong{font-size:15px!important}.app-brand span{display:none!important}.main{padding:3px 12px 104px!important}.topbar{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:11px 2px 12px!important}.topbar h1{font-size:21px!important}.search{width:100%!important;min-width:0!important;height:43px!important;border-radius:14px!important}.home53-hero{display:block;min-height:0;padding:30px 22px 18px;border-radius:27px}.home53-hero:before{inset:auto -34% -35% 31%;height:73%}.home53-hero:after{display:none}.home53-hero h2{font-size:clamp(40px,13vw,58px)}.home53-hero p{margin-top:18px;font-size:12px;line-height:1.65}.home53-hero-actions{margin-top:21px}.home53-hero-actions button{min-height:47px}.home53-portrait-wrap{min-height:205px;margin-top:8px}.home53-portrait{width:205px}.home53-date{left:4px;top:28px;padding:9px 11px}.home53-handnote{right:0;bottom:13px;font-size:10.5px}.home53-stats{grid-template-columns:repeat(2,1fr);gap:7px;margin:9px 0 11px}.home53-stats button{min-height:76px;padding:12px;border-radius:17px;grid-template-columns:auto 1fr;column-gap:10px}.home53-stats strong{font-size:25px}.home53-stats span{font-size:7px}.home53-stats small{font-size:8.5px}.home53-workspace{gap:9px}.home53-desk-card, .home53-today{padding:17px;border-radius:22px}.home53-quick-grid{grid-template-columns:1fr}.home53-tool{min-height:69px}.home53-today{display:block}.home53-today>button{min-height:61px}.home53-section-head h3{font-size:18px}.card{border-radius:18px!important}.btn{min-height:44px!important}.page-head h1, .diary-head h2, .bookroom-head h1, .kids-hero h1{font-size:29px!important}.worksheet-grid{grid-template-columns:1fr!important}.tool-stat-grid{grid-template-columns:1fr 1fr!important}.assistant-actions, .diary-actions, .student-share-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.assistant-actions .btn, .diary-actions .btn, .student-share-actions .btn{width:100%!important}
}

@media(max-width:390px){.home53-hero{padding-inline:18px}.home53-hero h2{font-size:39px}.home53-hero-actions{display:grid}.home53-hero-actions button{width:100%}.home53-stats{grid-template-columns:1fr 1fr}.home53-stats button{padding:10px}.home53-stats strong{font-size:22px}.app-head-inner{justify-content:flex-start}
}

@media(prefers-reduced-motion:reduce){*, *::before, *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}/* V55 · öğretmen kontrollü, mobil eğitsel oyunlar */
.teacher-game-setup{min-height:390px;display:grid;align-content:center;gap:18px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fffaf5,#f3f8f5)}.setup-label{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.16em;text-align:center}.target-picker{display:grid;grid-template-columns:repeat(10,minmax(44px,1fr));gap:8px;max-width:760px;margin:auto;width:100%}.target-picker button{min-height:54px;border:1px solid #dfcec4;border-radius:16px;background:#fff;color:var(--ink);font-size:21px;font-weight:850;box-shadow:0 5px 0 #eadfd8;cursor:pointer}.target-picker button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.target-picker button:active{transform:translateY(3px);box-shadow:0 2px 0 #eadfd8}.teacher-game-setup>p{margin:0;text-align:center;color:var(--muted);font-size:12px}.syllable-puzzle{display:flex;align-items:center;gap:16px;font-size:clamp(30px,6vw,58px);font-weight:900;color:#53353b}.syllable-puzzle span, .syllable-puzzle b{padding:14px 20px;border-radius:18px;background:#fff;border:2px solid #e3c8bc}.syllable-puzzle i{font-style:normal;color:var(--sage)}.pattern-puzzle{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:clamp(25px,5vw,46px)}.pattern-puzzle span, .pattern-puzzle b{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:#fff;border:1px solid #e7ded8}.pattern-puzzle b{border:2px dashed var(--accent);color:var(--accent)}.pattern-options button{font-size:28px}

@media(max-width:760px){.target-picker{grid-template-columns:repeat(6,1fr);gap:7px}.target-picker button{min-height:49px;font-size:18px;border-radius:14px}.teacher-game-setup{min-height:360px;padding:18px}.syllable-puzzle{gap:8px}.syllable-puzzle span, .syllable-puzzle b{padding:11px 13px}.pattern-puzzle span, .pattern-puzzle b{width:45px;height:45px;border-radius:13px}.online-game-grid{grid-template-columns:1fr!important}
}/* V56 · okuma, matematik, dinleme ve sosyal-duygusal oyunlar */
.visual-clue{font-size:clamp(78px,16vw,132px);line-height:1}.word-options button{font-size:18px;letter-spacing:.04em}.listen-again{min-width:190px;min-height:58px;border:0;border-radius:999px;background:var(--desk);color:#fff;font-size:16px;font-weight:800;cursor:pointer}.picture-options{display:grid;grid-template-columns:repeat(3,minmax(90px,140px));gap:14px}.picture-options button{min-height:118px;border:2px solid #e3c8bc;border-radius:24px;background:#fff;font-size:64px;box-shadow:0 7px 0 #ead8d0;cursor:pointer}.picture-options button:active{transform:translateY(5px);box-shadow:0 2px 0 #ead8d0}.sound-position-word{display:grid;gap:8px;text-align:center}.sound-position-word small{color:var(--accent);font-size:18px;font-weight:850}.sound-position-word b{font-size:clamp(48px,9vw,78px);letter-spacing:.12em;color:#53353b}.position-options button{font-size:16px}.emotion-game{max-width:820px;margin:auto}.emotion-story{max-width:670px;text-align:center;font:700 clamp(20px,4vw,32px)/1.35 var(--font);color:var(--ink)}.behavior-options{display:grid;gap:10px;width:min(650px,100%)}.behavior-options button{min-height:58px;padding:12px 18px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;font-size:16px;font-weight:720;color:var(--ink);cursor:pointer}.behavior-options button:hover{border-color:var(--accent);background:var(--accent-soft)}.memory-setup{max-width:760px;margin:auto}.memory-setup label{display:grid;gap:8px;color:var(--ink);font-weight:800}.memory-setup textarea{width:100%;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;font:700 17px/1.5 var(--font);text-transform:uppercase}.setup-error{color:#9b433e!important;font-weight:800!important}.memory-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.memory-status span{font-weight:800}.memory-status button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 13px;cursor:pointer}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:390px}.memory-grid>button{min-height:108px;border:2px solid #e1cfc5;border-radius:20px;background:linear-gradient(145deg,#f4ded8,#fff4ed);color:transparent;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 7px 0 #e8d8cf}.memory-grid>button span{display:block}.memory-grid>button.open, .memory-grid>button.matched{background:#fff;color:var(--ink);transform:translateY(4px);box-shadow:0 3px 0 #e8d8cf}.memory-grid>button.matched{border-color:#87aa96;background:#e8f3ea;color:#315b3e}.memory-grid .game-finish{grid-column:1/-1}.skip-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skip-picker button{display:grid;gap:5px;min-height:110px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff;cursor:pointer}.skip-picker b{font-size:26px;color:var(--accent-ink)}.skip-picker span{color:var(--muted);font-size:13px}.counting-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.counting-track span, .counting-track b{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;border:1px solid var(--line);background:#fff;font-size:24px;font-weight:900}.counting-track b{border:2px dashed var(--accent);color:var(--accent)}.counting-track i{font-style:normal;color:var(--sage);font-size:22px}

@media(max-width:760px){.picture-options{grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.picture-options button{min-height:92px;font-size:48px;border-radius:18px}.behavior-options button{font-size:15px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px;min-height:360px}.memory-grid>button{min-height:86px;padding:7px;font-size:14px;border-radius:16px}.skip-picker{grid-template-columns:1fr}.skip-picker button{min-height:76px}.counting-track span, .counting-track b{width:47px;height:47px;border-radius:14px;font-size:19px}.counting-track i{font-size:16px}
}/* =========================================================
   V57 · Renkli sınıf ajandası — son ve ortak arayüz katmanı
   ========================================================= */
:root{
  --bg:#f7f3ec;--paper:#fffdf9;--ink:#30293a;--muted:#756e7d;--faint:#9b93a1;
  --line:#e8ded4;--line-strong:#d9c9bb;--accent:#df665f;--accent-ink:#8f393a;
  --accent-soft:#ffe4dd;--desk:#392f42;--dark:#2b2438;--sage:#4f9b88;--sage-soft:#dff2eb;
  --sun:#f2bd4d;--sun-soft:#fff0bd;--blue:#668fc6;--blue-soft:#e2eefb;
  --lilac:#8b73b5;--lilac-soft:#eee6fa;--shadow-card:0 9px 24px rgba(66,45,75,.07);
  --shadow-soft:0 22px 60px rgba(66,45,75,.11);--radius-sm:10px;--radius-md:14px;--radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(66,45,75,.06);--shadow:0 8px 24px rgba(66,45,75,.09);
  --shadow-hover:0 14px 34px rgba(66,45,75,.14);
  --font:ui-rounded,"SF Pro Rounded","Avenir Next",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --soft-cream:#fbfaf7;--soft-peach:#f6e9e2;--soft-sage:#e9f0e8;--soft-blue:#e9f0f4;
  --soft-lilac:#eeeaf3;--soft-ink:#28312c;--soft-muted:#718078;
}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html{background:#f1ebe5}.app-shell{min-height:100vh}body{min-width:320px;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.95),transparent 30rem),radial-gradient(circle at 96% 8%,rgba(242,189,77,.12),transparent 26rem),linear-gradient(180deg,#fbf7f1,#f4eee8 58%,#efe9e5);color:var(--ink);font-size:16px;line-height:1.55}body:before{opacity:.28;background-image:radial-gradient(circle,rgba(79,155,136,.18) 1.2px,transparent 1.5px);background-size:25px 25px;mask-image:linear-gradient(135deg,#000,transparent 60%)}/* Kimlik ve yardımcı çubuk */
.app-shell-head{max-width:1440px!important;padding:14px clamp(18px,4vw,56px) 0!important}.app-head-inner{min-height:74px!important;padding:9px 15px 9px 11px!important;border:1px solid rgba(232,222,212,.9)!important;border-radius:24px!important;background:rgba(255,253,249,.92)!important;box-shadow:0 8px 24px rgba(66,45,75,.06)!important}.app-brand img{width:62px!important;height:55px!important}.app-brand small{color:var(--accent)!important;font-size:10px!important;letter-spacing:.16em!important}.app-brand strong{font-family:Georgia,"Times New Roman",serif!important;font-size:21px!important;color:var(--desk)!important}.app-brand span{font-size:12px!important}.main{max-width:1440px!important;margin:0 auto!important;padding:8px clamp(18px,4vw,56px) 80px!important}.topbar{min-height:54px;margin:0!important;padding:9px 2px!important;border:0!important;align-items:center!important}.topbar>div:first-child{display:flex;align-items:center}.topbar #dateLabel{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,249,.72);color:var(--muted)!important;font-size:12px!important;font-weight:750;letter-spacing:0!important;text-transform:none}.search{height:44px!important;min-width:min(390px,38vw)!important;border:1px solid var(--line)!important;border-radius:15px!important;background:rgba(255,253,249,.94)!important}.search span{font-size:21px!important;color:var(--accent)!important}.search input{font-size:14px!important}/* Beş sabit alan: masaüstünde sekme{grid-template-columns:1.05fr repeat(4,1fr)!important;gap:5px!important;top:9px!important;margin:0 0 20px!important;padding:6px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:19px!important;background:rgba(57,47,66,.97)!important;box-shadow:0 14px 34px rgba(57,47,66,.17)!important}/* Ortak yüzeyler ve okunabilirlik */
.page-head, .diary-head, .bookroom-head, .game-hero, .listening-head{border:1px solid var(--line)!important;border-radius:26px!important;background:linear-gradient(120deg,#fffdf9,#fff8ef)!important;box-shadow:var(--shadow-card)!important}.page-head{padding:23px 25px!important}.page-head h1, .diary-head h2, .bookroom-head h1, .listening-head h1{font-family:Georgia,"Times New Roman",serif!important;color:var(--desk)!important;font-size:clamp(28px,3vw,39px)!important;font-weight:600!important}.page-head p, .diary-head p, .bookroom-head p, .listening-head p{font-size:15px!important;line-height:1.65!important;color:var(--muted)!important}.eyebrow{font-size:11px!important;font-weight:850!important;letter-spacing:.14em!important;color:var(--accent)!important}.card, .plan-row, .tt-day, .student-week-card, .student-progress-summary, .outcome-card, .assistant-panel, .note-compose, .note-item, .reminder-item, .listening-card, .online-game-card{border:1px solid var(--line)!important;border-radius:20px!important;background:rgba(255,253,249,.96)!important;box-shadow:var(--shadow-card)!important}.btn{min-height:44px!important;padding:9px 14px!important;border-radius:13px!important;font-size:14px!important}.btn.primary{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important;box-shadow:0 7px 16px rgba(223,102,95,.17)!important}.btn.primary:hover{background:var(--accent-ink)!important}input, select, textarea{font-size:16px}.notice{padding:14px 16px!important;border-color:#cce4dc!important;border-radius:17px!important;background:var(--sage-soft)!important;color:#356c5e!important;font-size:14px!important}.section-head h2{font-size:20px!important}.muted{font-size:13px!important}/* Ana masa: daha kısa, doğrudan iş başlatan ilk ekran */
.home53-hero{grid-template-columns:minmax(0,1.24fr) minmax(260px,.76fr)!important;min-height:320px!important;gap:20px!important;padding:34px clamp(27px,5vw,58px)!important;border-color:#ecd4c5!important;border-radius:30px!important;background:linear-gradient(115deg,#fffaf3 0%,#ffe3dc 50%,#fff0bd 100%)!important;box-shadow:var(--shadow-soft)!important}.home53-hero:before{inset:auto -10% -70% 46%!important;border:2px dashed rgba(79,155,136,.25)!important}.home53-hero:after{width:230px!important;border-color:rgba(139,115,181,.35)!important}.home53-kicker{margin-bottom:14px!important;color:var(--accent-ink)!important;font-size:11px!important}.home53-kicker i{background:var(--accent)!important}.home53-hero h2{font-size:clamp(42px,5.2vw,70px)!important;line-height:.96!important;color:var(--desk)!important}.home53-hero h2 em{color:var(--accent)!important}.home53-hero p{max-width:610px!important;margin-top:18px!important;color:#665d69!important;font-size:16px!important;line-height:1.65!important}.home53-hero-actions{margin-top:22px!important}.home53-hero-actions button{min-height:48px!important;padding:0 20px!important;font-size:14px!important}.home53-primary{background:var(--desk)!important;border-color:var(--desk)!important}.home53-secondary{background:rgba(255,255,255,.72)!important;border-color:rgba(91,69,91,.2)!important}.home53-portrait-wrap{min-height:245px!important}.home53-portrait{width:min(250px,78%)!important;border:2px solid rgba(255,255,255,.75)!important;background:rgba(255,255,255,.43)!important;box-shadow:0 15px 35px rgba(95,54,78,.08)}.home53-orbit{border-color:rgba(139,115,181,.3)!important}.home53-date{left:2px!important;top:12px!important;border-color:#fff!important;background:rgba(255,253,249,.86)!important}.home53-date strong{font-size:19px!important}.home53-date span{font-size:11px!important}.home53-handnote{right:-10px!important;bottom:10px!important;max-width:175px!important;padding:10px 13px!important;background:#fffdf9!important;color:#71514e!important;font-size:13px!important;line-height:1.35!important}.home53-stats{gap:9px!important;margin:10px 0 14px!important}.home53-stats button{min-height:88px!important;border-radius:19px!important;background:#fffdf9!important}.home53-stats button:nth-child(1){border-top:5px solid var(--accent)!important}.home53-stats button:nth-child(2){border-top:5px solid var(--sage)!important}.home53-stats button:nth-child(3){border-top:5px solid var(--sun)!important}.home53-stats button:nth-child(4){border-top:5px solid var(--lilac)!important}.home53-stats span{font-size:10px!important}.home53-stats strong{font-size:33px!important}.home53-stats small{font-size:12px!important}.home53-workspace{grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr)!important}.home53-desk-card, .home53-today{border-radius:25px!important}.home53-desk-card{padding:21px!important}.home53-today{padding:21px!important;background:linear-gradient(155deg,#44384d,#302839)!important}.home53-section-head span{font-size:10px!important}.home53-section-head h3{font-size:22px!important}.home53-section-head>b{font-size:12px!important}.home53-tool{min-height:82px!important;border-radius:17px!important;background:#fff!important}.home53-tool-no{font-size:11px!important}.home53-tool strong{font-size:15px!important}.home53-tool small{font-size:12px!important}.home53-tool.coral .home53-tool-no{background:var(--accent-soft)!important}.home53-tool.sage .home53-tool-no{background:var(--sage-soft)!important}.home53-tool.blue .home53-tool-no{background:var(--blue-soft)!important}.home53-tool.sand .home53-tool-no{background:var(--sun-soft)!important}.home53-tool.lilac .home53-tool-no{background:var(--lilac-soft)!important}.home53-today>button{min-height:66px!important}.home53-today>button strong{font-size:14px!important}.home53-today>button small{font-size:11px!important}.home53-quote{font-size:14px!important}.home53-quote span{display:block;margin-top:6px;color:#f1b1a8;font-family:var(--font);font-size:10px;font-style:normal}/* Yoğun içerik sayfaları */
.game-grid, .worksheet-grid{gap:13px!important}.game-card, .worksheet-card, .online-game-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover, .worksheet-card:hover, .online-game-card:hover{transform:translateY(-3px);border-color:var(--line-strong)!important;box-shadow:0 15px 34px rgba(66,45,75,.1)!important}.game-filter-grid input, .game-filter-grid select, .story-filter-v17 input, .story-filter-v17 select{min-height:45px!important;border-radius:13px!important;border-color:var(--line)!important;background:#fffdf9!important;font-size:14px!important}.game-chip{min-height:38px!important;padding:8px 13px!important;font-size:13px!important}.student-card{min-height:78px}.student-card h3{font-size:16px!important}.student-card p{font-size:13px!important}.student-rating button{min-height:43px!important;font-size:13px!important}.tt-day h3{font-size:16px!important}.tt-day label{font-size:13px!important}.tt-day select{min-height:43px!important;font-size:14px!important}.game-modal{z-index:1500!important}.game-sheet, .story-sheet{border-radius:24px!important}.online-close{min-width:44px!important;min-height:44px!important}

@media(max-width:1000px){.home53-workspace{grid-template-columns:1fr!important}.home53-hero{grid-template-columns:1.12fr .88fr!important}.home53-today{grid-template-columns:repeat(3,1fr)!important}.home53-today .home53-section-head, .home53-quote{grid-column:1/-1!important}.timetable-grid{grid-template-columns:repeat(2,1fr)!important}.game-grid{grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:760px){body{padding-bottom:calc(91px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,#fbf7f2,#f2ece7)!important}.app-shell-head{padding:7px 9px 0!important}.app-head-inner{min-height:60px!important;padding:6px 9px!important;border-radius:18px!important}.app-brand img{width:48px!important;height:44px!important}.app-brand small{font-size:8px!important}.app-brand strong{font-size:17px!important}.app-brand span{display:none!important}.main{padding:4px 11px 30px!important}.topbar{display:block!important;min-height:0!important;padding:8px 1px 10px!important}.topbar>div:first-child{display:none!important}.search{width:100%!important;min-width:0!important;height:46px!important;border-radius:15px!important}.search input{font-size:16px!important}.home53-hero{display:block!important;min-height:0!important;padding:26px 20px 17px!important;border-radius:25px!important}.home53-hero h2{font-size:clamp(39px,12.5vw,55px)!important}.home53-hero p{font-size:15px!important}.home53-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.home53-hero-actions button{width:100%!important}.home53-portrait-wrap{min-height:190px!important;margin-top:7px!important}.home53-portrait{width:178px!important}.home53-date{left:0!important;top:20px!important}.home53-handnote{right:0!important;max-width:145px!important;font-size:11px!important}.home53-stats{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:1px 1px 7px!important;gap:8px!important}.home53-stats button{flex:0 0 160px!important;scroll-snap-align:start!important;min-height:82px!important}.home53-stats::-webkit-scrollbar{display:none}.home53-desk-card, .home53-today{padding:16px!important;border-radius:22px!important}.home53-quick-grid{grid-template-columns:1fr!important}.home53-tool{min-height:72px!important}.home53-today{display:block!important}.home53-today>button{min-height:64px!important}.page-head, .diary-head, .bookroom-head, .game-hero, .listening-head{padding:19px!important;border-radius:22px!important}.page-head h1, .diary-head h2, .bookroom-head h1, .listening-head h1{font-size:30px!important}.page-head p, .diary-head p, .bookroom-head p, .listening-head p{font-size:14px!important}.page-head{display:block!important}.page-head>.btn, .page-head>button, .page-head>select{width:100%!important;margin-top:12px!important}.game-grid, .worksheet-grid, .student-grid, .online-game-grid, .listening-grid, .timetable-grid{grid-template-columns:1fr!important}.game-filter-grid{grid-template-columns:1fr!important}.game-filter-grid>*{grid-column:auto!important}.bookroom-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:6px!important}.bookroom-tabs button{flex:0 0 auto!important;min-height:42px!important;font-size:13px!important}.student-rating{display:grid!important;grid-template-columns:1fr 1fr!important}.student-rating button{white-space:normal!important}.assistant-actions, .diary-actions, .student-share-actions{grid-template-columns:1fr!important}.game-sheet, .story-sheet{width:100%!important;max-height:94vh!important;padding:15px!important;border-radius:22px!important}
}

@media(max-width:390px){.app-brand strong{font-size:16px!important}.home53-hero{padding-inline:17px!important}.home53-hero-actions{grid-template-columns:1fr!important}.home53-stats button{flex-basis:148px!important}.main{padding-inline:9px!important}
}/* V53.4 — Çalışma Kâğıdı Atölyesi */
@font-face{font-family:'TTKBDikNoktali';src:url('assets/fonts/TTKBDikTemelAbeceDot.ttf') format('truetype');font-display:swap}
@media print{@page{size:A4;margin:0}}/* V57.1 — Online oyunlar ile sınıf oyunu kartlarını ayır */
.online-games-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.online-games-intro h1{margin:5px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,44px);font-weight:600;color:var(--desk)}.online-games-intro p{max-width:700px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.online-games-intro>span{flex:none;padding:9px 13px;border-radius:999px;background:#fff;color:var(--accent-ink);font-size:12px;font-weight:800}
@media(max-width:600px){.online-games-intro{display:block}.online-games-intro>span{display:inline-flex;margin-top:12px}}/* V58 — sınıf ölçekli oyunlar, gelişmiş atölye, kitap okuyucu ve son yerleşim dengesi */
.letter-balloon{touch-action:manipulation;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.letter-balloon.popped{animation:none!important;transform:scale(1.42)!important;opacity:0!important;transition:transform .18s ease-out,opacity .18s ease-out!important;pointer-events:none}.letter-balloon.popped:after{opacity:0}.game-status{align-items:center;gap:12px;flex-wrap:wrap}.game-status b{color:var(--accent-ink);font-size:15px}.round-count{min-height:28px;padding:6px 12px;border-radius:999px;background:#f3eee9;text-align:center}.answer-grid button, .behavior-options button, .picture-options button, .target-picker button{touch-action:manipulation}.teacher-note-modal{z-index:1800!important;background:rgba(42,35,45,.72)!important;backdrop-filter:blur(10px)!important}.teacher-note-sheet{width:min(980px,100%)!important;padding:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:28px!important;background:#f5f0eb!important;box-shadow:0 34px 100px rgba(25,19,28,.34)!important}.teacher-note-head{padding:25px 28px!important;border:0!important;background:linear-gradient(125deg,#46394e,#342d3b)!important;color:#fff}.teacher-note-head .eyebrow{color:#f1b1a8!important}.teacher-note-head h2{color:#fff!important;font-family:Georgia,serif;font-size:29px!important;font-weight:500!important}.teacher-note-head p{color:rgba(255,255,255,.65)!important;font-size:13px!important}.teacher-note-close{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.1)!important;color:#fff!important}.teacher-note-intro{margin:20px 24px 14px!important;padding:15px 17px!important;border:1px solid #e6dcd3!important;border-radius:17px!important;background:#fffaf4!important;color:#655d59!important;font-size:14px!important}.teacher-note-label{margin:0 24px 8px!important;color:#765953!important}.teacher-note-textarea{width:calc(100% - 48px)!important;min-height:310px!important;margin:0 24px!important;padding:20px!important;border-color:#ded4cc!important;border-radius:19px!important;background:#fffdf9!important;font-size:16px!important;line-height:1.75!important}.teacher-note-footer{padding:15px 24px 22px!important}.teacher-note-actions .btn{min-height:45px!important}.family-report-preview{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.family-report-preview>div{display:block!important;min-height:140px;padding:18px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:linear-gradient(145deg,#fffdf9,#f8f3ee)!important;box-shadow:var(--shadow-card)!important}.family-report-preview>div:nth-child(2){background:linear-gradient(145deg,#f3f8f4,#eaf2ed)!important}.family-report-preview>div:nth-child(3){background:linear-gradient(145deg,#fff9ed,#f6edd6)!important}.family-report-preview b{display:block;margin-bottom:9px;font-family:Georgia,serif;font-size:18px!important}.family-report-preview span{font-size:14px!important;line-height:1.65!important}@keyframes readerSpin{to{transform:rotate(360deg)}}/* Tüm sayfalar aynı iç çizgiye oturur. */
.app-shell-head, .main{width:100%;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(20px,4vw,56px)!important;padding-right:clamp(20px,4vw,56px)!important;box-sizing:border-box}#app{width:100%}#app>*{max-width:100%;box-sizing:border-box}.page-head, .diary-head, .bookroom-head, .game-hero, .listening-head, .kids-hero{padding:clamp(21px,3vw,31px)!important}.bookroom-head{align-items:center!important}.bookroom-tabs, .bookroom-grid, .bookroom-note, .online-games-section, .sound-studio, .sound-banner, .source-pdfs{margin-left:0!important;margin-right:0!important}

@media(max-width:900px){.family-report-preview{grid-template-columns:1fr!important}
}
@media(max-width:760px){body{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}.app-shell-head, .main{padding-left:12px!important;padding-right:12px!important}.main{padding-bottom:calc(116px + env(safe-area-inset-bottom))!important}.page-head, .diary-head, .bookroom-head, .game-hero, .listening-head, .kids-hero{padding:20px!important}.bookroom-head{display:grid!important;grid-template-columns:1fr auto!important}.bookroom-head p{font-size:14px!important}.bookroom-badge{align-self:start}.realbook{min-height:270px!important}.teacher-note-sheet{width:100%!important;max-height:96dvh!important;border-radius:23px!important}.teacher-note-head{padding:20px!important}.teacher-note-head h2{font-size:24px!important}.teacher-note-intro{margin:15px 16px 12px!important}.teacher-note-label{margin-left:16px!important}.teacher-note-textarea{width:calc(100% - 32px)!important;margin:0 16px!important;min-height:280px!important}.teacher-note-footer{padding:13px 16px 18px!important}.teacher-note-actions{grid-template-columns:1fr!important}.teacher-note-actions .btn:last-child{grid-column:auto!important}
}
@media(max-width:390px){.bookroom-grid{grid-template-columns:1fr!important}.bookroom-badge{display:none}}/* ============================================================
   NAVIGASYON — tek, temiz ve nihai tanım (V59 temizliği).
   Öncesinde main-nav/nav-tab/nav-primary/nav-group/nav-dropdown
   için 6 farklı dönemden birbiriyle çakışan onlarca kural vardı;
   hepsi ayıklanıp buraya, tek bir yere toplandı. Artık !important
   yığını yok; her kural kendi başına tam ve tutarlı.
   ============================================================ */
.main-nav{
  display:grid;grid-template-columns:1.05fr repeat(4,1fr);gap:6px;
  position:sticky;top:10px;z-index:120;margin:0 0 22px;padding:7px;
  border:1px solid rgba(255,255,255,.14);border-radius:20px;
  background:rgba(46,40,42,.58);
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 14px 34px rgba(57,47,66,.17), inset 0 1px 0 rgba(255,255,255,.08);
}.nav-tab.nav-primary{
  display:flex;align-items:center;justify-content:center;gap:6px;
  min-height:50px;border:1px solid transparent;border-radius:14px;
  background:transparent;color:#f1ebf4;font-weight:720;font:inherit;
  cursor:pointer;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.3);
}.nav-primary span{font-size:18px;color:#f5bcb2;text-shadow:0 1px 3px rgba(0,0,0,.3)}.nav-primary b{font-size:13px}.nav-primary i{font-style:normal;font-size:10px;opacity:.7;margin-left:2px;color:#e0d2e6}.nav-primary:hover{background:rgba(255,255,255,.12);color:#fff}.nav-tab.active, .nav-group.active>.nav-primary{
  background:linear-gradient(135deg,rgba(255,232,223,.92),rgba(255,241,200,.92));color:#4a3146;border-color:transparent;
  text-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}.nav-tab.active span, .nav-group.active>.nav-primary span{color:var(--accent);text-shadow:none}.nav-group{position:relative}.nav-dropdown{
  display:none;position:absolute;top:calc(100% + 9px);left:0;min-width:240px;padding:8px;
  background:rgba(255,253,249,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.5);border-radius:18px;
  box-shadow:0 22px 55px rgba(46,40,42,.18);z-index:60;
}.nav-group.open .nav-dropdown{display:grid;gap:2px}.nav-dropdown button{
  border:0;background:transparent;min-height:46px;padding:10px 12px;border-radius:12px;
  text-align:left;color:var(--ink);font:inherit;font-size:14px;
  display:flex;justify-content:space-between;align-items:center;cursor:pointer;
}.nav-dropdown button:hover, .nav-dropdown button.active{background:var(--accent-soft);color:var(--accent-ink)}.nav-dropdown button span{opacity:.35}

@media(max-width:760px){.main-nav{
    position:fixed;left:10px;right:10px;top:auto;
    bottom:calc(9px + env(safe-area-inset-bottom));
    margin:0;min-height:70px;padding:6px;border-radius:22px;
    background:rgba(57,47,66,.58);
    backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 16px 44px rgba(34,28,39,.32), inset 0 1px 0 rgba(255,255,255,.1);
    z-index:1200;grid-template-columns:repeat(5,1fr);gap:2px;
  }.nav-primary{
    flex-direction:column;gap:2px;min-height:56px;min-width:0;
    padding:5px 2px;border-radius:15px;touch-action:manipulation;
  }.nav-primary span{font-size:19px;line-height:1}.nav-primary b{font-size:10px;line-height:1.1;white-space:nowrap}.nav-primary i{display:none}.nav-dropdown{
    position:fixed;left:10px;right:10px;top:auto;
    bottom:calc(88px + env(safe-area-inset-bottom));
    min-width:0;max-height:min(62vh,480px);overflow:auto;padding:9px;
    background:rgba(255,253,249,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
    border-radius:22px;
  }.nav-dropdown button{min-height:52px;padding:14px;font-size:15px}
}
@media(max-width:390px){.main-nav{left:7px;right:7px}.nav-primary b{font-size:9px}
}
@media print{.app-shell-head, .main-nav, .topbar{display:none!important}
}/* ---------- online oyun kartları: kart başına dönüşümlü pastel gradyan ---------- */
.online-game-card{position:relative;overflow:hidden}.online-game-card:nth-child(7n+1){background:linear-gradient(155deg,#fff5f5,#ffe1e3)!important;border-color:#f3c3c6!important}.online-game-card:nth-child(7n+2){background:linear-gradient(155deg,#f3fbf6,#d9f2e3)!important;border-color:#b7e2c8!important}.online-game-card:nth-child(7n+3){background:linear-gradient(155deg,#f2f8ff,#dcecff)!important;border-color:#bcd8f5!important}.online-game-card:nth-child(7n+4){background:linear-gradient(155deg,#fffaec,#ffefbf)!important;border-color:#ecd48a!important}.online-game-card:nth-child(7n+5){background:linear-gradient(155deg,#faf5ff,#ead9ff)!important;border-color:#d6b8f0!important}.online-game-card:nth-child(7n+6){background:linear-gradient(155deg,#eefdfb,#cdf2ec)!important;border-color:#a6ddd4!important}.online-game-card:nth-child(7n+7){background:linear-gradient(155deg,#fff3ea,#ffddc2)!important;border-color:#eebd93!important}.online-game-icon{box-shadow:0 4px 0 rgba(0,0,0,.06),0 8px 16px rgba(0,0,0,.08);transition:transform .18s ease}.online-game-card:hover .online-game-icon{transform:scale(1.12) rotate(-4deg)}.online-game-card .btn.primary{background:linear-gradient(135deg,var(--accent),#e88a72)!important;border:0!important}/* ---------- öğretmen profili: giriş ekranı ve profil değiştirici ---------- */
.login-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,#fff3e9,#f7f3ec 55%)}.login-card{width:min(460px,100%);background:#fffdf9;border:1px solid var(--line);border-radius:28px;padding:34px 30px;box-shadow:0 30px 80px rgba(66,45,75,.14);text-align:center}.login-mascot{width:84px;height:auto;margin:0 auto 12px}.login-card h1{margin:0 0 8px;font-size:26px;color:var(--desk)}.login-card p{margin:0 0 20px;color:var(--muted);font-size:13.5px;line-height:1.6}.login-empty-note{padding:12px;background:var(--accent-soft);border-radius:14px;color:var(--accent-ink)}.login-profile-list{display:grid;gap:8px;margin-bottom:16px}.login-profile-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.login-profile-item:hover{border-color:var(--accent);transform:translateY(-1px)}.login-profile-name{display:flex;flex-direction:column;flex:1}.login-profile-name small{color:var(--muted);font-size:11.5px}.login-profile-item i{font-style:normal;color:var(--faint)}.login-new-btn{width:100%;margin-top:4px}.login-pin-form{display:grid;gap:12px;margin-top:16px;text-align:left}.login-pin-form label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--muted)}.login-pin-form input{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:#fff}.login-error{color:var(--accent-ink);font-size:12.5px;min-height:16px}.login-note{margin-top:18px;font-size:11px;color:var(--faint)}.profile-switcher{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-weight:700;font-size:13px;color:var(--desk)}.profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:13px;flex-shrink:0}.profile-switcher i{font-style:normal;color:var(--faint);font-size:11px}.profile-menu{display:none;position:absolute;right:12px;top:calc(100% + 8px);z-index:200;min-width:220px;padding:8px;background:#fffdf9;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(46,40,42,.18)}.profile-menu.open{display:grid;gap:2px}.profile-menu button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px 10px;border-radius:11px;text-align:left;font-size:13.5px;color:var(--ink);cursor:pointer}.profile-menu button:hover{background:var(--accent-soft)}.profile-menu button.active{font-weight:800}.profile-menu hr{border:0;border-top:1px solid var(--line);margin:5px 2px}
@media(max-width:760px){.app-head-inner{flex-wrap:wrap}.profile-switcher{order:3;margin-top:8px}.profile-menu{right:14px;left:14px;min-width:0}
}/* ---------- sınıf listesi PDF içe aktarma ---------- */
.student-head-actions{display:flex;gap:10px;flex-wrap:wrap}.roster-import-panel{margin:14px 0 18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fffaf6}.roster-import-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}.roster-import-head>div:first-child{font-size:15px}.roster-import-head>div:last-child{display:flex;gap:8px}.roster-import-panel .muted{font-size:12.5px;color:var(--muted);margin:0 0 12px}.roster-import-list{display:grid;gap:6px;max-height:50vh;overflow:auto;padding-right:4px}.roster-import-row{display:grid;grid-template-columns:22px 52px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff}.roster-no{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.roster-name-input{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font:inherit;font-size:13.5px}.roster-dupe{color:#a3684f;white-space:nowrap;font-size:11px}
@media(max-width:600px){.roster-import-row{grid-template-columns:20px 44px 1fr}.roster-dupe{grid-column:1/-1}}/* ---------- Belirli Gün ve Haftalar — liste ---------- */
.pano-karne-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 26px}.pano-karne-card{display:flex;align-items:center;gap:16px;padding:22px;border-radius:22px;cursor:pointer;background:linear-gradient(120deg,#ffe9c7,#ffd6e0);border:1px solid #f3d9c9;box-shadow:0 12px 30px rgba(200,120,80,.14);transition:transform .15s ease}.pano-karne-card:hover{transform:translateY(-3px)}.pano-karne-emoji{font-size:46px}.pano-karne-card h3{margin:4px 0 2px;font-size:20px}.pano-karne-card p{margin:0;color:#8a5a2e;font-weight:700}.pano-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.pano-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--paper);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.pano-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.pano-card-emoji{font-size:28px}.pano-card-tag{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent-ink)}.pano-card h3{margin:3px 0 2px;font-size:14.5px}.pano-card p{margin:0;color:var(--muted);font-size:12.5px}.pano-card-arrow{margin-left:auto;color:var(--faint);font-size:18px}
@media(max-width:900px){.pano-grid{grid-template-columns:1fr 1fr}.pano-karne-row{grid-template-columns:1fr}}
@media(max-width:600px){.pano-grid{grid-template-columns:1fr}}/* ---------- Belirli Gün ve Haftalar — tam ekran pano gösterimi ---------- */
.pano-overlay{position:fixed;inset:0;z-index:5000;background:#1c1712;display:flex;flex-direction:column}.pano-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:rgba(0,0,0,.35);flex-wrap:wrap}.pano-style-switch{display:flex;gap:6px}.pano-style-switch button{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-weight:700;font-size:12.5px;cursor:pointer}.pano-style-switch button.active{background:#fff;color:#1c1712}.pano-toolbar-actions{display:flex;gap:8px}.pano-toolbar-actions .btn{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}.pano-toolbar-actions .btn.primary{background:var(--accent);border-color:var(--accent)}#panoBodyWrap{flex:1;display:flex}.pano-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5vw;position:relative;overflow:hidden}.pano-emoji-wrap{margin-bottom:1.5vw}.pano-emoji{font-size:clamp(60px,11vw,180px);line-height:1;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.pano-tag{font-size:clamp(13px,1.6vw,22px);font-weight:900;letter-spacing:.18em;margin-bottom:.6vw}.pano-display h1{font-size:clamp(34px,7.5vw,108px);margin:.15em 0;line-height:1.05;font-weight:800}.pano-date{font-size:clamp(18px,2.6vw,36px);font-weight:800;margin:.2em 0}.pano-msg{font-size:clamp(16px,2.1vw,30px);max-width:22ch;margin:.4em auto 0;line-height:1.4}.pano-confetti-row{font-size:clamp(28px,4vw,56px);margin-top:1vw;letter-spacing:.3em}/* Stil A — Şerit: koyu-canlı degrade zemin, beyaz metin, üstte kesik seritli baslik */
.pano-style-serit{background:linear-gradient(135deg,var(--accent),#c94f49 55%,#a3393a)}.pano-style-serit .pano-tag{color:#ffe4dd}.pano-style-serit h1, .pano-style-serit .pano-date, .pano-style-serit .pano-msg{color:#fff}.pano-style-serit:before{content:"";position:absolute;left:0;right:0;top:14%;height:12%;background:rgba(255,255,255,.12);transform:skewY(-2deg)}/* Stil B — Degrade Kart: acik pastel zemin, ortada yuvarlak beyaz kart */
.pano-style-degrade{background:linear-gradient(160deg,var(--sun-soft),var(--lilac-soft) 60%,var(--blue-soft))}.pano-style-degrade:after{content:"";position:absolute;inset:4vw;border:2px solid rgba(255,255,255,.7);border-radius:48px;pointer-events:none}.pano-style-degrade .pano-tag{color:var(--accent-ink)}.pano-style-degrade h1{color:var(--desk)}.pano-style-degrade .pano-date{color:var(--accent-ink)}.pano-style-degrade .pano-msg{color:#5c5450}/* Stil C — Kesik Kağıt: krem zemin, elle kesilmis kagit bandı hissi */
.pano-style-kesik{background:#fbf3e6}.pano-style-kesik .pano-tag{color:#a3684f}.pano-style-kesik h1{color:#4a3146;position:relative;display:inline-block;padding:.15em .4em}.pano-style-kesik h1:before{content:"";position:absolute;inset:0;background:var(--sun-soft);border-radius:8px 24px 12px 30px/24px 8px 30px 12px;z-index:-1;transform:rotate(-1deg)}.pano-style-kesik .pano-date{color:#8a5a2e}.pano-style-kesik .pano-msg{color:#6d5a4a}.pano-style-kesik:before, .pano-style-kesik:after{content:"⭐";position:absolute;font-size:clamp(24px,3vw,44px);opacity:.5}.pano-style-kesik:before{top:6%;left:8%}.pano-style-kesik:after{bottom:8%;right:9%}.pano-big .pano-display, .pano-big.pano-display{padding-top:2vw;padding-bottom:2vw}.pano-big h1{font-size:clamp(36px,7.5vw,110px)}.pano-big .pano-emoji{font-size:clamp(50px,8vw,130px)}.pano-big .pano-confetti-row{margin-top:.6vw}

@media print{.app-shell-head, .main-nav, .topbar, .pano-toolbar{display:none!important}.pano-overlay{position:static;height:auto;background:#fff!important}.pano-display{min-height:90vh}.pano-style-serit, .pano-style-serit *{color:#000!important;background:#fff!important}
}

/* ---------- Ders Kitaplığım — kitap okuyucu ---------- */
body.book-reader-open{overflow:hidden}
.book-reader-modal{position:fixed;inset:0;z-index:2000;background:rgba(28,23,18,.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}
.book-reader-shell{width:min(880px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--paper);border-radius:24px;overflow:hidden;box-shadow:0 34px 90px rgba(20,16,12,.32);border:1px solid rgba(255,255,255,.4)}
.book-reader-shell>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(120deg,var(--desk),#4a3d55);color:#fff}
.book-reader-shell>header div{display:flex;flex-direction:column;gap:2px;min-width:0}
.book-reader-shell>header div>span{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#f1b1a8;font-weight:800}
.book-reader-shell>header strong{font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book-reader-shell>header button{flex:none;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:11px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}
.book-reader-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fbf8f4;flex-wrap:wrap}
.book-reader-toolbar button{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:15px;cursor:pointer;flex:none}
.book-reader-toolbar button:hover{border-color:var(--line-strong)}
.book-reader-toolbar label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:700}
.book-reader-toolbar input[type=number]{width:52px;padding:6px;border:1px solid var(--line);border-radius:8px;text-align:center;font-size:13px}
.book-toolbar-spacer{flex:1}
.book-reader-toolbar #bookZoomLabel{font-size:12px;color:var(--muted);min-width:40px;text-align:center;font-weight:700}
.book-reader-stage{flex:1;overflow:auto;background:#efe9e2;padding:22px;display:flex;align-items:flex-start;justify-content:center;-webkit-overflow-scrolling:touch}
.book-reader-loading, .book-reader-error{margin:auto;text-align:center;padding:40px 20px;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:10px}
.book-reader-loading span{width:34px;height:34px;border:3px solid #ded4c7;border-top-color:var(--accent);border-radius:50%;animation:bookSpin .8s linear infinite}
@keyframes bookSpin{to{transform:rotate(360deg)}}
.book-reader-loading b, .book-reader-error b{font-size:14.5px;color:var(--ink);font-weight:700}
.book-reader-loading small, .book-reader-error p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}
.book-reader-error{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;box-shadow:var(--shadow-card)}
.book-reader-error .btn{margin-top:6px}
.book-page-wrap{opacity:0;transition:opacity .25s ease;background:#fff;box-shadow:0 8px 26px rgba(30,24,18,.18);border-radius:4px}
.book-page-wrap.loaded{opacity:1}
.book-page-wrap img{display:block;height:auto;border-radius:4px}
.book-page-wrap.pdf-page canvas{display:block;border-radius:4px}
@media(max-width:650px){
  .book-reader-modal{padding:0}
  .book-reader-shell{width:100%;height:100%;max-height:100%;border-radius:0}
  .book-reader-shell>header strong{font-size:13.5px}
  .book-reader-toolbar{padding:8px 10px;gap:6px}
  .book-reader-stage{padding:12px}
}