/* Dijital Koro v3.0 — Cosmic Gold theme
   UI theme only. Quran text/content integrity is handled separately by the verified data layer. */
:root{
  color-scheme:dark;
  --bg:#020817;
  --bg2:#061735;
  --card:rgba(3,18,45,.88);
  --card-solid:#061a3d;
  --ink:#fff7df;
  --muted:#c7c0b2;
  --accent:#f4bc45;
  --accent2:#ffdc7a;
  --gold:#f4bc45;
  --gold-soft:#ffe3a0;
  --line:rgba(244,188,69,.48);
  --line-soft:rgba(255,226,150,.18);
  --danger:#ff6259;
  --success:#36d47a;
  --blue:#4ea1ff;
  --violet:#ab64ff;
  --shadow:0 18px 52px rgba(0,0,0,.42),0 0 30px rgba(255,178,43,.08);
  --glow:0 0 18px rgba(255,185,52,.30);
}
html{background:#020817;color:var(--ink);scrollbar-color:#d69a2f #061226}
body{
  min-height:100vh;color:var(--ink);background-color:#020817;
  background-image:linear-gradient(rgba(1,7,24,.62),rgba(1,8,27,.82)),url('theme/cosmic-bg.webp');
  background-size:cover;background-position:center top;background-attachment:fixed;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  radial-gradient(circle at 18% 12%,rgba(137,49,255,.17),transparent 27%),
  radial-gradient(circle at 84% 18%,rgba(0,122,255,.15),transparent 30%),
  radial-gradient(circle at 50% 85%,rgba(255,164,27,.08),transparent 36%)}
a{color:var(--gold-soft)}a:hover{color:#fff0bd}
.container{max-width:1180px;padding:18px 18px 36px;position:relative}
.topbar{background:rgba(2,10,29,.90);border-bottom:1px solid rgba(244,188,69,.38);box-shadow:0 7px 28px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:10px max(18px,calc((100vw - 1180px)/2));}
.topbar-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;color:#ffe9a5!important;min-width:max-content}.brand:hover{color:#fff4c7!important}.brand-mark{width:48px!important;height:48px!important;border-radius:50%!important;background:url('theme/app-icon.webp') center/cover no-repeat!important;border:2px solid #f2bc51!important;box-shadow:0 0 22px rgba(255,181,42,.28)!important;color:transparent!important;overflow:hidden}.brand strong{display:block;color:#ffe7a0;font:800 20px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.03em;text-shadow:0 0 14px rgba(255,186,57,.26)}.brand small{display:block;color:#d5c7a8;font-size:10px;margin-top:3px;letter-spacing:.04em}
.desktop-nav{display:flex;gap:5px!important;align-items:center}.desktop-nav a{color:#d8cfbd!important;padding:9px 10px;border-radius:11px;font-weight:700}.desktop-nav a:hover,.desktop-nav a.active{background:linear-gradient(180deg,rgba(244,188,69,.22),rgba(244,188,69,.06));color:#ffe4a0!important;box-shadow:inset 0 0 0 1px rgba(244,188,69,.30)}
.topbar-user{display:flex;align-items:center;gap:8px}.user-initial{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd977,#a6670b);color:#07142b;font-weight:900;border:1px solid #ffe29b;box-shadow:var(--glow)}.logout-link{display:grid;place-items:center;color:#ffdf91!important;width:36px;height:36px;border-radius:50%;border:1px solid rgba(244,188,69,.3)}

/* shared headings & glass panels */
.page-head,.hero{padding:28px 2px 20px}.page-head h1,.hero h1,.memorize-top h1{font-family:Georgia,'Times New Roman',serif;color:#ffe39a;text-shadow:0 0 20px rgba(255,180,34,.24);letter-spacing:.015em}.eyebrow{color:#f7c85f;text-shadow:0 0 12px rgba(255,186,50,.2)}.muted{color:#bcb6aa!important}
.card,.auth-card,.stat,.list-item,.verify-card,.dash-panel,.dashboard-stat-strip,.dashboard-quick-grid>a,.page-completion,.page-recall-summary,.page-recall-toolbar,.correction-card{
  background:linear-gradient(155deg,rgba(5,28,68,.94),rgba(1,13,35,.92))!important;
  border:1px solid rgba(244,188,69,.48)!important;color:var(--ink)!important;box-shadow:var(--shadow);position:relative;overflow:hidden
}
.card::before,.dash-panel::before,.dashboard-quick-grid>a::before,.stat::before,.auth-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,221,126,.06),transparent 32%,rgba(83,83,255,.045));}
.card h2,.card h3,.dash-panel b,.section-title-row b{color:#ffe7a6}
.primary,button,.small-btn,.warning-link,.mushaf-action{font-family:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.primary,button.primary,.chorus-main{background:linear-gradient(180deg,#ffe18a,#d89118)!important;color:#0a1730!important;border:1px solid #fff0b5!important;box-shadow:0 0 18px rgba(255,182,41,.24);text-shadow:none}
.primary:hover,button.primary:hover,.chorus-main:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(255,183,42,.42)}
button,.small-btn,.warning-link,.mushaf-action,.mushaf-action.secondary{background:linear-gradient(180deg,rgba(11,40,82,.96),rgba(4,20,52,.98))!important;border:1px solid rgba(244,188,69,.55)!important;color:#ffe6a5!important;box-shadow:inset 0 0 18px rgba(47,104,196,.08)}
button:hover,.small-btn:hover,.warning-link:hover,.mushaf-action:hover{border-color:#ffd46d!important;box-shadow:0 0 17px rgba(255,181,43,.22)}
input,select,textarea{background:rgba(2,15,38,.90)!important;color:#fff7df!important;border:1px solid rgba(244,188,69,.42)!important;box-shadow:inset 0 0 0 1px rgba(14,74,147,.12)}input:focus,select:focus,textarea:focus{outline:none;border-color:#f5c355!important;box-shadow:0 0 0 3px rgba(244,188,69,.14)}
.alert{background:rgba(93,26,31,.74)!important;color:#ffd9d6!important;border:1px solid rgba(255,103,91,.52)!important}.data-warning{background:rgba(97,65,8,.66)!important;border:1px solid #cf922b!important;color:#ffe5a7!important}.hashline{color:#b7c9e7!important}

/* Guest / sign in pages */
body.app-guest{background-image:linear-gradient(rgba(0,7,25,.42),rgba(0,6,22,.84)),url('theme/cosmic-bg.webp')}
.app-guest .topbar{background:rgba(2,9,25,.74)}
.app-guest .container{min-height:calc(100vh - 80px);display:grid;place-items:center;padding-top:34px;padding-bottom:34px}
.auth-card{width:min(520px,100%);margin:0!important;padding:330px 28px 30px!important;border-radius:34px!important;border:1.5px solid rgba(255,196,73,.68)!important;box-shadow:0 25px 70px rgba(0,0,0,.58),0 0 42px rgba(255,171,31,.12)!important;overflow:hidden}
.auth-card::before{content:""!important;position:absolute!important;left:0;top:0;width:100%;height:300px;background:linear-gradient(to bottom,rgba(0,5,20,.05),rgba(4,17,43,.90)),url('theme/auth-hero.webp') center/cover no-repeat!important;border-bottom:1px solid rgba(244,188,69,.45)}
.auth-card::after{content:"DİJİTAL KORO · KUR’AN EZBER SİSTEMİ";position:absolute;top:246px;left:18px;right:18px;text-align:center;color:#ffe29a;font:800 13px/1.2 Georgia,serif;letter-spacing:.12em;text-shadow:0 2px 12px #000}
.auth-card h1{font-family:Georgia,serif;color:#ffe6a1;text-align:center;font-size:34px;margin:0 0 22px}.auth-card label{color:#e7dcc7}.auth-card form{gap:15px}.auth-card .primary{min-height:54px;font-size:17px}.auth-card>p{text-align:center;color:#bcb5a8}.auth-card>p a{font-weight:800;color:#ffd875}

/* Home dashboard */
.dashboard-hero{min-height:300px!important;border-radius:32px!important;background-image:linear-gradient(90deg,rgba(0,10,30,.96) 0%,rgba(0,10,30,.70) 45%,rgba(0,9,27,.22) 100%),url('theme/dashboard-hero.webp')!important;background-size:cover!important;background-position:center!important;border:1px solid rgba(255,194,72,.62)!important;box-shadow:var(--shadow);overflow:hidden}
.dashboard-hero::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,225,148,.07),inset 0 -80px 100px rgba(3,11,27,.22)}
.dashboard-hero-copy{position:relative;z-index:2}.dashboard-welcome{color:#f0d797!important}.dashboard-hero h1{color:#fff0bd!important;font-family:Georgia,serif;text-shadow:0 2px 18px rgba(0,0,0,.8)}.dashboard-hero-copy>p{color:#f0e8d8!important}.resume-note{background:rgba(2,13,34,.72)!important;border:1px solid rgba(244,188,69,.42)!important;color:#ffdc85!important}
.hero-emblem{background:url('theme/app-icon.webp') center/cover no-repeat!important;border:2px solid #f1b94b!important;box-shadow:0 0 34px rgba(255,182,42,.38)!important}.hero-emblem span{display:none}.streak-badge{background:rgba(4,18,48,.88)!important;border:1px solid #efb545!important;color:#ffe094!important;box-shadow:var(--glow)}
.dashboard-stat-strip{background:linear-gradient(180deg,rgba(4,25,61,.96),rgba(2,16,43,.96))!important;border:1px solid rgba(244,188,69,.48)!important;box-shadow:var(--shadow)!important}.dashboard-stat{border-color:rgba(244,188,69,.18)!important;color:#fff2ce}.dashboard-stat b{color:#ffe39a}.dashboard-stat small{color:#c8c0b1!important}.stat-icon{background:linear-gradient(145deg,#0a2a5c,#06152f)!important;color:#ffd66d!important;border:1px solid rgba(244,188,69,.42);box-shadow:0 0 18px rgba(50,105,210,.18)}
.dashboard-start-card{position:relative}.dashboard-start-button{background:linear-gradient(180deg,#0a326c,#061d47)!important;border:2px solid #f5bd48!important;color:#fff1c1!important;box-shadow:0 0 0 4px rgba(244,188,69,.08),0 12px 36px rgba(0,0,0,.35),0 0 28px rgba(255,178,38,.17)!important}.dashboard-start-button:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(244,188,69,.12),0 16px 40px rgba(0,0,0,.4),0 0 38px rgba(255,178,38,.26)!important}.dashboard-start-button strong{font-family:Georgia,serif;color:#ffe6a2}.dashboard-start-button small{color:#d4c7aa!important}.dashboard-start-card>p{color:#c7c0b3!important}
.dashboard-quick-grid>a{border-radius:23px!important}.dashboard-quick-grid>a:hover{transform:translateY(-3px);border-color:#ffd774!important;box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 25px rgba(255,183,44,.16)}.quick-icon,.panel-icon{background:rgba(7,32,72,.94)!important;color:#ffd66c!important;border:1px solid rgba(244,188,69,.45);box-shadow:inset 0 0 20px rgba(28,96,190,.13)}.dashboard-quick-grid b{color:#ffe4a0}.dashboard-quick-grid small{color:#c0b8a9!important}.quick-count{background:#ff633f!important;color:white!important;border:1px solid #ffb08e}.quick-count.mushaf-count{background:#144c8e!important}
.dash-panel-head>strong,.progress-facts b{color:#ffd66b!important}.dash-progress{background:#0a2147!important;border:1px solid rgba(244,188,69,.18)}.dash-progress i{background:linear-gradient(90deg,#d58b14,#ffe28d)!important;box-shadow:0 0 17px rgba(255,183,42,.36)}.dash-panel>p,.mini-facts,.progress-facts{color:#bcb5a8!important}.mini-facts span,.progress-facts span{border-color:rgba(244,188,69,.20)!important}.progress-facts .error-fact b{color:#ff786e!important}.section-title-row>a{color:#f7cd72!important}.recent-list>a{color:#fff2d1!important;border-color:rgba(244,188,69,.17)!important}.recent-main small{color:#9eb0cf!important}.surah-medallion{border-color:#e9b84d!important;color:#ffe2a0!important;background:rgba(5,28,65,.8)}.chev{color:#f1be57!important}.mini-quran-map>span{background:#081f44!important;border:1px solid rgba(255,220,128,.14)!important;color:#c7d3e7!important}.mini-quran-map>span.complete{background:#13528b!important;color:#dff4ff!important}.mini-quran-map>span.working{background:#583e92!important;color:#f0e4ff!important}.mini-quran-map>span.partial{background:#7c5815!important;color:#ffe2a1!important}.mini-quran-map>span.due{background:#6f282d!important;color:#ffd8d4!important}.map-legend{color:#bdb5a8!important}

/* Quran selector, lists, progress */
.selector{max-width:880px}.quran-preview article{color:#fff4d4!important;border-color:rgba(244,188,69,.20)!important}.ayah-no{border-color:#f2bd50!important;color:#ffe19a!important;background:#082454}.list-item{color:#fff2d5!important}.list-item:hover{border-color:#f4c35c!important;transform:translateY(-1px)}.list-item span{color:#aaaeb9!important}.list-item.due{border-color:#f1a83a!important;box-shadow:0 0 22px rgba(255,170,34,.12)}
.stats{gap:12px}.stat{border-radius:18px!important}.stat b{color:#ffe191}.stat span{color:#bdb6a9!important}.danger-stat b{color:#ff7970!important}.success-stat b{color:#71e49f!important}.flawless-goal{border-color:rgba(244,188,69,.64)!important}.goal-bar{background:#071c3e!important}.goal-bar i{background:linear-gradient(90deg,#b97110,#ffe58d)!important}
.quran-map{gap:8px}.surah-chip{background:rgba(5,26,60,.91)!important;border-color:rgba(244,188,69,.25)!important;color:#fff2d0!important}.surah-chip span,.surah-chip small{color:#aeb9ca!important}.surah-chip.working{background:rgba(65,47,121,.86)!important}.surah-chip.partial{background:rgba(110,78,18,.88)!important}.surah-chip.complete{background:rgba(12,74,124,.90)!important;border-color:#3e9bdc!important}.surah-chip.due{background:rgba(108,37,43,.90)!important;border-color:#e27168!important}
.hard-word-line{border-color:rgba(244,188,69,.18)!important;color:#d8cfbf!important}

/* Memorization screen */
.memorize-shell{padding-bottom:24px}.memorize-top{background:linear-gradient(130deg,rgba(4,22,55,.95),rgba(5,13,37,.85));border:1px solid rgba(244,188,69,.45);border-radius:25px;padding:18px 20px;margin:14px 0;box-shadow:var(--shadow)}.progress-pill{background:linear-gradient(180deg,#0a326d,#061e49)!important;color:#ffe4a0!important;border:1px solid #eeb74a!important;box-shadow:var(--glow)}.compact-info{color:#c9c0af!important}.compact-info b{color:#ffe09a}.trainer{border-radius:28px!important}.stagebar button{background:#071f45!important;color:#bdc9dd!important}.stagebar button.active{background:linear-gradient(180deg,#ffd977,#d68f1b)!important;color:#07152d!important}.verse-meta{color:#c9c0b1!important}.ayah-text{font-family:"Amiri Quran","Noto Naskh Arabic","Scheherazade New",serif;color:#fff0c5!important;text-shadow:0 0 12px rgba(255,194,87,.07)}.word-card-title span{color:#aba89f!important}.word-card{background:#092455!important;color:#fff0c8!important;border:1px solid rgba(244,188,69,.4)!important;box-shadow:inset 0 0 22px rgba(24,98,196,.08),0 5px 18px rgba(0,0,0,.24)!important}.word-card.c0,.word-card.c2,.word-card.c4,.word-card.c6,.word-card.c8{background:#0d2b63!important}.word-card.c1,.word-card.c3,.word-card.c5,.word-card.c7,.word-card.c9{background:#14234f!important}.word-card.current{border-color:#ffd667!important;box-shadow:0 0 22px rgba(255,188,63,.27)!important}.word-card small{color:#d8be8c!important}.chorus-console{background:linear-gradient(135deg,rgba(105,55,153,.36),rgba(7,39,86,.72))!important;border-color:#dba84a!important}.chorus-console span{color:#c4b9a9!important}.speed-pill{background:#071c40!important;border-color:#c9902d!important;color:#ffe29a!important}.instruction{color:#ffe092}.feedback small{color:#bbb4a8!important}.feedback .score{color:#ffd667!important}.errors{color:#ff7c74!important}
.recall-inline.hidden{opacity:.25}.recall-inline.preview{background:#5b421b!important;color:#ffe8ac!important}.recall-inline.correct{background:#124c37!important;color:#bff8d3!important}.recall-inline.wrong{background:#682b31!important;color:#ffd1ce!important}.recall-inline.complete{background:#154f92!important;color:#e0efff!important}.ayah-text.recall-complete{color:#88c1ff!important}
.recall-card.hidden{background:#071b3d!important;border-color:#53627b!important}.recall-card.preview{background:#5b421b!important;color:#ffe9ae!important;border-color:#d7a536!important}.recall-card.correct{background:#124d37!important;color:#c8f7d8!important;border-color:#45c47f!important}.recall-card.wrong{background:#63282f!important;color:#ffd6d3!important;border-color:#ff665c!important}.recall-card.complete{background:#164f90!important;color:#e2f0ff!important;border-color:#5aa5f5!important}.recall-success{color:#7fc2ff!important}

/* Page memorization / parchment center */
.page-recall-toolbar,.page-recall-summary{border-radius:22px!important}.page-recall-toolbar span{color:#bdb5a7!important}.mushaf-page{background:linear-gradient(180deg,#f7e7bd,#ead09a)!important;border:7px double #bc7817!important;box-shadow:0 20px 60px rgba(0,0,0,.44),0 0 28px rgba(255,181,45,.13)!important;color:#1e1a11!important}.page-ayah{border-color:rgba(116,79,24,.22)!important}.ayah-page-meta{color:#65502b!important}.page-word{background:rgba(255,248,223,.52)!important;color:#241c10!important}.page-word.historic-error{background:#f9df6b!important;border-color:#b67b0c!important;color:#5f4300!important}.page-word.historic-corrected{border-color:#3c9971!important}.page-word.session-wrong{background:#f6b0a8!important;color:#7b211b!important;border-color:#cc4036!important}.page-word.session-correct{background:#bfe4c5!important;color:#145227!important;border-color:#4b9b61!important}.page-word.current-target{border-color:#ab690b!important;box-shadow:0 0 0 4px rgba(192,119,12,.18)!important}.word-memory-badge{background:#fff1c9!important;color:#806021!important}.page-ayah.ayah-complete{background:#c9dcf2!important}.page-ayah-number{border-color:#a46a10!important;color:#6d4709!important}.hidden-recall .page-word .word-body{color:#6b5b41!important}

/* Mushaf visual verifier */
.mushaf-text-verify,.mushaf-image-card,.visual-memory-box{border-radius:25px!important}.verify-source-badges span{background:#09204a!important;border-color:#795f2f!important;color:#dfd2ba!important}.verify-source-badges .ok-badge{background:#104833!important;border-color:#47b474!important;color:#bff0d0!important}.verify-arabic{background:#f7e8c1!important;border:3px double #b97c1a!important;color:#19170f!important;box-shadow:inset 0 0 24px rgba(150,91,6,.09)}.secondary-check{background:#0a2149!important;color:#c7c0b0!important}.secondary-check.pass{background:#104731!important;color:#bcf1cd!important}.asset-facts{border-color:rgba(244,188,69,.25)!important}.asset-facts dt{color:#ffd178!important}.mushaf-viewport{background:#020919!important;border:1px solid rgba(244,188,69,.38)!important}.mushaf-caption{color:#bdb5a8!important}.verified-state-strip>div{background:#061b3e!important;border-color:rgba(244,188,69,.37)!important;color:#fff0cc!important}.mushaf-status-ok{color:#6ee09a!important}.mushaf-status-warn{color:#ffd275!important}

/* Error/correction and semantic states — theme remains cosmic while correctness stays meaningful */
.correction-card{border-radius:22px!important}.correction-word{color:#fff0cc!important}.correction-meta{color:#bdb6aa!important}.historic-error,.warning-link{box-shadow:0 0 20px rgba(255,193,49,.09)}

/* Footer / bottom mobile navigation */
.footer{color:#9fa8b8!important}.footer a{color:#e6bf68!important}.bottom-nav{background:rgba(2,14,37,.96)!important;border:1px solid rgba(244,188,69,.58)!important;box-shadow:0 12px 44px rgba(0,0,0,.55),0 0 30px rgba(255,184,44,.10)!important}.bottom-nav a{color:#b8c0ce!important}.bottom-nav a.active{background:linear-gradient(180deg,rgba(244,188,69,.22),rgba(244,188,69,.05))!important;color:#ffdc81!important;box-shadow:inset 0 0 0 1px rgba(244,188,69,.23)}

/* Profile page */
.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border-radius:28px;background:linear-gradient(145deg,rgba(8,32,72,.96),rgba(3,14,38,.94));border:1px solid rgba(244,188,69,.55);box-shadow:var(--shadow);margin:18px 0}.profile-avatar{width:96px;height:96px;border-radius:50%;background:url('theme/app-icon.webp') center/cover no-repeat;border:3px solid #f2b842;box-shadow:0 0 28px rgba(255,179,40,.26)}.profile-hero h1{font-family:Georgia,serif;color:#ffe4a0;margin:0 0 5px}.profile-hero p{margin:0;color:#bfb7aa}.profile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.profile-kpis span{padding:9px 10px;border:1px solid rgba(244,188,69,.22);border-radius:12px;color:#bfc5cf}.profile-kpis b{display:block;color:#ffe09a;font-size:20px}.settings-grid{display:grid;gap:12px}.settings-row{display:grid;grid-template-columns:1fr minmax(180px,340px);gap:20px;align-items:center}.settings-row h3{margin:0 0 4px}.settings-row p{margin:0;color:#aaaeb7;font-size:13px}.settings-row .inline-controls{display:flex;align-items:center;gap:8px;justify-content:flex-end}.settings-row input[type=range]{padding:0;background:transparent!important;border:0!important}.settings-note{font-size:12px;color:#9eabbf}

/* responsive */
@media(max-width:900px){.topbar-inner{gap:8px}.dashboard-hero{min-height:250px!important}.profile-hero{grid-template-columns:auto 1fr}.profile-hero>.primary{grid-column:1/-1;text-align:center}.settings-row{grid-template-columns:1fr}.settings-row .inline-controls{justify-content:flex-start}}
@media(max-width:720px){
 body{background-attachment:scroll}.container{padding:12px 12px 30px}.topbar{padding:7px 10px}.brand-mark{width:40px!important;height:40px!important}.brand strong{font-size:16px}.brand small{font-size:9px}
 .dashboard-hero{min-height:250px!important;background-position:56% center!important}.dashboard-hero-copy{max-width:76%!important}.dashboard-hero h1{font-size:31px!important}.hero-emblem{width:72px!important;height:72px!important}.dashboard-stat-strip{background:rgba(3,18,45,.96)!important}
 .auth-card{padding:280px 18px 24px!important;border-radius:26px!important}.auth-card::before{height:252px}.auth-card::after{top:216px;font-size:10px}.auth-card h1{font-size:28px}
 .page-head{padding-top:18px}.page-head h1{font-size:34px}.memorize-top{align-items:flex-start!important;gap:12px}.big-actions{grid-template-columns:repeat(2,1fr)!important}.big-actions .primary{grid-column:auto!important}.big-actions .mushaf-action{min-height:52px}
 .profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-kpis{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:430px){.brand small{display:none}.dashboard-hero-copy{max-width:81%!important}.dashboard-stat b{font-size:14px!important}.dashboard-stat small{font-size:7px!important}.dashboard-start-button strong{font-size:20px!important}.page-head h1{font-size:30px}.profile-kpis{grid-template-columns:1fr 1fr}.profile-kpis span:last-child{grid-column:1/-1}.settings-row .inline-controls{flex-wrap:wrap}}

/* reduced motion */
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Quran browser */
.cosmic-page-head{align-items:flex-end}.quran-browser{margin-bottom:18px;padding:20px!important}.quran-browser-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.quran-browser-top>div{display:grid;gap:3px}.quran-browser-top>div>b{font-family:Georgia,serif;font-size:24px;color:#ffe29a}.quran-browser-top>div>span{font-size:12px;color:#bcb5a8}.surah-search{display:flex!important;align-items:center!important;gap:8px!important;min-width:min(420px,50%);padding:0 14px;border:1px solid rgba(244,188,69,.42);border-radius:15px;background:rgba(1,13,35,.86)}.surah-search>span{font-size:28px;color:#ffd66d;line-height:1}.surah-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:14px 0!important}.surah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:560px;overflow:auto;padding:2px 4px 4px 0}.surah-tile{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;text-align:left;gap:10px;min-height:86px;padding:12px 14px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(8,37,80,.96),rgba(3,18,48,.98))!important}.surah-tile[hidden]{display:none!important}.surah-tile:hover{transform:translateY(-2px);border-color:#ffd269!important}.surah-index{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(244,188,69,.55);background:#061b3b;color:#ffe09a;font-weight:900}.surah-tile-main{display:grid;gap:3px}.surah-tile-main b{color:#ffe7a8}.surah-tile-main small{color:#aeb9cc;font-size:10px}.surah-tile strong{font-family:"Amiri Quran","Noto Naskh Arabic",serif;font-size:25px;color:#fff0c8}.surah-tile i{font-style:normal;color:#ffd36d;font-size:24px}.cosmic-selector{margin-top:20px!important}.selector-title{display:flex;align-items:center;gap:12px}.selector-title>div{display:grid;gap:2px}.selector-title b{font-size:20px;color:#ffe29a}.selector-title small{color:#bcb5a8}.selection-meta{padding:11px 13px;border-radius:12px;background:#061d42;border:1px solid rgba(244,188,69,.22);color:#c8c2b7;font-size:12px}.selector-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.selector-actions .big{display:grid;place-items:center}.quran-preview{max-height:460px;overflow:auto;padding-right:6px}
@media(max-width:900px){.surah-grid{grid-template-columns:repeat(2,1fr)}.quran-browser-top{align-items:stretch;flex-direction:column}.surah-search{min-width:0;width:100%}}
@media(max-width:560px){.surah-grid{grid-template-columns:1fr;max-height:480px}.surah-tile{min-height:76px}.selector-actions{grid-template-columns:1fr}.surah-tile strong{font-size:22px}}
.cosmic-switch{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;cursor:pointer}.cosmic-switch input{position:absolute;opacity:0;pointer-events:none}.cosmic-switch span{width:58px;height:32px;border-radius:999px;background:#071b3f;border:1px solid rgba(244,188,69,.44);position:relative;box-shadow:inset 0 0 14px rgba(0,0,0,.28)}.cosmic-switch span::after{content:"";position:absolute;width:24px;height:24px;left:4px;top:3px;border-radius:50%;background:#8c94a3;transition:.18s;box-shadow:0 2px 8px rgba(0,0,0,.35)}.cosmic-switch input:checked+span{background:linear-gradient(90deg,#a86910,#e6a62c);border-color:#ffdf88}.cosmic-switch input:checked+span::after{transform:translateX(25px);background:#fff3bf;box-shadow:0 0 14px rgba(255,224,130,.55)}
.auth-subtitle{text-align:center;color:#c7c0b1!important;margin:-10px 0 20px!important;font-size:13px;line-height:1.6}

/* v3.1 root landing: www.ezberlerim.com.tr -> /index.php */
.guest-home{width:min(820px,100%);min-height:720px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:48px 34px 54px;border:1.5px solid rgba(255,197,74,.72);border-radius:38px;overflow:hidden;background:linear-gradient(to bottom,rgba(0,8,27,.08) 0%,rgba(0,9,30,.10) 38%,rgba(1,12,35,.84) 68%,rgba(2,13,36,.98) 100%),url('theme/auth-hero.webp') center top/cover no-repeat;box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 55px rgba(255,170,34,.12)}
.guest-home::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(255,184,46,.14),transparent 30%),linear-gradient(135deg,rgba(255,222,137,.07),transparent 35%)}
.guest-home>*{position:relative;z-index:1}.guest-home-logo{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:104px;height:104px;border-radius:27px;overflow:hidden;border:1px solid rgba(255,212,112,.78);box-shadow:0 0 28px rgba(255,184,43,.28)}.guest-home-logo img{width:100%;height:100%;object-fit:cover}.guest-kicker{margin:0 0 7px;color:#f4c764;font:800 13px/1.2 Georgia,serif;letter-spacing:.25em}.guest-home h1{margin:0;color:#fff0bf;font:700 clamp(31px,6vw,56px)/1.05 Georgia,serif;text-shadow:0 3px 20px #000}.guest-home h1 span{display:inline-block;margin-top:4px;font-size:1.45em;color:#ffd56e;text-shadow:0 0 18px rgba(255,169,24,.5),0 3px 18px #000}.guest-copy{max-width:590px;margin:18px auto 24px;color:#e8dfcd;font-size:15px;line-height:1.7}.guest-actions{width:min(560px,100%);display:grid;gap:12px}.guest-actions a{min-height:62px;padding:0 25px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:16px;font:800 20px/1 Georgia,serif;letter-spacing:.02em;transition:.18s}.guest-actions a b{font:400 36px/1 system-ui}.guest-login{color:#fff0c1;background:linear-gradient(180deg,#0a2a62,#061a3e);border:1.5px solid #f3bd4b;box-shadow:inset 0 0 20px rgba(255,206,98,.08),0 0 22px rgba(255,171,30,.13)}.guest-register{color:#1c1305;background:linear-gradient(180deg,#ffe599,#e9a82d);border:1.5px solid #fff0ae;box-shadow:0 0 24px rgba(255,176,34,.25)}.guest-actions a:hover{transform:translateY(-2px);filter:brightness(1.06)}.guest-trust{margin-top:22px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;color:#c9b98f;font-size:11px}.guest-trust span{padding:7px 10px;border:1px solid rgba(240,187,72,.25);border-radius:999px;background:rgba(0,12,35,.55)}
@media(max-width:600px){.app-guest .container{padding:12px!important}.guest-home{min-height:calc(100vh - 110px);padding:34px 16px 30px;border-radius:26px;background-position:50% top}.guest-home-logo{width:76px;height:76px;top:18px;border-radius:20px}.guest-copy{font-size:13px;margin:14px 8px 20px}.guest-actions a{min-height:56px;font-size:18px;border-radius:17px}.guest-trust{gap:7px}.guest-trust span{font-size:9px}}
