@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  color-scheme: dark;
  --bg: #07101d;
  --bg-deep: #030916;
  --surface: #101b2c;
  --surface-2: #152238;
  --surface-3: #1a2942;
  --border: #263954;
  --border-soft: rgba(71, 104, 147, .32);
  --text: #f8fafc;
  --text-soft: #c7d2e3;
  --muted: #7e8da6;
  --blue: #28b8f7;
  --blue-2: #2563eb;
  --cyan: #22d3ee;
  --green: #2dd47a;
  --red: #fb6476;
  --yellow: #facc15;
  --purple: #a78bfa;
  --orange: #fb923c;
  --shadow: 0 22px 70px rgba(0, 0, 0, .32);
  --glow: 0 0 42px rgba(40, 184, 247, .14);
  --radius: 22px;
  --sidebar: 270px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background:
  radial-gradient(circle at 80% -20%, rgba(37, 99, 235, .17), transparent 38%),
  radial-gradient(circle at 5% 80%, rgba(34, 211, 238, .08), transparent 35%), var(--bg); color: var(--text); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
h1,h2,h3,h4,p { margin-top: 0; }
p { color: var(--text-soft); line-height: 1.65; }
.container { width: min(1220px, calc(100% - 40px)); margin: 0 auto; }
.rotate-180 { transform: rotate(180deg); }
.success-text { color: var(--green)!important; }
.danger-text { color: var(--red)!important; }
.warning-text { color: var(--yellow)!important; }
.premium { color: var(--yellow)!important; }

/* Shared controls */
.btn { border: 1px solid transparent; border-radius: 14px; padding: 0 18px; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 800; cursor: pointer; transition: .2s ease; white-space: nowrap; }
.btn:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.06); }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn-sm { height: 38px; padding: 0 14px; font-size: 13px; }
.btn-md { height: 46px; }
.btn-lg { height: 56px; padding: 0 24px; font-size: 16px; border-radius: 17px; }
.btn-primary { background: linear-gradient(135deg, #14b8f6, #2563eb); color: #fff; box-shadow: 0 10px 28px rgba(37, 99, 235, .24); }
.btn-secondary { background: #16253b; border-color: #2f4b6c; color: #eaf5ff; }
.btn-ghost { background: transparent; border-color: var(--border); color: var(--text-soft); }
.btn-danger { background: rgba(251, 100, 118, .15); border-color: rgba(251, 100, 118, .48); color: #ff9aa7; }
.btn-warning { background: rgba(250, 204, 21, .14); border-color: rgba(250, 204, 21, .38); color: #ffe76f; }
.icon-button { width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 13px; display: inline-grid; place-items: center; background: #101c2e; cursor: pointer; transition: .2s ease; }
.icon-button:hover { border-color: #3c82ba; color: var(--blue); }
.card { position: relative; background: linear-gradient(145deg, rgba(20, 34, 55, .96), rgba(10, 20, 35, .97)); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; box-shadow: var(--shadow); overflow: hidden; }
.card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(255,255,255,.028),transparent 34%); }
.badge { display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.badge-blue { background:rgba(40,184,247,.13); border:1px solid rgba(40,184,247,.35); color:#67d2ff; }
.badge-green { background:rgba(45,212,122,.13); border:1px solid rgba(45,212,122,.35); color:#70eca7; }
.badge-red { background:rgba(251,100,118,.13); border:1px solid rgba(251,100,118,.35); color:#ff9aaa; }
.badge-yellow { background:rgba(250,204,21,.13); border:1px solid rgba(250,204,21,.35); color:#ffe666; }
.badge-purple { background:rgba(167,139,250,.14); border:1px solid rgba(167,139,250,.35); color:#cbb8ff; }
.badge-gray { background:rgba(126,141,166,.13); border:1px solid rgba(126,141,166,.28); color:#a9b4c5; }
.eyebrow { display:block; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.17em; text-transform:uppercase; margin-bottom:7px; }
.eyebrow.success { color:var(--green); }.eyebrow.danger { color:var(--red); }.eyebrow.warning { color:var(--yellow); }
.progress-wrap { width:100%; }.progress-label { display:flex; justify-content:space-between; gap:15px; margin-bottom:8px; color:var(--text-soft); font-size:12px; }.progress { height:8px; background:#07101f; border:1px solid rgba(61,85,119,.45); border-radius:999px; overflow:hidden; }.progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--blue),var(--blue-2)); transition:width .35s; }.progress .progress-green { background:linear-gradient(90deg,#20c66e,#4ade80); }.progress .progress-red { background:linear-gradient(90deg,#ef476f,#fb7185); }.progress .progress-purple { background:linear-gradient(90deg,#8b5cf6,#c084fc); }.progress .progress-yellow { background:linear-gradient(90deg,#f59e0b,#facc15); }
.field { display:flex; flex-direction:column; gap:8px; color:var(--text-soft); font-size:12px; font-weight:700; min-width:0; }.field input,.field textarea,.field select,.admin-toolbar select,.message-composer textarea { width:100%; color:var(--text); background:#091424; border:1px solid #2b405e; border-radius:13px; outline:none; padding:13px 14px; transition:.2s; }.field input:focus,.field textarea:focus,.field select:focus,.message-composer textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(40,184,247,.1); }.field textarea { resize:vertical; line-height:1.55; }.field small { color:var(--muted); font-weight:500; }.field em { color:var(--red); font-style:normal; }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:18px; }.inline-field { display:flex; gap:9px; }.modal-form { display:grid; gap:16px; }
.segmented { display:flex; align-items:center; flex-wrap:wrap; gap:7px; background:#091424; border:1px solid var(--border); padding:5px; border-radius:15px; }.segmented button { border:0; border-radius:11px; background:transparent; color:var(--muted); padding:9px 14px; font-weight:800; cursor:pointer; }.segmented button.active { background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; box-shadow:0 7px 18px rgba(37,99,235,.25); }
.toggle-row { position:relative; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 0; border-bottom:1px solid var(--border-soft); cursor:pointer; }.toggle-row:last-child { border-bottom:0; }.toggle-row span { display:flex; flex-direction:column; gap:4px; }.toggle-row small { color:var(--muted); font-weight:500; }.toggle-row input { position:absolute; opacity:0; }.toggle-row i { width:48px; height:27px; border-radius:999px; background:#26364d; position:relative; transition:.2s; flex:none; }.toggle-row i::after { content:""; position:absolute; width:21px; height:21px; background:#b8c4d5; border-radius:50%; top:3px; left:3px; transition:.2s; }.toggle-row input:checked+i { background:#176b44; }.toggle-row input:checked+i::after { left:24px; background:#42e28c; }.toggle-row.is-disabled { opacity:.5; }
.spinner { width:34px;height:34px;border:3px solid rgba(40,184,247,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.spinner-small{width:18px;height:18px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}
.loading { min-height:300px; display:grid; place-items:center; align-content:center; gap:14px; color:var(--muted); }.loading-full { min-height:100vh; }.empty-state { min-height:240px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; }.empty-icon { width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(40,184,247,.1);border:1px solid rgba(40,184,247,.27);color:var(--blue);margin-bottom:14px}.empty-state h3 { margin-bottom:6px; }.empty-state p { max-width:430px; color:var(--muted); }
.modal-backdrop { position:fixed; inset:0; z-index:1000; background:rgba(1,6,14,.76); backdrop-filter:blur(12px); display:grid; place-items:center; padding:20px; }.modal { width:min(560px,100%); max-height:min(860px,calc(100vh - 40px)); overflow:auto; background:#0d1829; border:1px solid #304a6b; border-radius:24px; box-shadow:0 40px 100px rgba(0,0,0,.62); }.modal-sm { width:min(430px,100%); }.modal-lg { width:min(800px,100%); }.modal-header { display:flex; justify-content:space-between; align-items:center; padding:20px 22px; border-bottom:1px solid var(--border); position:sticky; top:0; background:#0d1829; z-index:2; }.modal-header h2 { margin:0; font-size:18px; }.modal-body { padding:22px; }.modal-actions { display:flex; justify-content:flex-end; gap:10px; padding:16px 22px; border-top:1px solid var(--border); position:sticky; bottom:0; background:#0d1829; }
.toast-stack { position:fixed; right:22px; top:22px; z-index:2000; display:grid; gap:10px; width:min(390px,calc(100vw - 44px)); }.toast { background:#132239; border:1px solid #345171; box-shadow:var(--shadow); padding:14px 16px; border-radius:14px; font-weight:700; animation:toastIn .25s ease; }.toast-success { border-color:rgba(45,212,122,.5); color:#8bf1b7; }.toast-error { border-color:rgba(251,100,118,.5); color:#ff9cac; }.toast-warning { border-color:rgba(250,204,21,.5); color:#ffe875; } @keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}

/* Brand, landing, auth */
.brand { display:inline-flex; align-items:center; gap:10px; font-size:21px; font-weight:900; letter-spacing:-.03em; }.brand img { width:38px;height:38px;border-radius:11px;object-fit:contain}.brand span b { color:var(--blue); }.brand-compact span { display:none; }
.landing { min-height:100vh; background:radial-gradient(circle at 60% 25%,rgba(37,99,235,.2),transparent 34%),linear-gradient(180deg,#030914,#07101d); overflow:hidden; }.landing-nav { height:82px; display:flex; align-items:center; justify-content:space-between; }.landing-nav nav { display:flex; align-items:center; gap:24px; color:var(--text-soft); font-size:13px; font-weight:700; }.hero { min-height:720px; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:50px; padding:70px 0 90px; }.hero-copy h1 { font-size:clamp(46px,5vw,75px); line-height:1.04; letter-spacing:-.055em; margin:20px 0; }.hero-copy h1 span { color:transparent; background:linear-gradient(90deg,#38bdf8,#2563eb,#a78bfa); -webkit-background-clip:text; background-clip:text; }.hero-copy p { font-size:18px; max-width:650px; }.hero-pill { display:inline-flex; border:1px solid rgba(40,184,247,.4); background:rgba(40,184,247,.08); color:#80dcff; padding:8px 12px; border-radius:999px; font-size:11px; font-weight:900; letter-spacing:.12em; }.hero-actions { display:flex; gap:12px; margin:30px 0 20px; }.hero-trust { display:flex; flex-wrap:wrap; gap:18px; color:var(--muted); font-size:12px; font-weight:700; }.hero-visual { position:relative; perspective:1100px; }.desktop-mockup { background:#07111e;border:1px solid #38577c;border-radius:23px;box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 60px rgba(40,184,247,.14);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg)}.browser-bar { height:42px;display:flex;align-items:center;gap:7px;padding:0 13px;background:#101b2b;border-bottom:1px solid #2b3f5b}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#fb6476}.browser-bar i:nth-child(2){background:#facc15}.browser-bar i:nth-child(3){background:#2dd47a}.browser-bar span{margin-left:12px;color:#72839d;font-size:10px}.mock-dashboard{display:grid;grid-template-columns:145px 1fr;min-height:430px}.mock-dashboard aside{background:#091321;border-right:1px solid #1e314b;padding:18px 12px;display:grid;align-content:start;gap:9px;font-size:10px;color:#72839d}.mock-dashboard aside img{width:32px}.mock-dashboard aside b{color:#fff;margin-bottom:14px}.mock-dashboard aside div{padding:9px;border-radius:9px}.mock-active{background:#14304b;color:#57cfff!important}.mock-dashboard section{padding:26px}.mock-hello{font-size:18px;font-weight:900}.mock-hello small{display:block;color:#72839d;font-size:10px;margin-top:5px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.mock-grid .card{padding:13px;border-radius:13px;box-shadow:none}.mock-grid b{display:block;color:#72839d;font-size:8px}.mock-grid strong{font-size:23px}.mock-chart{height:180px;border-radius:17px;background:linear-gradient(rgba(37,99,235,.06),transparent),repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(80,110,150,.12) 32px);display:flex;align-items:flex-end;gap:18px;padding:22px}.mock-chart span{flex:1;min-height:10%;background:linear-gradient(#34d9ff,#2563eb);border-radius:7px 7px 2px 2px}.floating-card{position:absolute;background:#102139;border:1px solid #3b78a8;border-radius:15px;padding:12px 16px;font-weight:800;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.float-one{left:-35px;bottom:45px}.float-two{right:-20px;top:20px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-10px)}}.landing-section{padding:100px 0}.section-heading{text-align:center;max-width:740px;margin:0 auto 42px}.section-heading h2{font-size:42px;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{min-height:230px}.feature-card>svg{color:var(--blue);margin-bottom:24px}.feature-card h3{font-size:18px}.feature-card p{font-size:13px;color:var(--muted)}.web-cta{background:linear-gradient(130deg,rgba(37,99,235,.18),rgba(167,139,250,.08));border-top:1px solid #213a57;border-bottom:1px solid #213a57;padding:85px 0}.web-cta .container{text-align:center}.web-cta h2{font-size:42px;letter-spacing:-.04em}.web-cta p{max-width:670px;margin:0 auto 25px}.landing-footer{height:110px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #17263a;color:var(--muted);font-size:12px}.landing-footer nav{display:flex;gap:22px}
.auth-page { min-height:100vh; display:grid; grid-template-columns:1.08fr .92fr; }.auth-visual { padding:70px clamp(40px,7vw,115px); background:radial-gradient(circle at 25% 30%,rgba(37,99,235,.28),transparent 35%),#06101d; display:flex; flex-direction:column; justify-content:center; }.auth-visual h1 { font-size:clamp(45px,5vw,74px); line-height:1.03; letter-spacing:-.055em; margin:22px 0; max-width:760px; }.auth-visual h1 span { color:var(--blue); }.auth-feature-list { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px;max-width:700px}.auth-feature-list div{border:1px solid #253d5a;background:rgba(13,28,48,.75);border-radius:15px;padding:14px;color:var(--text-soft);font-size:13px;font-weight:700}.auth-panel { display:grid;place-items:center;padding:40px;background:#091321}.auth-card { width:min(480px,100%); }.auth-mobile-brand { display:none; }.auth-card h2 { font-size:34px;margin-bottom:8px }.auth-form { display:grid;gap:16px;margin-top:24px }.auth-switch { text-align:center;margin:22px 0 0;color:var(--muted) }.auth-switch a,.text-button { color:var(--blue);font-weight:800 }.text-button { background:none;border:0;cursor:pointer;padding:0 }.align-right { margin-left:auto }.legal-note { font-size:10px;color:#64748b;text-align:center;margin-top:18px }.modal-help{display:grid;gap:14px}
.legal-page { min-height:100vh;background:#07101d }.legal-page header{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1000px)/2))}.legal-page main{max-width:850px;margin:0 auto;padding:70px 25px 120px}.legal-page h1{font-size:46px}.legal-page h2{margin-top:36px}.public-support-actions{display:flex;gap:10px;margin:25px 0 45px}

/* App shell */
.app-shell { display:grid; grid-template-columns:var(--sidebar) minmax(0,1fr); min-height:100vh; }.sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar); display:flex;flex-direction:column;background:rgba(5,13,24,.97);border-right:1px solid #1b2b41;z-index:100;transition:.25s;backdrop-filter:blur(22px)}.sidebar-top{height:78px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17273c}.sidebar-nav{flex:1;overflow:auto;padding:15px 11px}.nav-label{display:block;color:#50617a;font-size:8px;font-weight:900;letter-spacing:.16em;margin:16px 11px 7px}.nav-item{width:100%;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:12px;color:#8595ad;font-size:12px;font-weight:700;background:transparent;cursor:pointer;margin:2px 0}.nav-item:hover{background:#0f1d2f;color:#d9e8f8}.nav-item.active{background:linear-gradient(90deg,rgba(14,165,233,.18),rgba(37,99,235,.1));color:#60d2ff;border-color:rgba(40,184,247,.25)}.nav-admin{color:#c8b7ff}.sidebar-bottom{border-top:1px solid #17273c;padding:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px}.sidebar-user>div:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}.sidebar-user small{color:#697b94;font-size:9px;overflow:hidden;text-overflow:ellipsis}.logout-item{color:#fb8290}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#172941;border:1px solid #365273;font-size:19px;flex:none}.avatar.small{width:34px;height:34px;border-radius:11px;font-size:16px}.avatar.large{width:72px;height:72px;border-radius:23px;font-size:34px}.avatar.xlarge{width:96px;height:96px;border-radius:28px;font-size:46px}.app-main{grid-column:2;min-width:0}.topbar{height:78px;position:sticky;top:0;z-index:80;background:rgba(7,16,29,.88);backdrop-filter:blur(20px);border-bottom:1px solid #1b2d43;display:flex;align-items:center;gap:18px;padding:0 28px}.mobile-menu{display:none}.topbar-search{height:42px;flex:1;max-width:540px;display:flex;align-items:center;gap:10px;background:#0c1828;border:1px solid #263a55;border-radius:13px;padding:0 13px}.topbar-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-xp{height:38px;display:flex;align-items:center;gap:9px;background:#101d30;border:1px solid #273d5b;border-radius:12px;padding:0 12px}.topbar-xp span{font-size:8px;color:var(--yellow);font-weight:900}.topbar-profile{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.page-content{max-width:1540px;margin:0 auto;padding:28px 32px 70px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:24px}.page-header h1{font-size:32px;letter-spacing:-.035em;margin-bottom:7px}.page-header p{color:var(--muted);margin:0;max-width:790px;font-size:13px}.page-actions{display:flex;gap:10px}.sidebar-collapsed{--sidebar:86px}.sidebar-collapsed .sidebar .brand span,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-user>div:nth-child(2),.sidebar-collapsed .sidebar-user .badge{display:none}.sidebar-collapsed .nav-item{justify-content:center}.sidebar-collapsed .sidebar-top{justify-content:center;flex-wrap:wrap;height:100px}.sidebar-collapsed .collapse-button{position:absolute;top:55px;transform:scale(.72)}

/* Dashboard and generic */
.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.level-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.level-top{display:contents}.level-badge{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#281b59,#152348);border:1px solid #795ae2;color:var(--yellow);font-size:31px}.level-total span,.xp-row span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.level-total strong{display:block;font-size:30px}.xp-row{grid-column:2/4}.xp-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px}.reward-link{grid-column:2/4;display:flex;align-items:center;justify-content:space-between;padding:14px;border-radius:14px;background:#0d192a;border:1px solid #28405f}.daily-goal-card{display:grid;grid-template-columns:1fr auto;align-items:center;border-color:#1b6b46;background:linear-gradient(145deg,#0b3323,#0a211b)}.daily-goal-card.complete{box-shadow:0 0 45px rgba(45,212,122,.1)}.daily-streak{display:inline-flex;padding:5px 8px;background:rgba(250,204,21,.12);border-radius:999px;color:#ffe66f;font-size:10px;font-weight:900}.goal-ring,.result-circle,.ai-score-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) var(--result,360deg),#132339 0);box-shadow:inset 0 0 0 12px #0c1727}.goal-ring strong{font-size:28px}.goal-ring span{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.stats-grid.compact{grid-template-columns:repeat(4,1fr)}.stat-card{padding:15px;display:flex;align-items:center;gap:12px;min-height:91px;box-shadow:none}.stat-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:rgba(40,184,247,.11);color:var(--blue)}.stat-card>div:last-child{display:flex;flex-direction:column;min-width:0}.stat-card span{font-size:9px;color:var(--muted);font-weight:800}.stat-card strong{font-size:20px}.stat-card small{font-size:8px;color:#74859d}.stat-green .stat-icon{color:var(--green);background:rgba(45,212,122,.1)}.stat-red .stat-icon{color:var(--red);background:rgba(251,100,118,.1)}.stat-yellow .stat-icon{color:var(--yellow);background:rgba(250,204,21,.1)}.stat-purple .stat-icon{color:var(--purple);background:rgba(167,139,250,.1)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-lower{grid-column:1/-1}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.card-heading h2{margin:0;font-size:19px}.exam-chip,.pro-chip{padding:6px 10px;border-radius:999px;background:#071321;color:var(--blue);border:1px solid #244a69;font-size:10px;font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-action{display:flex;align-items:center;gap:12px;background:#0a1727;border:1px solid #283e5b;border-radius:15px;padding:14px;cursor:pointer;text-align:left}.quick-action:hover{border-color:#2b84bb}.quick-action>svg{color:var(--blue)}.quick-action span{display:flex;flex-direction:column}.quick-action small{color:var(--muted)}.smart-plan{border-color:#5f3db0;background:linear-gradient(140deg,#19133c,#101a2b)}.tool-list{display:grid;gap:10px}.tool-list a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:#0a1626;border:1px solid #263a56}.tool-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.tool-icon.purple{background:#291e57;color:#b69aff}.tool-icon.red{background:#421a2a;color:#ff8494}.tool-icon.blue{background:#12354f;color:#65d5ff}.tool-icon.yellow{background:#3c3214;color:#ffe25c}.tool-list span{display:flex;flex-direction:column}.tool-list small{color:var(--muted)}

/* Questions */
.setup-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.setup-main{display:grid;gap:20px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-cards button{min-height:125px;background:#0b1727;border:1px solid #2c4361;border-radius:17px;padding:18px;text-align:left;color:var(--text);cursor:pointer}.mode-cards button.active{border-color:var(--blue);background:linear-gradient(145deg,rgba(14,165,233,.18),#0c1a2c);box-shadow:var(--glow)}.mode-cards svg{color:var(--blue);margin-bottom:20px}.mode-cards strong{display:block;font-size:15px}.mode-cards small{color:var(--muted)}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row button{padding:9px 14px;border-radius:12px;border:1px solid #2a405c;background:#0a1727;color:#93a4bc;font-weight:800;cursor:pointer}.choice-row button.active{background:#0c66c7;border-color:#2dbbf7;color:#fff}.setup-summary{position:sticky;top:100px;height:max-content}.setup-illustration{height:210px;border-radius:18px;background:radial-gradient(circle at 50% 60%,rgba(40,184,247,.35),transparent 32%),linear-gradient(145deg,#091729,#111b34);display:grid;place-items:center;font-size:78px;margin-bottom:20px}.keyboard-tip{padding:13px;border:1px dashed #365371;border-radius:13px;color:var(--muted);font-size:11px}.session-page{min-height:calc(100vh - 160px)}.session-header{display:flex;align-items:center;gap:18px;margin-bottom:15px}.session-header-stats{display:flex;gap:10px;margin-left:auto}.session-header-stats>div{min-width:92px;height:45px;padding:0 12px;border:1px solid #2a405b;border-radius:13px;background:#0c1828;display:flex;align-items:center;justify-content:space-between;gap:8px}.session-header-stats span{font-size:9px;color:var(--muted)}.session-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.question-card{padding:28px}.question-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.question-card h1{font-size:clamp(22px,2.2vw,33px);line-height:1.38;margin:28px 0}.options-list{display:grid;gap:10px}.option{width:100%;min-height:64px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #2b405d;border-radius:15px;background:#0a1626;color:var(--text);padding:10px 15px;cursor:pointer;transition:.18s}.option:hover:not(.muted){border-color:#4884b1;transform:translateX(2px)}.option>b{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#17253b;flex:none}.option.correct{border-color:var(--green);background:rgba(45,212,122,.1)}.option.correct>b{background:#175d3d;color:#7af0ad}.option.wrong{border-color:var(--red);background:rgba(251,100,118,.1)}.option.wrong>b{background:#5a2030;color:#ff9cac}.option.muted{opacity:.5}.answer-explanation{margin-top:16px;padding:17px;border-radius:15px;border:1px solid #2e435e;background:#091625}.answer-explanation.correct{border-color:rgba(45,212,122,.45)}.answer-explanation.wrong{border-color:rgba(251,100,118,.45)}.session-side{display:grid;gap:14px;align-content:start}.score-stack{display:grid;gap:10px}.score-stack>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border-soft)}.shortcut-list{display:grid;gap:9px}.shortcut-list div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.shortcut-list kbd{background:#17243a;border:1px solid #36506f;padding:4px 7px;border-radius:7px;color:#e7f6ff}.session-actions{display:grid;gap:8px}.report-link{background:none;border:0;color:#71829a;cursor:pointer}.session-empty{max-width:600px;text-align:center}.wrong-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}.wrong-count{width:140px;height:140px;border-radius:34px;background:linear-gradient(145deg,#39182a,#151c31);border:1px solid #71304b;display:grid;place-items:center}.wrong-count strong{font-size:52px;color:#ff8295}.wrong-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.wrong-steps .card{box-shadow:none}.wrong-side{margin-top:16px}.result-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.result-score{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center}.result-circle{--result:0deg;background:conic-gradient(var(--blue) var(--result),#152238 0);box-shadow:inset 0 0 0 15px #0c1726}.result-circle strong{font-size:30px}.result-circle span{font-size:9px;color:var(--muted)}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-stats .stat-card:last-child{grid-column:1/-1}.result-actions-card{display:flex;align-items:center;gap:15px;margin-top:16px}.result-actions-card>svg{color:var(--purple)}.result-actions-card>div{display:flex;align-items:center;gap:14px;flex:1}.result-actions-card span{display:flex;flex-direction:column}.result-actions-card small{color:var(--muted)}

/* Maps */
.maps-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 85% 50%,rgba(40,184,247,.18),transparent 30%),linear-gradient(145deg,#101c2f,#081421);border:1px solid #29415e;border-radius:24px;padding:30px;margin-bottom:18px}.maps-hero h2{font-size:29px}.mini-map-shape{width:260px;opacity:.75;filter:drop-shadow(0 0 22px rgba(40,184,247,.25))}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.game-card{min-height:200px;display:flex;flex-direction:column;cursor:pointer;transition:.2s}.game-card:hover{transform:translateY(-4px);border-color:#3a86b9}.game-card.locked{opacity:.72}.game-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#132b45;color:var(--blue);font-size:26px;margin-bottom:24px}.game-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-card p{font-size:12px;color:var(--muted)}.map-game-page{min-height:calc(100vh - 160px)}.map-game-header{display:flex;align-items:center;gap:15px;margin-bottom:12px}.map-game-header h1{margin:0;font-size:24px}.map-game-meta{margin-left:auto;display:flex;gap:9px}.map-game-meta>span{height:42px;display:flex;align-items:center;padding:0 13px;border:1px solid #29405e;border-radius:12px;background:#0a1728}.map-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.map-board{padding:15px}.turkey-map-wrap{position:relative;height:min(66vh,650px);min-height:420px;overflow:hidden;background:#0a1828;border:1px solid #2c4462;border-radius:18px}.map-toolbar{position:absolute;right:14px;top:14px;z-index:4;display:flex;gap:7px}.map-toolbar button{width:42px;height:42px;border:1px solid #35506f;border-radius:12px;background:#101e31;color:#fff;font-size:19px;font-weight:900;cursor:pointer}.map-transform{width:100%;height:100%;transform-origin:center;transition:.2s}.map-transform svg{width:100%;height:100%}.province-path{fill:#1c3454;stroke:#5879a4;stroke-width:1.25;cursor:pointer;transition:.12s}.province-path:hover,.province-path.is-selected{fill:#1676c8;filter:drop-shadow(0 0 4px #38bdf8)}.province-path.is-correct{fill:#20b66a}.province-path.is-wrong{fill:#ef536d}.map-tooltip{position:absolute;pointer-events:none;background:#030914;border:1px solid #395b80;border-radius:8px;padding:5px 8px;font-size:9px;z-index:10}.map-name-hint{position:absolute;left:15px;bottom:15px;background:rgba(5,13,24,.83);padding:7px 10px;border-radius:9px;color:#7fdcff;font-size:10px}.map-question-panel{display:grid;align-content:start;gap:15px}.map-question-panel h2{font-size:25px;line-height:1.35}.map-selection-status,.map-feedback{padding:13px;border-radius:13px;background:#091625;border:1px solid #273e5b;color:var(--text-soft)}.map-feedback.correct{border-color:#2c7d56;color:#78efaa}.map-feedback.wrong{border-color:#87334a;color:#ff97a6}.map-live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.map-live-stats div{display:flex;flex-direction:column;align-items:center;background:#091625;border:1px solid #293f5b;border-radius:12px;padding:13px}.map-live-stats span{color:var(--muted);font-size:9px}.map-result{max-width:800px;text-align:center}.map-result .result-circle{margin:0 auto 20px}.map-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.button-row{display:flex;justify-content:center;gap:10px}

/* Cards, notes, pomodoro, AI, ranking */
.info-toolbar,.notes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.info-daily,.note-limit{color:var(--muted);font-size:11px}.flashcard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.flashcard{min-height:520px;perspective:1200px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:520px;transform-style:preserve-3d;transition:.55s}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #345475;border-radius:25px;background:radial-gradient(circle at 80% 20%,rgba(40,184,247,.14),transparent 28%),linear-gradient(145deg,#111f34,#091523);padding:28px;display:flex;flex-direction:column}.flashcard-face.back{transform:rotateY(180deg);border-color:#6a4bbd;background:radial-gradient(circle at 20% 20%,rgba(167,139,250,.16),transparent 30%),linear-gradient(145deg,#191535,#0b1726)}.flashcard-top{display:flex;align-items:center;justify-content:space-between}.flashcard-face h2{font-size:clamp(27px,4vw,50px);margin:auto;text-align:center;max-width:850px;line-height:1.2}.flashcard-face.back p{font-size:20px;margin:auto;text-align:center;max-width:900px}.flip-hint{text-align:center;color:var(--muted);font-size:10px}.favorite{color:var(--red)}.flashcard-actions{display:grid;gap:10px;align-content:center}.card-counter{text-align:center;color:var(--muted)}.flashcard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.flashcard-stats div{padding:13px;border:1px solid #2a405c;border-radius:13px;background:#091625;text-align:center}.flashcard-stats strong{display:block;font-size:21px}.notes-search{max-width:360px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.note-card{min-height:240px;display:flex;flex-direction:column;cursor:pointer}.note-card:hover{border-color:#3d7198}.note-content{flex:1}.note-card h3{font-size:17px}.note-card p{color:#8b9bb1;font-size:12px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.note-flags{display:flex;gap:7px}.note-folder{display:inline-block;color:var(--blue);font-size:9px;font-weight:800;margin-top:15px}.note-editor{display:grid;gap:16px}.color-picker{display:flex;gap:8px}.color-picker button{width:35px;height:35px;border:2px solid transparent;border-radius:11px;cursor:pointer}.color-picker button.active{border-color:white;transform:scale(1.08)}.note-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pomodoro-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.pomodoro-main{text-align:center}.mode-tabs{display:flex;justify-content:center;gap:8px}.mode-tabs button{border:1px solid #2c425f;background:#091625;color:#8494aa;border-radius:12px;padding:9px 14px;cursor:pointer}.mode-tabs button.active{border-color:var(--blue);color:#5fd1ff}.pomodoro-clock{width:min(390px,85%);aspect-ratio:1;margin:35px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--clock-color,var(--blue)) var(--clock,0deg),#132238 0);box-shadow:0 0 70px rgba(40,184,247,.14)}.clock-ring{width:86%;height:86%;border-radius:50%;background:#081421;display:grid;place-items:center;align-content:center}.clock-ring strong{font-size:clamp(52px,7vw,88px);letter-spacing:-.05em}.clock-ring span{color:var(--muted)}.clock-green{--clock-color:var(--green)}.clock-purple{--clock-color:var(--purple)}.pomodoro-controls{display:flex;justify-content:center;gap:10px}.pomodoro-side{display:grid;gap:15px;align-content:start}.pomodoro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.pomodoro-stats div{padding:17px;border:1px solid #29405e;border-radius:14px;background:#091625}.pomodoro-stats strong{display:block;font-size:25px}.pomodoro-stats span{color:var(--muted);font-size:9px}.session-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.session-dots i{width:10px;height:10px;border-radius:50%;background:#24364f}.session-dots i.done{background:var(--green)}.browser-note,.pomodoro-tip{padding:14px;border-radius:14px;border:1px solid #2c435f;background:#091625;color:var(--muted);font-size:11px}.ai-hero{display:grid;gap:16px}.ai-score-card{border-color:#6d51b8;background:radial-gradient(circle at 15% 30%,rgba(167,139,250,.16),transparent 25%),linear-gradient(145deg,#15152d,#0b1726)}.ai-title{display:flex;align-items:center;gap:12px}.ai-robot{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:#271d51;font-size:27px}.ai-score-body{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:20px}.ai-score-ring{width:160px;height:160px;background:conic-gradient(var(--purple) var(--result,0deg),#16223a 0);box-shadow:inset 0 0 0 16px #0e192a}.ai-score-ring strong{font-size:48px}.ai-data-box{padding:15px;border:1px solid #2e4260;border-radius:14px;background:#091625;color:var(--yellow);font-weight:900}.ai-components{display:grid;gap:14px;margin-top:20px}.ai-priority{border-color:#2b9ed5}.priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.priority-grid>div{padding:16px;border-radius:14px;border:1px solid #2b405d;background:#091625}.confidence{margin-top:15px}.lesson-analysis-list{display:grid;gap:9px}.lesson-analysis-list>div{padding:12px;border-radius:13px;border:1px solid #283e5b;background:#091625}.lesson-analysis-list header{display:flex;justify-content:space-between;margin-bottom:8px}.ranking-tabs{margin-bottom:15px}.my-rank{display:flex;align-items:center;gap:16px;margin-bottom:15px;border-color:#2d80ae}.my-rank strong{font-size:25px}.ranking-card{padding:0}.ranking-head,.ranking-row{display:grid;grid-template-columns:80px 1fr 140px 120px;align-items:center;gap:14px;padding:14px 20px}.ranking-head{color:var(--muted);font-size:9px;font-weight:900;border-bottom:1px solid var(--border)}.ranking-row{border-bottom:1px solid var(--border-soft)}.ranking-row:last-child{border-bottom:0}.ranking-row.me{background:rgba(40,184,247,.08)}.rank-number{font-size:19px;font-weight:900}.rank-1{color:#facc15}.rank-2{color:#cbd5e1}.rank-3{color:#fb923c}.rank-user{display:flex;align-items:center;gap:10px}.rank-user>div{display:flex;flex-direction:column}.rank-user small{color:var(--muted)}.empty-table{text-align:center;padding:40px;color:var(--muted)}

/* Challenge */
.challenge-locked{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-color:#6b5220}.challenge-lock-icon{width:75px;height:75px;border-radius:23px;display:grid;place-items:center;background:#2c2612;color:var(--yellow)}.challenge-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.challenge-arena{text-align:center;min-height:540px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-color:#46618c}.arena-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(37,99,235,.18);filter:blur(60px)}.challenge-versus{display:flex;align-items:center;justify-content:center;gap:35px;position:relative}.challenge-player{display:flex;flex-direction:column;align-items:center;gap:7px}.challenge-player small{color:var(--muted)}.versus-mark{font-size:32px;font-weight:1000;color:var(--blue);font-style:italic}.challenge-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:24px 0}.challenge-counts button{padding:13px 8px;border-radius:13px;border:1px solid #2b4360;background:#091625;color:var(--text-soft);cursor:pointer}.challenge-counts button.active{border-color:var(--blue);background:#10385a}.challenge-counts strong,.challenge-counts small{display:block}.challenge-counts small{color:var(--muted);margin-top:3px}.challenge-note{font-size:10px;color:var(--muted);margin:18px 0 0}.challenge-side{display:grid;gap:15px;align-content:start}.history-list{display:grid;gap:7px}.history-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #283e5a;background:#091625;border-radius:13px}.history-row>div{display:flex;flex-direction:column;flex:1}.history-row small{color:var(--muted);font-size:9px}.result-dot{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900}.result-dot.win{background:#154b34;color:#6ee7a4}.result-dot.loss{background:#4e1d2b;color:#ff93a3}.result-dot.draw{background:#30265a;color:#c7b8ff}.challenge-match-page{min-height:calc(100vh - 145px)}.challenge-match-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.challenge-score{display:flex;align-items:center;gap:22px}.challenge-score>div{display:flex;flex-direction:column;align-items:center}.challenge-score span{color:var(--muted);font-size:9px}.challenge-score strong{font-size:24px}.challenge-score>b{color:var(--blue)}.challenge-timer{padding:11px 15px;border:1px solid #355271;border-radius:13px;background:#091625;font-weight:900}.challenge-progress{height:7px;background:#0a1626;border-radius:999px;margin-bottom:15px;overflow:hidden}.challenge-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--purple))}.challenge-question-wrap{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px}.challenge-question-card h1{font-size:clamp(22px,2.2vw,34px);line-height:1.35;margin:30px 0}.challenge-live-panel{background:#0e1a2b;border:1px solid #2c4564;border-radius:22px;padding:20px;display:grid;align-content:start;justify-items:center;gap:12px}.challenge-live-panel>div{width:100%;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border-soft)}.challenge-lobby,.challenge-result-card{max-width:700px;text-align:center}.lobby-players{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.lobby-players>div{display:flex;flex-direction:column;align-items:center;gap:8px}.challenge-result-icon{font-size:70px}.challenge-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.challenge-result-grid>div{padding:15px;background:#091625;border:1px solid #29405c;border-radius:14px;display:flex;flex-direction:column}.challenge-result-grid span{color:var(--muted);font-size:9px}

/* Badges, profile, support, admin */
.badge-filters{margin-bottom:15px}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge-card{display:grid;grid-template-columns:auto 1fr;gap:15px;min-height:190px}.badge-card.locked{filter:saturate(.4);opacity:.68}.badge-card.earned{border-color:#2a7651}.badge-emblem{width:65px;height:65px;border-radius:20px;display:grid;place-items:center;background:#17263c;font-size:32px}.rarity-legendary .badge-emblem{background:#413511;box-shadow:0 0 25px rgba(250,204,21,.16)}.rarity-epic .badge-emblem{background:#2e2157}.badge-card h3{margin:4px 0 5px}.badge-card p{font-size:11px;color:var(--muted)}.badge-card small{display:block;margin-top:7px;color:var(--muted)}.profile-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.profile-main,.profile-side{display:grid;gap:16px;align-content:start}.profile-card{padding-top:0}.profile-cover{height:130px;margin:0 -22px;background:radial-gradient(circle at 75% 20%,rgba(167,139,250,.35),transparent 27%),linear-gradient(120deg,#0a70b4,#243a84,#422779)}.profile-identity{display:flex;align-items:flex-end;gap:16px;margin-top:-48px;position:relative}.profile-identity h2{margin-bottom:4px}.profile-identity p{margin-bottom:7px}.avatar-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.avatar-picker button{width:47px;height:47px;border-radius:14px;border:1px solid #2a425f;background:#091625;font-size:22px;cursor:pointer}.avatar-picker button.active{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,184,247,.1)}.mobile-pro-card{border-color:#766013;background:radial-gradient(circle at 80% 20%,rgba(250,204,21,.12),transparent 25%),linear-gradient(145deg,#28220f,#111827)}.pro-diamond{font-size:35px;color:var(--yellow)}.google-soon{display:block;margin-top:12px;color:var(--muted);font-size:10px}.add-question-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.question-form{display:grid;gap:17px}.option-editor{display:grid;gap:9px}.option-editor label{display:grid;grid-template-columns:auto 40px 1fr;align-items:center;gap:9px;border:1px solid #29405d;border-radius:14px;padding:9px;background:#091625}.option-editor label.correct-option{border-color:var(--green)}.option-editor label>input:first-child{accent-color:var(--green)}.option-editor label>input:last-child{border:0;background:transparent;color:var(--text);outline:0}.contribution-guide{height:max-content}.contribution-guide li{margin:12px 0;color:var(--text-soft);line-height:1.5}.support-summary{display:flex;align-items:center;justify-content:space-between}.ticket-list{display:grid;gap:8px;margin-top:18px}.ticket-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid #293f5b;background:#091625;color:var(--text);border-radius:14px;padding:13px;text-align:left;cursor:pointer}.ticket-row>div:nth-child(2),.ticket-row>div:last-child{display:flex;flex-direction:column}.ticket-row>div:last-child{align-items:flex-end;gap:5px}.ticket-row small{color:var(--muted)}.ticket-status{width:9px;height:9px;border-radius:50%;background:var(--yellow)}.ticket-status.answered{background:var(--green)}.ticket-status.closed{background:var(--muted)}.support-chat-page{max-width:1000px;margin:0 auto}.support-chat-header{display:flex;align-items:center;gap:14px;margin-bottom:15px}.support-chat-header h1{margin:0}.support-chat-header p{margin:3px 0 0;font-size:10px}.support-chat-header .badge{margin-left:auto}.support-chat-card{padding:0;overflow:hidden}.messages-list{height:calc(100vh - 310px);min-height:440px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.message-bubble{max-width:72%;align-self:flex-start;background:#122139;border:1px solid #304967;border-radius:5px 18px 18px 18px;padding:12px 14px}.message-bubble.mine{align-self:flex-end;background:#103f62;border-color:#267daf;border-radius:18px 5px 18px 18px}.message-bubble.admin{background:#241b48;border-color:#6c4cbd}.message-bubble span{font-size:8px;font-weight:900;color:var(--blue)}.message-bubble p{margin:4px 0;color:#e8f4ff;white-space:pre-wrap}.message-bubble small{color:#71839b}.message-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--border)}.admin-stats{grid-template-columns:repeat(6,1fr)}.admin-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.admin-user-list,.admin-detail{height:calc(100vh - 315px);min-height:580px}.admin-user-list{padding:0}.admin-toolbar{display:flex;gap:8px;padding:13px;border-bottom:1px solid var(--border)}.admin-toolbar .topbar-search{max-width:none}.admin-toolbar select{width:120px}.admin-users{height:calc(100% - 69px);overflow:auto;padding:8px}.admin-users>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);padding:10px;text-align:left;cursor:pointer}.admin-users>button:hover,.admin-users>button.active{background:#0d1c2f;border-color:#2a4968}.admin-users>button>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.admin-users small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-users>button>div:last-child{display:flex;gap:5px}.admin-profile{display:flex;align-items:center;gap:15px}.admin-profile p{margin-bottom:2px}.admin-info{display:grid;gap:0;margin:20px 0}.admin-info>div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.admin-info dt{color:var(--muted);font-size:10px}.admin-info dd{margin:0;overflow-wrap:anywhere}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.not-found{text-align:center;max-width:500px}.not-found>strong{font-size:80px;color:var(--blue)}.center-page{min-height:calc(100vh - 150px);display:grid;place-items:center}.banned-card{text-align:center;max-width:600px}.banned-icon{font-size:65px}

/* Pro Gate */
.pro-gate{padding:25px;border:1px solid #745f1c;border-radius:20px;background:radial-gradient(circle at 85% 20%,rgba(250,204,21,.13),transparent 25%),#17170f;text-align:center}.pro-gate-compact{padding:16px}.pro-gate h3{font-size:22px}.pro-actions{display:flex;justify-content:center;gap:9px}.pro-gate .google-soon{margin:10px 0 0}

@media (max-width: 1200px){
  .feature-grid,.game-grid{grid-template-columns:repeat(2,1fr)}
  .admin-stats{grid-template-columns:repeat(3,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-grid,.challenge-layout,.profile-layout{grid-template-columns:1fr}
  .admin-user-list,.admin-detail{height:auto;min-height:500px}
  .admin-layout{grid-template-columns:1fr}
}
@media (max-width: 900px){
  :root{--sidebar:0px}
  .app-shell{display:block}.sidebar{transform:translateX(-100%);width:270px}.sidebar-collapsed .sidebar{transform:translateX(0)}.app-main{grid-column:auto}.mobile-menu{display:grid}.topbar{padding:0 16px}.topbar-profile span,.topbar-xp{display:none}.page-content{padding:22px 16px 60px}.landing-nav nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center}.hero-actions,.hero-trust{justify-content:center}.hero-visual{max-width:700px;margin:auto}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh}.auth-mobile-brand{display:block;margin-bottom:25px}.setup-layout,.session-layout,.map-game-layout,.flashcard-layout,.pomodoro-layout,.result-hero,.challenge-question-wrap,.add-question-layout{grid-template-columns:1fr}.setup-summary{position:static}.session-side,.map-question-panel,.challenge-live-panel{order:-1}.map-game-layout .map-question-panel{order:0}.turkey-map-wrap{height:55vh;min-height:370px}.notes-grid,.badges-grid{grid-template-columns:repeat(2,1fr)}.ai-score-body{grid-template-columns:1fr;text-align:center}.ai-score-ring{margin:auto}.ranking-head,.ranking-row{grid-template-columns:55px 1fr 90px}.ranking-head span:last-child,.ranking-row>div:last-child{display:none}.form-grid,.two-column,.priority-grid{grid-template-columns:1fr}.wrong-steps{grid-template-columns:1fr}.challenge-counts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 620px){
  .container{width:min(100% - 24px,1220px)}.landing-nav{height:68px}.landing-nav .btn-ghost{display:none}.hero{min-height:auto;padding-bottom:60px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column}.desktop-mockup{transform:none}.mock-dashboard{grid-template-columns:85px 1fr}.mock-dashboard section{padding:14px}.mock-grid{grid-template-columns:1fr}.mock-grid .card:nth-child(n+2){display:none}.feature-grid,.game-grid,.notes-grid,.badges-grid{grid-template-columns:1fr}.landing-section{padding:65px 0}.section-heading h2,.web-cta h2{font-size:30px}.landing-footer{height:auto;padding:30px 0;flex-direction:column;gap:18px}.auth-panel{padding:20px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:27px}.page-actions{width:100%}.page-actions .btn{flex:1}.level-card{grid-template-columns:auto 1fr}.xp-row,.reward-link{grid-column:1/-1}.daily-goal-card{grid-template-columns:1fr}.goal-ring{margin:15px auto 0}.stats-grid,.stats-grid.compact,.admin-stats{grid-template-columns:repeat(2,1fr)}.mode-cards{grid-template-columns:1fr}.question-card{padding:18px}.question-card h1{font-size:21px}.session-header{flex-wrap:wrap}.session-header-stats{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(3,1fr)}.session-header-stats>div{min-width:0}.result-score{grid-template-columns:1fr;text-align:center}.result-circle{margin:auto}.result-actions-card{align-items:flex-start;flex-direction:column}.map-result-stats{grid-template-columns:repeat(2,1fr)}.map-board{padding:7px}.turkey-map-wrap{min-height:300px}.info-toolbar,.notes-toolbar{align-items:stretch;flex-direction:column}.flashcard-inner,.flashcard{height:430px;min-height:430px}.flashcard-face{padding:18px}.flashcard-face h2{font-size:27px}.flashcard-face.back p{font-size:16px}.profile-identity{align-items:flex-start}.avatar.xlarge{width:76px;height:76px;font-size:37px}.inline-field{flex-direction:column}.challenge-versus{gap:15px}.challenge-player .avatar.large{width:58px;height:58px}.challenge-result-grid{grid-template-columns:1fr}.challenge-score{gap:10px}.challenge-score strong{font-size:17px}.challenge-timer{padding:9px}.ticket-row{grid-template-columns:auto 1fr}.ticket-row>div:last-child{grid-column:2;align-items:flex-start}.message-bubble{max-width:90%}.message-composer{grid-template-columns:1fr}.admin-actions{grid-template-columns:1fr}.admin-info>div{grid-template-columns:1fr}.public-support-actions{flex-direction:column}
}

/* ================================================================
   ÇÖZMATİK WEB V3 — MASAÜSTÜ ARAYÜZ DÜZELTMELERİ
   ================================================================ */

html,
body,
#root {
  min-height: 100%;
}

body {
  overflow-x: hidden;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid rgba(56, 189, 248, .85);
  outline-offset: 2px;
}

.page-content {
  width: 100%;
  max-width: 1680px;
  padding: 30px 36px 76px;
}

.card {
  box-shadow: 0 18px 55px rgba(0, 0, 0, .24);
}

/* Soru çözme ekranı */
.session-page {
  min-height: calc(100vh - 136px);
}

.session-header {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 13px 15px;
  border: 1px solid #263c59;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(17, 31, 51, .96), rgba(8, 20, 35, .96));
  box-shadow: 0 12px 36px rgba(0, 0, 0, .18);
}

.session-close-button {
  width: 46px;
  height: 46px;
}

.session-title-block {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.session-exam-badge {
  min-width: 62px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  border: 1px solid rgba(56, 189, 248, .42);
  background: rgba(14, 165, 233, .12);
  color: #72d9ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
}

.session-title-block > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.session-title-block strong {
  font-size: 16px;
  line-height: 1.2;
}

.session-title-block span:not(.session-exam-badge) {
  color: var(--muted);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.session-header-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, auto));
  gap: 8px;
  margin-left: 0;
}

.session-mini-stat {
  min-width: 100px;
  min-height: 50px;
  padding: 8px 11px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 8px;
  border: 1px solid #2a405e;
  border-radius: 13px;
  background: #0a1728;
}

.session-mini-stat svg {
  grid-row: 1 / 3;
  color: #8aa0bc;
}

.session-mini-stat span {
  color: var(--muted);
  font-size: 8px;
  font-weight: 700;
}

.session-mini-stat strong {
  font-size: 14px;
  line-height: 1.1;
}

.session-mini-stat.is-correct svg,
.session-mini-stat.is-correct strong {
  color: var(--green);
}

.session-mini-stat.is-wrong svg,
.session-mini-stat.is-wrong strong {
  color: var(--red);
}

.session-mini-stat.is-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.session-progress-line,
.map-progress-line {
  margin: 0 3px 13px;
}

.session-progress-line .progress,
.map-progress-line .progress {
  height: 6px;
}

.session-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.question-card {
  min-height: 565px;
  padding: clamp(24px, 2.2vw, 38px);
  background:
    radial-gradient(circle at 95% 2%, rgba(37, 99, 235, .11), transparent 28%),
    linear-gradient(145deg, rgba(20, 35, 57, .98), rgba(9, 20, 35, .98));
}

.question-meta {
  gap: 18px;
}

.question-meta > span:last-child {
  max-width: 62%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.question-card h1 {
  max-width: 1050px;
  margin: 30px 0 27px;
  font-size: clamp(25px, 2vw, 34px);
  line-height: 1.34;
  letter-spacing: -.025em;
}

.options-list {
  gap: 11px;
}

.option {
  min-height: 66px;
  padding: 11px 16px;
  gap: 15px;
  border-color: #2c4260;
  background: linear-gradient(135deg, #0a1728, #0b192b);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

.option:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: #3c7cab;
  background: linear-gradient(135deg, #0d1d31, #0b1b2e);
}

.option > b {
  width: 43px;
  height: 43px;
  border-radius: 13px;
  font-size: 15px;
}

.option > span:nth-child(2) {
  flex: 1;
  min-width: 0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
}

.option-state-icon {
  width: 34px;
  height: 34px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 11px;
}

.correct-icon {
  color: #77efaa;
  background: rgba(45, 212, 122, .13);
}

.wrong-icon {
  color: #ff9aaa;
  background: rgba(251, 100, 118, .13);
}

.option:disabled {
  cursor: default;
}

.option.muted {
  opacity: .48;
}

.question-helper {
  margin-top: 19px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: #788ba5;
  font-size: 11px;
}

.question-helper svg {
  color: var(--yellow);
}

.answer-explanation {
  margin-top: 19px;
  padding: 18px 19px;
}

.answer-explanation strong {
  font-size: 15px;
}

.answer-explanation p {
  margin: 7px 0 0;
  font-size: 12px;
}

.session-side {
  position: sticky;
  top: 94px;
  gap: 13px;
}

.session-status-card,
.session-shortcut-card {
  padding: 19px;
}

.score-stack {
  gap: 0;
}

.score-stack > div {
  min-height: 48px;
  align-items: center;
  padding: 10px 0;
}

.score-stack > div:last-child {
  border-bottom: 0;
}

.score-stack span {
  color: var(--text-soft);
  font-size: 11px;
  font-weight: 700;
}

.score-stack strong {
  font-size: 17px;
}

.shortcut-list {
  gap: 10px;
}

.shortcut-list > span {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--text-soft);
  font-size: 11px;
}

.shortcut-list b {
  font-weight: 700;
}

.shortcut-list kbd {
  min-width: 48px;
  text-align: center;
  background: #101e31;
  border: 1px solid #35506f;
  padding: 5px 7px;
  border-radius: 8px;
  color: #e7f6ff;
  font-size: 9px;
}

.session-actions .btn {
  width: 100%;
}

.report-link {
  min-height: 36px;
  border-radius: 10px;
}

.report-link:hover {
  color: #a9bdd6;
  background: rgba(126, 141, 166, .07);
}

/* Harita seçim ekranı */
.maps-hero {
  min-height: 270px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  align-items: center;
  gap: 36px;
  padding: 34px 38px;
  margin-bottom: 20px;
  background:
    radial-gradient(circle at 84% 45%, rgba(40, 184, 247, .22), transparent 30%),
    radial-gradient(circle at 10% 100%, rgba(37, 99, 235, .1), transparent 32%),
    linear-gradient(145deg, #111f33, #071421);
}

.maps-hero-copy h2 {
  margin-bottom: 8px;
  font-size: clamp(26px, 2.2vw, 36px);
  letter-spacing: -.035em;
}

.maps-hero-copy p {
  max-width: 720px;
  margin-bottom: 20px;
}

.maps-hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.maps-hero-features span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid #2c4a6c;
  border-radius: 11px;
  background: rgba(7, 20, 35, .62);
  color: #b9cae0;
  font-size: 10px;
  font-weight: 800;
}

.maps-hero-features svg {
  color: var(--blue);
}

.maps-hero-visual {
  position: relative;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.maps-hero-visual img {
  width: min(100%, 430px);
  max-height: 175px;
  object-fit: contain;
  opacity: .74;
  filter: drop-shadow(0 0 24px rgba(40, 184, 247, .24));
}

.maps-hero-visual strong {
  position: absolute;
  font-size: 28px;
  letter-spacing: .08em;
}

.maps-hero-visual small {
  position: absolute;
  margin-top: 52px;
  color: #83a0bf;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

.game-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.game-card {
  min-height: 225px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  text-align: left;
  color: var(--text);
  border: 1px solid #283f5c;
  border-radius: 19px;
  background:
    radial-gradient(circle at 92% 8%, rgba(40, 184, 247, .1), transparent 30%),
    linear-gradient(145deg, #111e31, #081522);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .18);
  cursor: pointer;
  overflow: hidden;
}

.game-card:hover {
  transform: translateY(-4px);
  border-color: #3b84b8;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26), 0 0 30px rgba(40, 184, 247, .07);
}

.game-card.locked {
  opacity: .68;
  filter: saturate(.72);
}

.game-card-top,
.game-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.game-icon {
  margin: 0;
}

.game-card-copy {
  flex: 1;
}

.game-card-copy > strong {
  display: block;
  margin-bottom: 7px;
  font-size: 17px;
}

.game-card-copy p {
  min-height: 42px;
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.game-card-footer {
  padding-top: 13px;
  border-top: 1px solid rgba(71, 104, 147, .22);
  color: #7f93ad;
}

.game-card-footer small {
  font-size: 9px;
  font-weight: 700;
}

.game-card-footer svg {
  color: var(--blue);
}

/* Harita oyun ekranı */
.map-game-page {
  min-height: calc(100vh - 132px);
}

.map-game-header {
  min-height: 64px;
  padding: 10px 13px;
  margin-bottom: 12px;
  border: 1px solid #263c59;
  border-radius: 17px;
  background: linear-gradient(135deg, rgba(16, 30, 49, .96), rgba(7, 19, 34, .96));
}

.map-game-title-block {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.map-game-title-block strong {
  font-size: 16px;
}

.map-game-title-block span {
  max-width: 760px;
  color: var(--muted);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.map-game-meta > .badge {
  min-height: 38px;
  padding: 6px 12px;
  gap: 6px;
}

.map-game-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
  align-items: start;
}

.map-board {
  min-width: 0;
  padding: 11px;
  background: linear-gradient(145deg, rgba(15, 29, 48, .97), rgba(7, 19, 33, .98));
}

.turkey-map-wrap {
  height: clamp(510px, 66vh, 720px);
  min-height: 510px;
  border-color: #2e4868;
  background:
    radial-gradient(circle at 50% 48%, rgba(37, 99, 235, .07), transparent 43%),
    #071625;
  cursor: default;
  user-select: none;
  touch-action: none;
}

.turkey-map-wrap.is-dragging {
  cursor: grabbing;
}

.map-transform {
  will-change: transform;
  transition: transform .16s ease;
}

.turkey-map-wrap.is-dragging .map-transform {
  transition: none;
}

.map-transform svg {
  padding: 18px;
}

.province-path {
  fill: #1c3556;
  stroke: #6487b5;
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
  transition: fill .12s ease, stroke .12s ease, filter .12s ease;
}

/* Hover sırasında il adı veya mavi dolgu gösterilmez. */
.province-path:hover {
  fill: #1f395c;
  stroke: #8db6e6;
  filter: none;
}

.province-path.is-selected {
  fill: #1686da;
  stroke: #74d5ff;
  filter: drop-shadow(0 0 4px rgba(56, 189, 248, .82));
}

.province-path.is-correct {
  fill: #20b66a;
  stroke: #8cf2b9;
  filter: drop-shadow(0 0 4px rgba(45, 212, 122, .6));
}

.province-path.is-wrong {
  fill: #ef536d;
  stroke: #ff9cac;
  filter: drop-shadow(0 0 4px rgba(251, 100, 118, .54));
}

.map-tooltip,
.map-name-hint {
  display: none !important;
}

.map-toolbar {
  right: 13px;
  top: 13px;
}

.map-toolbar button {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-color: #365373;
  background: rgba(13, 29, 48, .94);
  backdrop-filter: blur(12px);
}

.map-toolbar button:hover:not(:disabled) {
  border-color: #55a9dd;
  background: #132b45;
}

.map-toolbar button:disabled {
  opacity: .38;
  cursor: default;
}

.map-toolbar .map-reset-button {
  width: auto;
  min-width: 76px;
  padding: 0 13px;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.map-pan-hint {
  position: absolute;
  left: 14px;
  bottom: 14px;
  z-index: 4;
  padding: 7px 10px;
  border: 1px solid rgba(65, 105, 145, .5);
  border-radius: 9px;
  background: rgba(3, 10, 20, .76);
  color: #8fa6c0;
  font-size: 9px;
  pointer-events: none;
}

.map-question-panel {
  position: sticky;
  top: 94px;
  gap: 12px;
}

.map-question-card {
  padding: 21px;
}

.map-question-card h2 {
  margin: 9px 0 13px;
  font-size: clamp(21px, 1.55vw, 27px);
  line-height: 1.36;
  letter-spacing: -.02em;
}

.map-question-card > p {
  margin-bottom: 13px;
  color: var(--muted);
  font-size: 11px;
}

.map-selection-status {
  min-height: 55px;
  margin: 15px 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.map-selection-status span {
  font-size: 10px;
  color: var(--muted);
}

.map-selection-status strong {
  font-size: 17px;
}

.map-question-card > .btn,
.map-feedback .btn {
  width: 100%;
}

.map-feedback {
  display: grid;
  gap: 10px;
}

.map-feedback-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.map-feedback p {
  margin: 0;
  font-size: 10px;
}

.map-live-stats {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.map-live-stats div {
  min-height: 62px;
  justify-content: center;
}

.map-live-stats strong {
  margin-top: 3px;
  font-size: 17px;
}

/* Harita sonuç ekranı */
.map-result-page {
  min-height: calc(100vh - 142px);
  display: grid;
  place-items: center;
  padding: 24px 0 60px;
}

.map-result-card {
  width: min(780px, 100%);
  min-height: 540px;
  padding: 42px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-color: #34516f;
  background:
    radial-gradient(circle at 50% 8%, rgba(40, 184, 247, .16), transparent 30%),
    radial-gradient(circle at 12% 90%, rgba(167, 139, 250, .08), transparent 28%),
    linear-gradient(145deg, #132139, #081522);
}

.map-result-glow {
  position: absolute;
  width: 360px;
  height: 360px;
  top: -210px;
  border-radius: 50%;
  background: rgba(40, 184, 247, .23);
  filter: blur(85px);
  pointer-events: none;
}

.map-result-circle {
  width: 138px;
  height: 138px;
  margin-bottom: 21px !important;
}

.map-result-card h1 {
  margin: 4px 0 7px;
  font-size: 34px;
  letter-spacing: -.04em;
}

.map-result-card > p {
  max-width: 520px;
  margin-bottom: 0;
}

.map-result-stats {
  width: 100%;
  margin: 27px 0 15px;
}

.map-result-stats > div {
  min-height: 91px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #2a425f;
  border-radius: 15px;
  background: rgba(7, 18, 32, .7);
}

.map-result-stats span {
  color: var(--muted);
  font-size: 10px;
}

.map-result-stats strong {
  margin-top: 4px;
  font-size: 25px;
}

.map-result-stats .is-correct strong {
  color: var(--green);
}

.map-result-stats .is-wrong strong {
  color: var(--red);
}

.map-result-stats .is-skipped strong,
.map-result-stats .is-score strong {
  color: var(--yellow);
}

.map-result-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 22px;
}

.map-result-summary span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid #2b4462;
  border-radius: 10px;
  background: rgba(9, 22, 37, .7);
  color: #9fb2ca;
  font-size: 9px;
  font-weight: 700;
}

.map-result-actions {
  width: 100%;
}

.map-result-actions .btn {
  min-width: 150px;
}

/* Not kartları: varsayılan düğme görünümlerini temizle */
.notes-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.note-card {
  position: relative;
  min-height: 265px;
  overflow: hidden;
  border: 1px solid #2b415e;
  border-radius: 18px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--note-color) 9%, transparent), transparent 42%),
    linear-gradient(145deg, #111e31, #081522);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .17);
}

.note-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--note-color);
}

.note-content {
  width: 100%;
  flex: 1;
  padding: 20px 20px 15px 23px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  color: inherit;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.note-content:hover {
  background: rgba(255, 255, 255, .015);
}

.note-content h3 {
  margin: 7px 0 8px;
}

.note-content p {
  flex: 1;
}

.note-content small {
  color: #70839e;
  font-size: 9px;
}

.note-card footer {
  min-height: 47px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 8px 13px;
  border-top: 1px solid rgba(71, 104, 147, .22);
  background: rgba(5, 14, 25, .54);
}

.note-card footer button {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #8ea2bc;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.note-card footer button:hover {
  border-color: #2f4b6a;
  background: #101e31;
  color: #d8e8f8;
}

/* Sıralama sayfası */
.ranking-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.podium-card {
  min-height: 175px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}

.podium-card.me {
  border-color: var(--blue);
}

.podium-card small {
  color: var(--muted);
  font-size: 9px;
}

.podium-card > b {
  margin-top: 4px;
  color: var(--yellow);
}

.podium-medal {
  position: absolute;
  top: 13px;
  right: 14px;
  font-size: 25px;
}

.my-rank {
  min-height: 73px;
  margin-bottom: 13px;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 18px;
  border-color: #2f75a5;
  background: linear-gradient(135deg, rgba(14, 165, 233, .12), rgba(8, 20, 35, .96));
}

.my-rank > div {
  display: flex;
  flex-direction: column;
}

.my-rank span {
  font-weight: 800;
}

.my-rank small {
  color: var(--muted);
  font-size: 9px;
}

.my-rank strong {
  font-size: 24px;
  color: var(--blue);
}

.my-rank b {
  color: var(--yellow);
}

.ranking-card {
  padding: 0;
  overflow: hidden;
}

.ranking-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #132139;
  box-shadow: 0 1px 0 var(--border);
}

.ranking-body {
  max-height: min(68vh, 760px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.ranking-row {
  min-height: 68px;
}

.ranking-row:hover {
  background: rgba(40, 184, 247, .035);
}

.ranking-row.me {
  position: relative;
  background: linear-gradient(90deg, rgba(40, 184, 247, .13), rgba(37, 99, 235, .05));
}

.ranking-row.me::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--blue);
}

.rank-exam {
  display: flex;
  flex-direction: column;
}

.rank-exam small {
  color: var(--muted);
  font-size: 9px;
}

/* Daha dengeli kaydırma çubukları */
.sidebar-nav,
.admin-users,
.messages-list,
.ranking-body,
.modal {
  scrollbar-width: thin;
  scrollbar-color: #3d5776 transparent;
}

.sidebar-nav::-webkit-scrollbar,
.admin-users::-webkit-scrollbar,
.messages-list::-webkit-scrollbar,
.ranking-body::-webkit-scrollbar,
.modal::-webkit-scrollbar {
  width: 8px;
}

.sidebar-nav::-webkit-scrollbar-thumb,
.admin-users::-webkit-scrollbar-thumb,
.messages-list::-webkit-scrollbar-thumb,
.ranking-body::-webkit-scrollbar-thumb,
.modal::-webkit-scrollbar-thumb {
  background: #344d6b;
  border-radius: 999px;
}

@media (max-width: 1450px) {
  .session-header-stats {
    grid-template-columns: repeat(2, minmax(112px, 1fr));
  }

  .game-grid,
  .notes-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .map-game-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}

@media (max-width: 1120px) {
  .session-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .session-header-stats {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, 1fr);
  }

  .maps-hero {
    grid-template-columns: 1fr;
  }

  .maps-hero-visual {
    min-height: 165px;
  }

  .game-grid,
  .notes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ranking-podium {
    grid-template-columns: 1fr;
  }

  .podium-card {
    min-height: 128px;
  }
}

@media (max-width: 900px) {
  .page-content {
    padding: 22px 16px 60px;
  }

  .session-layout,
  .map-game-layout {
    grid-template-columns: 1fr;
  }

  .session-side,
  .map-question-panel {
    position: static;
    order: 0;
  }

  .session-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .session-actions {
    grid-column: 1 / -1;
  }

  .turkey-map-wrap {
    height: 58vh;
    min-height: 430px;
  }

  .map-question-panel {
    grid-template-columns: minmax(0, 1fr) 260px;
  }

  .map-live-stats {
    align-content: start;
  }

  .ranking-head,
  .ranking-row {
    grid-template-columns: 54px minmax(0, 1fr) 100px;
  }

  .ranking-head span:nth-child(3),
  .ranking-head span:nth-child(4),
  .ranking-row > :nth-child(3),
  .ranking-row > :nth-child(4) {
    display: none;
  }
}

@media (max-width: 640px) {
  .session-header {
    grid-template-columns: auto 1fr;
    padding: 10px;
  }

  .session-title-block {
    gap: 8px;
  }

  .session-exam-badge {
    min-width: 52px;
  }

  .session-header-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .session-mini-stat {
    min-width: 0;
  }

  .question-card {
    min-height: auto;
    padding: 18px;
  }

  .question-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .question-meta > span:last-child {
    max-width: 100%;
    text-align: left;
  }

  .option > span:nth-child(2) {
    font-size: 13px;
  }

  .session-side {
    grid-template-columns: 1fr;
  }

  .maps-hero {
    padding: 24px 20px;
  }

  .game-grid,
  .notes-grid {
    grid-template-columns: 1fr;
  }

  .turkey-map-wrap {
    height: 48vh;
    min-height: 325px;
  }

  .map-transform svg {
    padding: 6px;
  }

  .map-toolbar .map-reset-button {
    min-width: 62px;
    padding: 0 8px;
  }

  .map-question-panel {
    grid-template-columns: 1fr;
  }

  .map-result-card {
    min-height: auto;
    padding: 28px 18px;
  }

  .map-result-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .map-result-actions {
    flex-direction: column;
  }

  .map-result-actions .btn {
    width: 100%;
  }

  .my-rank {
    grid-template-columns: 1fr auto;
  }

  .my-rank b {
    grid-column: 1 / -1;
  }
}

/* Ranking V3 column alignment and tab controls */
.ranking-tabs {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 5px;
  border: 1px solid #273e5a;
  border-radius: 14px;
  background: #091523;
}

.ranking-tabs button {
  min-height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #7f91a9;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.ranking-tabs button:hover {
  color: #c6d7e8;
  background: #111f32;
}

.ranking-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  box-shadow: 0 7px 18px rgba(37, 99, 235, .22);
}

.ranking-head,
.ranking-row {
  grid-template-columns: 70px minmax(260px, 1fr) 150px 100px 130px;
}

@media (max-width: 900px) {
  .ranking-head,
  .ranking-row {
    grid-template-columns: 54px minmax(0, 1fr) 100px;
  }
}

/* ========================================================================
   ÇÖZMATİK WEB V4 — KAPSAMLI ARAYÜZ, METİN VE MASAÜSTÜ DÜZENLEMELERİ
   ======================================================================== */

:root {
  --v4-panel: rgba(13, 27, 46, .96);
  --v4-panel-soft: rgba(17, 34, 56, .82);
  --v4-line: rgba(75, 111, 151, .38);
  --v4-muted: #8fa1b8;
  --v4-text: #f4f8fd;
  --v4-blue: #38bdf8;
  --v4-blue-dark: #2563eb;
  --v4-shadow: 0 20px 64px rgba(0, 0, 0, .28);
}

body {
  background:
    radial-gradient(circle at 80% -10%, rgba(37, 99, 235, .16), transparent 32%),
    radial-gradient(circle at 5% 55%, rgba(14, 165, 233, .08), transparent 30%),
    #06101d;
}

.page-content {
  width: 100%;
  max-width: 1580px;
  padding: 34px 38px 84px;
}

.page-header {
  align-items: center;
  margin-bottom: 26px;
}

.page-header > div:first-child {
  min-width: 0;
}

.page-header h1 {
  margin: 0 0 7px;
  font-size: clamp(27px, 2.25vw, 36px);
  line-height: 1.12;
  letter-spacing: -.04em;
}

.page-header p {
  max-width: 840px;
  color: #8fa1b8;
  font-size: 13px;
  line-height: 1.65;
}

.card {
  border-color: rgba(69, 101, 139, .42);
  background:
    linear-gradient(145deg, rgba(18, 35, 57, .97), rgba(8, 20, 35, .98));
  box-shadow: var(--v4-shadow);
}

.card-heading.compact-heading {
  margin-bottom: 11px;
}

.card-heading h2 {
  letter-spacing: -.025em;
}

/* ------------------------------ Dashboard ------------------------------ */
.dashboard-overview {
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
  gap: 18px;
}

.performance-card {
  padding: 24px;
  display: block;
  overflow: hidden;
  background:
    radial-gradient(circle at 0 0, rgba(56, 189, 248, .12), transparent 32%),
    linear-gradient(145deg, #13233a, #091725);
}

.performance-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.performance-card-header h2 {
  margin: 0;
  font-size: 21px;
}

.performance-level-label {
  flex: none;
  padding: 8px 12px;
  border: 1px solid rgba(167, 139, 250, .4);
  border-radius: 999px;
  background: rgba(91, 64, 173, .13);
  color: #c8b8ff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
}

.performance-main-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
}

.level-orb {
  min-height: 132px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  border: 1px solid rgba(139, 92, 246, .58);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 20%, rgba(167, 139, 250, .27), transparent 40%),
    linear-gradient(160deg, #281d56, #101d37);
  color: #facc15;
  box-shadow: inset 0 0 30px rgba(139, 92, 246, .12);
}

.level-orb strong {
  color: #fff;
  font-size: 43px;
  line-height: 1;
  letter-spacing: -.06em;
}

.level-orb span {
  color: #a99ac9;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .17em;
}

.performance-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(160px, .55fr) minmax(260px, 1fr);
  gap: 18px;
  align-items: stretch;
}

.performance-total,
.xp-progress-panel {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid rgba(74, 105, 145, .4);
  border-radius: 18px;
  background: rgba(5, 17, 31, .58);
}

.performance-total {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.performance-total span,
.xp-progress-heading span {
  color: var(--v4-muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.performance-total strong {
  margin: 4px 0 3px;
  font-size: 35px;
  line-height: 1;
  letter-spacing: -.05em;
}

.performance-total small,
.xp-progress-heading small {
  color: #71849e;
  font-size: 10px;
}

.xp-progress-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
}

.xp-progress-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.xp-progress-heading > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.xp-progress-heading strong {
  font-size: 17px;
}

.xp-progress-heading b {
  padding: 7px 10px;
  border: 1px solid rgba(56, 189, 248, .35);
  border-radius: 999px;
  background: rgba(14, 165, 233, .1);
  color: #6dd8ff;
  font-size: 11px;
}

.reward-link-v4 {
  margin-top: 16px;
  padding: 13px 15px;
  gap: 12px;
  justify-content: flex-start;
}

.reward-link-v4 .reward-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(250, 204, 21, .28);
  border-radius: 13px;
  background: rgba(250, 204, 21, .09);
  font-size: 20px;
}

.reward-link-v4 > div {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3px;
}

.reward-link-v4 strong {
  font-size: 13px;
}

.reward-link-v4 small {
  color: #8597af;
  font-size: 10px;
  line-height: 1.45;
}

.reward-link-v4 > svg {
  flex: none;
  color: #7fdcff;
}

.daily-goal-v4 {
  min-height: 100%;
  padding: 26px;
  grid-template-columns: minmax(0, 1fr) 142px;
  gap: 24px;
  border-color: rgba(34, 197, 94, .46);
  background:
    radial-gradient(circle at 100% 0, rgba(34, 197, 94, .14), transparent 38%),
    linear-gradient(145deg, #0c3827, #081f19);
}

.daily-goal-copy h2 {
  margin: 4px 0 9px;
  font-size: 22px;
  line-height: 1.23;
}

.daily-goal-copy p {
  margin-bottom: 15px;
  color: #a7c9b7;
  font-size: 12px;
}

.daily-goal-v4 .goal-ring {
  width: 132px;
  height: 132px;
}

.dashboard-stats {
  margin: 18px 0;
}

.dashboard-stats .stat-card {
  min-height: 100px;
  padding: 17px;
}

.dashboard-section-card {
  min-height: 390px;
  padding: 23px;
}

.quick-grid-v4 {
  gap: 12px;
}

.quick-grid-v4 .quick-action {
  min-height: 84px;
  padding: 14px;
  gap: 13px;
}

.quick-action-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(56, 189, 248, .25);
  border-radius: 14px;
  background: rgba(14, 165, 233, .1);
  color: #67d5ff;
}

.quick-purple .quick-action-icon {
  border-color: rgba(167, 139, 250, .28);
  background: rgba(139, 92, 246, .1);
  color: #c0a9ff;
}

.quick-yellow .quick-action-icon {
  border-color: rgba(250, 204, 21, .25);
  background: rgba(250, 204, 21, .08);
  color: #ffe168;
}

.quick-action-copy,
.tool-copy {
  min-width: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}

.quick-action-copy strong,
.tool-copy strong {
  font-size: 13px;
  line-height: 1.3;
}

.quick-action-copy small,
.tool-copy small {
  color: #7f91aa;
  font-size: 10px;
  line-height: 1.45;
}

.quick-grid-v4 .quick-action > svg,
.tool-list-v4 a > svg {
  flex: none;
  color: #55cfff;
}

.tool-list-v4 {
  gap: 11px;
}

.tool-list-v4 a {
  min-height: 70px;
  padding: 12px 13px;
}

.tool-list-v4 .tool-icon {
  flex: none;
}

/* ------------------------------- Profile ------------------------------- */
.profile-layout-v4 {
  grid-template-columns: minmax(0, 1.5fr) minmax(350px, .7fr);
  gap: 18px;
  align-items: start;
}

.profile-main,
.profile-side-v4 {
  display: grid;
  gap: 18px;
}

.profile-overview-card {
  padding: 0;
  overflow: hidden;
}

.profile-overview-card .profile-cover {
  height: 130px;
  background:
    radial-gradient(circle at 85% 20%, rgba(109, 40, 217, .32), transparent 35%),
    linear-gradient(110deg, #0ea5e9, #3455bd 56%, #5b3ca3);
}

.profile-overview-content {
  padding: 0 22px 22px;
}

.profile-identity-v4 {
  position: relative;
  margin-top: -52px;
  padding-bottom: 18px;
}

.profile-avatar {
  border: 6px solid #101e31;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .32);
}

.profile-name-block {
  min-width: 0;
  padding-top: 48px;
}

.profile-name-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.profile-name-line h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -.03em;
}

.profile-name-block p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 6px 0 0;
  color: #8fa1b8;
  font-size: 11px;
  overflow-wrap: anywhere;
}

.profile-stats-grid {
  margin: 0;
}

.profile-stats-grid .stat-card {
  min-height: 88px;
}

.profile-edit-card {
  padding: 23px;
}

.profile-sync-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7e91a9;
  font-size: 10px;
}

.profile-section-label {
  margin-bottom: 10px;
  color: #8fa1b8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.avatar-picker-v4 {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 22px;
}

.avatar-picker-v4 button {
  width: 47px;
  height: 47px;
  border: 1px solid #2e4665;
  border-radius: 14px;
  background: #0a1728;
  font-size: 22px;
  cursor: pointer;
  transition: .18s ease;
}

.avatar-picker-v4 button:hover {
  transform: translateY(-2px);
  border-color: #4b83ae;
}

.avatar-picker-v4 button.active {
  border-color: #39bdf7;
  background: rgba(14, 165, 233, .14);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .08);
}

.profile-form-grid {
  gap: 18px;
}

.profile-save-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 8px;
  padding-top: 17px;
  border-top: 1px solid rgba(74, 104, 142, .3);
}

.profile-save-row p {
  margin: 0;
  color: #798ba4;
  font-size: 10px;
}

.settings-card {
  padding: 23px;
}

.settings-save-hint {
  margin-top: 13px;
  padding: 11px 12px;
  border: 1px dashed rgba(83, 118, 158, .42);
  border-radius: 12px;
  color: #73869f;
  font-size: 9px;
  line-height: 1.5;
}

.pro-membership-card {
  padding: 24px;
  border-color: rgba(250, 204, 21, .44);
  background:
    radial-gradient(circle at 100% 0, rgba(250, 204, 21, .15), transparent 40%),
    linear-gradient(150deg, #242113, #111a26 75%);
}

.pro-membership-card.is-active {
  border-color: rgba(34, 197, 94, .38);
  background:
    radial-gradient(circle at 100% 0, rgba(34, 197, 94, .12), transparent 40%),
    linear-gradient(150deg, #13261e, #101a26 75%);
}

.pro-membership-top {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
}

.pro-membership-card h2 {
  margin-bottom: 9px;
  font-size: 22px;
  line-height: 1.3;
}

.pro-membership-card p {
  margin-bottom: 18px;
  color: #a6b2c3;
  font-size: 12px;
}

.pro-feature-list {
  display: grid;
  gap: 9px;
  margin-bottom: 19px;
}

.pro-feature-list span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d5deea;
  font-size: 10px;
  font-weight: 700;
}

.pro-feature-list svg {
  color: #46d98a;
}

.pro-store-note {
  display: block;
  margin-top: 10px;
  color: #7d8ba0;
  font-size: 9px;
}

/* ----------------------------- PRO paywall ------------------------------ */
.pro-gate-v4 {
  max-width: 980px;
  margin: 30px auto 0;
  padding: 30px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, .72fr);
  align-items: center;
  gap: 24px;
  text-align: left;
  border-color: rgba(250, 204, 21, .43);
  background:
    radial-gradient(circle at 90% 10%, rgba(250, 204, 21, .14), transparent 33%),
    linear-gradient(145deg, #211e12, #0d1927);
}

.pro-gate-icon {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(250, 204, 21, .4);
  border-radius: 21px;
  background: rgba(250, 204, 21, .1);
  color: #facc15;
  font-size: 28px;
}

.pro-gate-copy h2 {
  margin: 0 0 8px;
  font-size: 23px;
}

.pro-gate-copy p {
  margin: 0;
  color: #a6b2c3;
  font-size: 12px;
}

.pro-gate-benefits {
  display: grid;
  gap: 9px;
}

.pro-gate-benefits span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d8e0ea;
  font-size: 10px;
  font-weight: 700;
}

.pro-gate-benefits svg {
  color: #4ade80;
}

.pro-gate-v4 .pro-actions {
  grid-column: 2 / -1;
  justify-content: flex-start;
  align-items: center;
}

.pro-gate-v4 .google-soon {
  margin: 0;
  color: #7f8ca0;
  font-size: 9px;
}

/* -------------------------- Question setup ------------------------------ */
.setup-layout-v4 {
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .65fr);
  gap: 18px;
  align-items: start;
}

.setup-main-v4 {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.setup-section {
  padding: 24px;
  border-bottom: 1px solid rgba(73, 103, 140, .34);
}

.setup-section:last-child {
  border-bottom: 0;
}

.setup-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 18px;
}

.setup-section-heading > span,
.question-form-section-heading > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(56, 189, 248, .38);
  border-radius: 10px;
  background: rgba(14, 165, 233, .11);
  color: #65d7ff;
  font-size: 11px;
  font-weight: 900;
}

.setup-section-heading h2,
.question-form-section-heading h2 {
  margin: 0 0 4px;
  font-size: 18px;
}

.setup-section-heading p,
.question-form-section-heading p {
  margin: 0;
  color: #7d8fa8;
  font-size: 10px;
}

.mode-cards-v4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mode-cards-v4 button {
  min-height: 154px;
  position: relative;
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 6px;
}

.mode-card-icon {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(56, 189, 248, .23);
  border-radius: 14px;
  background: rgba(14, 165, 233, .09);
  font-size: 21px;
}

.mode-cards-v4 button strong {
  font-size: 15px;
}

.mode-cards-v4 button small {
  max-width: 280px;
  line-height: 1.45;
}

.mode-cards-v4 button i {
  position: absolute;
  top: 17px;
  right: 17px;
  color: #71839a;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.mode-cards-v4 button.active i {
  color: #6fdcff;
}

.setup-lesson-select {
  max-width: 440px;
  margin-top: 16px;
}

.choice-row-v4 button {
  min-width: 96px;
  min-height: 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.choice-row-v4 button strong {
  font-size: 17px;
}

.choice-row-v4 button small {
  color: #7d8fa7;
  font-size: 9px;
}

.duration-row-v4 button {
  min-width: 118px;
  flex-direction: row;
}

.setup-summary-v4 {
  top: 96px;
  padding: 25px;
  text-align: left;
}

.setup-summary-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  border: 1px solid rgba(56, 189, 248, .3);
  border-radius: 20px;
  background: rgba(14, 165, 233, .1);
  font-size: 30px;
}

.setup-summary-v4 h2 {
  margin-bottom: 7px;
  font-size: 24px;
}

.setup-summary-v4 > p {
  margin-bottom: 20px;
  color: #8799b0;
  font-size: 11px;
}

.setup-summary-list {
  display: grid;
  margin-bottom: 17px;
  border: 1px solid rgba(70, 101, 139, .38);
  border-radius: 16px;
  background: rgba(5, 16, 29, .48);
  overflow: hidden;
}

.setup-summary-list > div {
  min-height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(70, 101, 139, .25);
}

.setup-summary-list > div:last-child {
  border-bottom: 0;
}

.setup-summary-list span {
  color: #7f91a8;
  font-size: 10px;
}

.setup-summary-list strong {
  font-size: 11px;
}

.setup-xp-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
  padding: 13px;
  border: 1px solid rgba(250, 204, 21, .26);
  border-radius: 14px;
  background: rgba(250, 204, 21, .06);
  color: #facc15;
}

.setup-xp-note > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.setup-xp-note strong {
  color: #f5f7fb;
  font-size: 11px;
}

.setup-xp-note span {
  color: #8c99aa;
  font-size: 9px;
}

.setup-summary-v4 .btn {
  width: 100%;
}

.setup-summary-v4 .keyboard-tip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  line-height: 1.5;
}

/* -------------------------- Question session ---------------------------- */
.session-page {
  min-height: calc(100vh - 135px);
}

.session-header {
  min-height: 74px;
  padding: 12px 14px;
}

.session-title-block strong {
  font-size: 15px;
}

.session-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 18px;
  align-items: start;
}

.question-card {
  min-height: 550px;
  padding: 28px;
}

.question-card h1 {
  max-width: 1080px;
  margin: 28px 0 24px;
  font-size: clamp(23px, 2vw, 32px);
  line-height: 1.4;
}

.options-list {
  gap: 11px;
}

.option {
  min-height: 68px;
  padding: 11px 15px;
  border-radius: 16px;
}

.option > b {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  font-size: 14px;
}

.option > span:nth-child(2) {
  font-size: 14px;
  line-height: 1.45;
}

.session-side {
  position: sticky;
  top: 96px;
}

.session-status-card,
.session-shortcut-card {
  box-shadow: none;
}

.score-stack > div {
  min-height: 47px;
}

.shortcut-list span {
  gap: 10px;
}

.question-helper {
  margin-top: 17px;
}

/* -------------------------------- Notes -------------------------------- */
.notes-control-card {
  padding: 13px;
  margin-bottom: 17px;
  box-shadow: none;
}

.notes-toolbar-v4 {
  margin: 0;
}

.notes-toolbar-v4 .notes-search {
  width: min(360px, 100%);
  flex: 1;
}

.notes-filters {
  justify-content: center;
}

.note-limit-v4 {
  min-width: 126px;
  padding: 8px 11px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid rgba(70, 101, 139, .38);
  border-radius: 12px;
  background: #091625;
}

.note-limit-v4 span {
  color: #5ecfff;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .12em;
}

.note-limit-v4 strong {
  color: #dce5f0;
  font-size: 10px;
}

.notes-grid-v4 {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 15px;
}

.note-card-v4 {
  min-height: 285px;
  position: relative;
  display: flex;
  overflow: hidden;
  border-color: rgba(73, 104, 143, .42);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(17, 32, 53, .98), rgba(7, 18, 32, .98));
  cursor: default;
}

.note-card-v4::before {
  width: 4px;
  background: var(--note-color);
}

.note-card-v4 .note-content {
  width: 100%;
  padding: 20px 20px 15px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.note-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 15px;
}

.note-card-v4 .note-folder {
  margin: 0;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(56, 189, 248, .08);
  font-size: 8px;
}

.note-card-v4 h3 {
  margin: 0 0 9px;
  font-size: 18px;
  line-height: 1.35;
}

.note-card-v4 p {
  min-height: 84px;
  margin: 0;
  color: #8597ae;
  font-size: 11px;
  line-height: 1.6;
  -webkit-line-clamp: 4;
}

.note-card-date {
  margin-top: auto;
  padding-top: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #657892;
  font-size: 8px;
}

.note-card-v4 footer {
  padding: 10px 13px;
  background: rgba(3, 12, 22, .38);
}

.note-card-v4 footer button {
  min-height: 34px;
  padding: 0 9px;
  font-size: 9px;
}

.note-editor-v4 textarea {
  min-height: 280px;
}

.notes-empty-card {
  min-height: 360px;
}

/* ---------------------------- Information cards ------------------------- */
.info-toolbar {
  padding: 13px;
  border: 1px solid rgba(70, 101, 139, .38);
  border-radius: 18px;
  background: rgba(11, 25, 42, .72);
}

.info-toolbar .field {
  min-width: 220px;
}

.info-daily {
  min-width: 180px;
  padding: 10px 12px;
  box-shadow: none;
}

.flashcard-layout {
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: stretch;
}

.flashcard,
.flashcard-inner {
  min-height: 500px;
  height: 500px;
}

.flashcard-face h2 {
  max-width: 900px;
  font-size: clamp(28px, 3.7vw, 48px);
}

.flashcard-actions {
  padding: 14px;
  border: 1px solid rgba(70, 101, 139, .36);
  border-radius: 18px;
  background: rgba(9, 22, 37, .7);
}

/* -------------------------------- AI ----------------------------------- */
.ai-hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
  align-items: start;
}

.ai-score-card,
.ai-priority {
  min-height: 100%;
}

.ai-title {
  align-items: flex-start;
}

.ai-title > .badge {
  margin-left: auto;
}

.ai-score-body > div:last-child h2 {
  margin-bottom: 8px;
  font-size: 24px;
}

.ai-priority h2 {
  font-size: 22px;
}

/* --------------------------- Maps and games ----------------------------- */
.maps-hero {
  min-height: 210px;
}

.game-grid {
  gap: 14px;
}

.game-card {
  min-height: 230px;
  display: flex;
  flex-direction: column;
}

.game-card p {
  line-height: 1.55;
}

.game-card .btn,
.game-card > span:last-child {
  margin-top: auto;
}

.map-result-card {
  width: min(760px, 100%);
}

/* ----------------------------- Challenge -------------------------------- */
.challenge-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
}

.challenge-arena {
  min-height: 500px;
}

.challenge-counts button {
  min-height: 72px;
}

.challenge-note {
  max-width: 650px;
  margin: 16px auto 0;
  color: #8293a9;
  font-size: 10px;
  text-align: center;
}

.history-row {
  min-height: 62px;
}

/* ------------------------------ Pomodoro -------------------------------- */
.pomodoro-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
}

.pomodoro-main,
.pomodoro-side > .card {
  padding: 24px;
}

.pomodoro-clock {
  width: min(340px, 78%);
  margin: 27px auto;
}

.browser-note,
.pomodoro-tip {
  line-height: 1.55;
}

/* ------------------------------- Ranking -------------------------------- */
.ranking-tabs {
  margin-bottom: 18px;
}

.ranking-podium {
  gap: 14px;
}

.podium-card {
  min-height: 180px;
  padding: 20px;
}

.ranking-card {
  overflow: hidden;
}

.ranking-body {
  max-height: min(630px, calc(100vh - 355px));
  overflow: auto;
}

.ranking-head,
.ranking-row {
  min-height: 58px;
  padding: 13px 18px;
}

/* -------------------------------- Badges -------------------------------- */
.badges-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 14px;
}

.badge-card {
  min-height: 165px;
  padding: 18px;
}

.badge-card p {
  min-height: 38px;
  font-size: 10px;
}

/* --------------------------- Add question ------------------------------- */
.add-question-layout-v4 {
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  align-items: start;
}

.question-form-card {
  padding: 0;
  overflow: hidden;
}

.question-form-v4 {
  display: grid;
  gap: 0;
}

.question-form-section {
  padding: 24px;
  border-bottom: 1px solid rgba(71, 102, 140, .34);
}

.question-form-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 18px;
}

.option-editor-v4 {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

.option-editor-v4 label {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  border: 1px solid #2b415f;
  border-radius: 15px;
  background: #091625;
}

.option-editor-v4 label.correct-option {
  border-color: rgba(45, 212, 122, .52);
  background: rgba(45, 212, 122, .06);
}

.option-editor-v4 label > input[type="radio"] {
  width: 16px;
  height: 16px;
  accent-color: #2dd47a;
}

.option-editor-v4 label > b {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: #172840;
}

.option-editor-v4 label > input[type="text"],
.option-editor-v4 label > input:not([type]) {
  width: 100%;
}

.option-editor-v4 label > span {
  color: #71849c;
  font-size: 8px;
  white-space: nowrap;
}

.option-editor-v4 label.correct-option > span {
  color: #67e79e;
}

.question-submit-row {
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: rgba(4, 14, 25, .42);
}

.question-submit-row p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #7d8fa7;
  font-size: 9px;
}

.contribution-guide-v4 {
  position: sticky;
  top: 96px;
  padding: 24px;
}

.contribution-guide-v4 ul {
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
}

.contribution-guide-v4 li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #a5b2c4;
  font-size: 10px;
  line-height: 1.55;
}

.contribution-guide-v4 li svg {
  flex: none;
  color: #42df8b;
}

.contribution-tip {
  margin-top: 18px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border: 1px solid rgba(56, 189, 248, .26);
  border-radius: 14px;
  background: rgba(14, 165, 233, .07);
}

.contribution-tip strong {
  color: #5fd3ff;
  font-size: 9px;
}

.contribution-tip span {
  color: #8495aa;
  font-size: 9px;
  line-height: 1.5;
}

/* ------------------------------ Wrong list ------------------------------ */
.wrong-hero-v4 {
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr);
  gap: 18px;
}

.wrong-main-card {
  padding: 28px;
}

.wrong-count-v4 {
  margin-bottom: 20px;
}

.wrong-steps-v4 {
  margin: 22px 0;
}

.wrong-side-v4 {
  padding: 25px;
  align-self: start;
}

.wrong-side-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 17px;
  border: 1px solid rgba(167, 139, 250, .34);
  border-radius: 20px;
  background: rgba(139, 92, 246, .1);
  color: #bda7ff;
}

.wrong-side-note {
  margin-top: 18px;
  padding: 12px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  border: 1px solid rgba(45, 212, 122, .25);
  border-radius: 13px;
  background: rgba(45, 212, 122, .06);
  color: #92bba6;
  font-size: 9px;
  line-height: 1.5;
}

.wrong-side-note svg {
  flex: none;
  color: #45db8a;
}

/* ---------------------------- Support/forms ----------------------------- */
.support-summary {
  min-height: 70px;
}

.ticket-row {
  min-height: 66px;
}

.field input,
.field textarea,
.field select {
  min-height: 44px;
}

.field textarea {
  min-height: 120px;
}

/* ------------------------------- Responsive ----------------------------- */
@media (max-width: 1350px) {
  .dashboard-overview,
  .profile-layout-v4,
  .setup-layout-v4,
  .add-question-layout-v4,
  .ai-hero,
  .challenge-layout,
  .pomodoro-layout {
    grid-template-columns: 1fr;
  }

  .profile-side-v4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .setup-summary-v4,
  .contribution-guide-v4 {
    position: static;
  }

  .notes-grid-v4,
  .badges-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}

@media (max-width: 1050px) {
  .performance-summary {
    grid-template-columns: 1fr;
  }

  .performance-main-row {
    align-items: start;
  }

  .pro-gate-v4 {
    grid-template-columns: auto 1fr;
  }

  .pro-gate-benefits {
    grid-column: 1 / -1;
  }

  .pro-gate-v4 .pro-actions {
    grid-column: 1 / -1;
  }

  .session-layout {
    grid-template-columns: 1fr;
  }

  .session-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .page-content {
    padding: 24px 18px 64px;
  }

  .profile-side-v4 {
    grid-template-columns: 1fr;
  }

  .performance-main-row {
    grid-template-columns: 96px 1fr;
    gap: 15px;
  }

  .level-orb {
    min-height: 120px;
  }

  .notes-toolbar-v4 {
    flex-direction: column;
    align-items: stretch;
  }

  .notes-toolbar-v4 .notes-search,
  .note-limit-v4 {
    width: 100%;
    max-width: none;
  }

  .notes-filters {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .wrong-hero-v4 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .page-header {
    align-items: flex-start;
  }

  .performance-main-row {
    grid-template-columns: 1fr;
  }

  .level-orb {
    min-height: 105px;
    grid-template-columns: auto auto;
    gap: 8px;
  }

  .level-orb span {
    grid-column: 1 / -1;
  }

  .performance-summary,
  .mode-cards-v4,
  .quick-grid-v4,
  .profile-form-grid,
  .notes-grid-v4,
  .badges-grid {
    grid-template-columns: 1fr;
  }

  .daily-goal-v4 {
    grid-template-columns: 1fr;
  }

  .daily-goal-v4 .goal-ring {
    margin: 0 auto;
  }

  .profile-identity-v4 {
    align-items: flex-start;
  }

  .profile-name-block {
    padding-top: 12px;
  }

  .profile-save-row,
  .question-submit-row {
    flex-direction: column;
    align-items: stretch;
  }

  .profile-save-row .btn,
  .question-submit-row .btn {
    width: 100%;
  }

  .pro-gate-v4 {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .pro-gate-icon {
    margin: auto;
  }

  .pro-gate-v4 .pro-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pro-gate-v4 .btn {
    width: 100%;
  }

  .session-side {
    grid-template-columns: 1fr;
  }

  .option-editor-v4 label {
    grid-template-columns: auto 38px minmax(0, 1fr);
  }

  .option-editor-v4 label > span {
    grid-column: 3;
    white-space: normal;
  }
}


/* ========================================================================
   ÇÖZMATİK WEB V4.1 — GİRİŞ, DESTEK VE GENEL KURUMSAL METİN DÜZENİ
   ======================================================================== */
.auth-page-v4 {
  background:
    radial-gradient(circle at 18% 22%, rgba(35, 150, 255, .13), transparent 32%),
    #07101d;
}

.auth-visual-v4 {
  min-width: 0;
  overflow: hidden;
  justify-content: space-between;
  gap: 44px;
}

.auth-visual-content {
  width: min(760px, 100%);
  margin: auto 0;
}

.auth-visual-v4 h1 {
  max-width: 720px;
  font-size: clamp(42px, 4.4vw, 68px);
  line-height: 1.04;
  letter-spacing: -.045em;
  margin: 20px 0 18px;
}

.auth-visual-v4 p {
  max-width: 680px;
  color: #a9b9ce;
  font-size: 16px;
  line-height: 1.7;
}

.auth-feature-list-v4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 720px;
}

.auth-feature-item {
  min-width: 0;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(69, 109, 153, .42);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(15, 32, 54, .88), rgba(9, 23, 40, .72));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.auth-feature-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #42c3ff;
  background: rgba(35, 166, 255, .1);
  border: 1px solid rgba(54, 184, 255, .25);
}

.auth-feature-item > span:last-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.auth-feature-item strong {
  color: #f4f8ff;
  font-size: 13px;
  line-height: 1.25;
}

.auth-feature-item small {
  color: #8294ab;
  font-size: 9px;
  line-height: 1.45;
}

.auth-copyright {
  color: #61738b;
}

.auth-panel-v4 {
  border-left: 1px solid rgba(49, 75, 108, .42);
  background:
    radial-gradient(circle at 50% 10%, rgba(36, 126, 255, .08), transparent 32%),
    #091321;
}

.auth-card-v4 {
  width: min(500px, 100%);
  padding: clamp(25px, 3vw, 38px);
  border: 1px solid rgba(53, 82, 117, .45);
  border-radius: 24px;
  background: linear-gradient(160deg, rgba(16, 32, 53, .95), rgba(8, 20, 35, .95));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .24);
}

.auth-card-v4 > p {
  max-width: 430px;
  color: #8ea0b7;
  line-height: 1.6;
}

.auth-card-v4 .auth-form {
  gap: 15px;
}

.auth-card-v4 .btn-lg {
  min-height: 50px;
}

.public-support-page-v4 main {
  max-width: 940px;
}

.legal-lead {
  max-width: 760px;
  color: #a9b9ce;
  font-size: 16px;
  line-height: 1.75;
}

.support-faq-v4 {
  margin-top: 58px;
}

.support-faq-heading h2 {
  margin: 5px 0 18px;
  font-size: 30px;
}

.support-faq-list {
  display: grid;
  gap: 12px;
}

.support-faq-list article {
  padding: 20px 22px;
  border: 1px solid #253d5a;
  border-radius: 17px;
  background: linear-gradient(145deg, #0e1d31, #091625);
}

.support-faq-list h3 {
  margin: 0 0 8px;
  color: #edf6ff;
  font-size: 15px;
}

.support-faq-list p {
  margin: 0;
  color: #8fa1b8;
  line-height: 1.65;
}

/* Tarayıcının otomatik metin sıkıştırmasını ve taşmaları önler. */
.card h1,
.card h2,
.card h3,
.card p,
.card strong,
.card small,
.page-header h1,
.page-header p,
.quick-action-copy,
.tool-copy,
.profile-name-block,
.pro-gate-copy {
  min-width: 0;
  overflow-wrap: anywhere;
}

input,
select,
textarea,
button {
  font: inherit;
}

input::placeholder,
textarea::placeholder {
  color: #63758d;
  opacity: 1;
}

@media (max-width: 1100px) {
  .auth-feature-list-v4 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .auth-panel-v4 {
    border-left: 0;
  }
}

@media (max-width: 560px) {
  .auth-card-v4 {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .public-support-page-v4 main {
    padding-top: 42px;
  }
}

/* ===== Web v5 fixes ===== */
.btn-success{background:linear-gradient(135deg,#16a34a,#0ea5e9);border-color:rgba(34,197,94,.4);color:#fff;box-shadow:0 14px 32px rgba(14,165,233,.22)}
.btn-success:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(14,165,233,.26)}

.dashboard-overview{align-items:stretch}.dashboard-overview .performance-card,.dashboard-overview .daily-goal-card{min-height:100%}.performance-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.performance-level-label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,210,255,.22);border-radius:999px;padding:8px 12px;background:rgba(12,24,40,.72);color:#cde9ff;font-size:11px;font-weight:800}.performance-main-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;align-items:center}.level-orb{height:156px;border-radius:30px;border:1px solid rgba(77,148,255,.22);background:radial-gradient(circle at 30% 20%,rgba(56,189,248,.18),transparent 36%),linear-gradient(180deg,rgba(13,28,48,.95),rgba(9,18,33,.98));display:grid;place-items:center;gap:4px;text-align:center}.level-orb strong{font-size:40px;line-height:1;font-weight:900}.level-orb span{font-size:10px;letter-spacing:.18em;color:#7aa5d0;font-weight:900}.performance-summary{display:grid;gap:16px}.performance-total{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid rgba(39,61,91,.88);border-radius:18px;background:rgba(8,19,34,.78)}.performance-total span{font-size:11px;color:#86a6ca}.performance-total strong{font-size:32px;line-height:1.05}.performance-total small{font-size:11px;color:#9db8d4}.xp-progress-panel{padding:16px 18px;border:1px solid rgba(39,61,91,.88);border-radius:18px;background:rgba(8,19,34,.78)}.xp-progress-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.xp-progress-heading span{display:block;font-size:10px;letter-spacing:.16em;color:#7ea1c7;font-weight:900}.xp-progress-heading strong{display:block;font-size:20px}.xp-progress-heading strong small{font-size:12px;color:#88aacb;font-weight:700}.xp-progress-heading b{font-size:12px;color:#ffd34d}
.daily-goal-v5{display:flex;align-items:center}.daily-goal-copy{width:100%;display:grid;gap:14px}.daily-goal-copy p{margin:0;color:#b5cae2}.daily-goal-progress-box{padding:15px 16px;border-radius:16px;background:rgba(9,22,36,.82);border:1px solid rgba(39,61,91,.8)}.daily-goal-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.daily-goal-progress-head strong{font-size:19px}.daily-goal-progress-head span{font-size:12px;color:#82e2a2;font-weight:800}.daily-goal-meta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.daily-streak,.daily-goal-remaining{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#cfe8ff;border:1px solid rgba(39,61,91,.7);background:rgba(7,18,33,.72);padding:10px 12px;border-radius:999px}.dashboard-section-card{height:100%}.quick-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border-radius:18px;border:1px solid rgba(40,184,247,.18);background:linear-gradient(180deg,rgba(9,22,37,.94),rgba(7,16,29,.96));color:var(--text)}.quick-action:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.45)}.quick-action-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(18,41,65,.96);color:#61d3ff;border:1px solid rgba(73,122,173,.5)}.quick-action-copy{display:flex;flex-direction:column;gap:4px}.quick-action-copy strong{font-size:15px}.quick-action-copy small{font-size:12px;color:#97b2ca}.exam-chip,.pro-chip{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}.exam-chip{background:#0c1727;border:1px solid #26405f;color:#aad7ff}.pro-chip{background:#0c1727;border:1px solid rgba(250,204,21,.3);color:#fdd857}.tool-list-v5{display:grid;gap:12px}.tool-list-v5 a{min-height:84px}.tool-icon svg,.quick-action-icon svg,.wrong-count-icon svg,.challenge-mobile-icon svg,.maps-hero-features svg{display:block}

.mode-cards-v4 button,.choice-row-v4 button,.duration-row-v5 button{align-items:flex-start}.mode-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(54,82,115,.88);background:#10243a;color:#60d2ff;margin-bottom:16px}.setup-lesson-select{margin-top:16px;max-width:320px}.duration-row-v5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.duration-row-v5 button{min-height:82px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;text-align:left;padding:14px}.duration-button-icon{width:34px;height:34px;border-radius:12px;background:rgba(19,34,53,.95);border:1px solid rgba(42,66,95,.92);display:grid;place-items:center;color:#86dfff}.duration-row-v5 button strong{font-size:18px}.duration-row-v5 button small{display:block;color:#86a8cb;font-size:11px;line-height:1.35}.setup-summary-v4 .setup-summary-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(56,189,248,.22),rgba(59,130,246,.14));border:1px solid rgba(68,142,255,.28);color:#6ed7ff}.setup-summary-v4 .setup-summary-list{margin:18px 0;border:1px solid var(--border);border-radius:18px;overflow:hidden}.setup-summary-v4 .setup-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid rgba(31,47,66,.9)}.setup-summary-v4 .setup-summary-list>div:first-child{border-top:0}.setup-summary-v4 .setup-summary-list span{font-size:11px;color:#87a8cb}.setup-summary-v4 .setup-summary-list strong{font-size:13px}.setup-xp-note{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(250,204,21,.26);background:rgba(250,204,21,.06);margin-bottom:18px}.setup-xp-note strong{display:block;margin-bottom:4px;font-size:13px}.setup-xp-note span{font-size:11px;color:#9db2ca}.keyboard-tip{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#91abc6;padding:12px 14px;border:1px dashed rgba(40,184,247,.22);border-radius:14px;margin-top:14px}

.wrong-count-v5{display:inline-flex;align-items:center;gap:14px;padding:16px 18px;border-radius:28px;background:linear-gradient(160deg,rgba(140,40,76,.36),rgba(24,28,56,.92));border:1px solid rgba(255,112,149,.28);margin-bottom:14px}.wrong-count-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(19,32,51,.82);color:#9dd7ff;border:1px solid rgba(79,111,154,.48)}.wrong-count-copy{display:grid;gap:4px}.wrong-count-top{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.wrong-count-top strong{font-size:54px;line-height:.92;color:#ff7e9c}.wrong-count-top span{font-size:22px;font-weight:800;color:#fff}.wrong-count-copy small{font-size:14px;color:#d8e7fa}.wrong-side-note{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(38,152,108,.3);background:rgba(14,95,67,.08);color:#9fefc7;margin-top:18px}

.maps-hero-v5{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;overflow:hidden}.maps-hero-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.maps-hero-features span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(46,85,122,.76);background:rgba(9,21,36,.72);font-size:12px;font-weight:700}.maps-hero-visual-v5{position:relative;display:grid;place-items:center;min-height:260px;overflow:hidden}.maps-hero-visual-v5::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(32,124,255,.22),transparent 44%),radial-gradient(circle at 50% 50%,rgba(56,189,248,.16),transparent 66%)}.maps-hero-visual-v5 img{position:relative;z-index:1;width:min(100%,480px);opacity:.9;filter:sepia(1) hue-rotate(165deg) saturate(6) brightness(.85) contrast(1.1) drop-shadow(0 0 30px rgba(34,211,238,.22))}.maps-hero-visual-v5 strong{position:absolute;z-index:2;font-size:52px;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.35)}.maps-hero-visual-v5 small{position:absolute;z-index:2;bottom:28px;color:#8ed8ff;font-size:12px;font-weight:700}.popup-message strong{display:inline;color:#fff}

.challenge-mobile-only-card{display:grid;gap:18px;max-width:860px;margin:0 auto}.challenge-mobile-icon{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(56,189,248,.2),rgba(37,99,235,.14));border:1px solid rgba(56,189,248,.3);color:#6ed5ff}.challenge-mobile-copy h2{margin:14px 0 8px}.challenge-mobile-copy p{margin:0;color:#adc5dc}.challenge-mobile-benefits{display:grid;gap:10px}.challenge-mobile-benefits span{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:15px;border:1px solid rgba(43,68,96,.82);background:rgba(7,18,33,.72)}.challenge-mobile-actions{display:grid;gap:12px;justify-items:start}.challenge-mobile-actions small{color:#92aac0;font-size:11px}

.pomodoro-layout-v5{align-items:start}.pomodoro-main-v5{min-height:635px}.pomodoro-controls-v5{align-items:stretch}.pomodoro-add-minute{min-width:72px;display:grid;place-items:center;gap:2px;line-height:1}.pomodoro-add-minute span{font-size:20px;font-weight:900}.pomodoro-add-minute small{font-size:14px;font-weight:800;color:#d8eeff}.pomodoro-stats-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.pomodoro-mini-stat{padding:16px;border-radius:18px;border:1px solid rgba(43,68,96,.82);background:rgba(8,19,34,.85);display:grid;gap:6px}.pomodoro-mini-stat svg{color:#83d8ff}.pomodoro-mini-stat strong{font-size:36px;line-height:1}.pomodoro-mini-stat span{font-size:12px;color:#93adc7}.pomodoro-mini-stat.wide{grid-column:1/-1}.pomodoro-goal-progress{margin-top:16px}.pomodoro-side-v5{display:grid;gap:16px}

.ai-title-v5{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px}.ai-robot-v5{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(56,189,248,.18),rgba(167,139,250,.24));border:1px solid rgba(106,166,255,.24)}.ai-data-box{margin-top:16px;padding:15px 16px;border-radius:16px;border:1px solid rgba(39,61,91,.88);background:rgba(8,19,34,.78);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ai-data-box span{font-size:12px;color:#89abc9}.ai-data-box strong{font-size:18px;color:#ffd34d}.ai-priority-v5 .priority-grid-v5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.priority-grid-v5>div{padding:16px;border-radius:18px;border:1px solid rgba(43,68,96,.82);background:rgba(8,19,34,.85);display:grid;gap:6px}.priority-grid-v5 span{font-size:11px;color:#8eacc5}.priority-grid-v5 strong{font-size:20px;line-height:1.25}.priority-grid-v5 b{font-size:24px;color:#fff}.lesson-analysis-list{display:grid;gap:16px}.lesson-analysis-list>div{padding:14px 16px;border:1px solid rgba(42,66,95,.86);border-radius:18px;background:rgba(8,19,34,.8)}.lesson-analysis-list>div>span{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.lesson-analysis-list>div>span small{display:block;color:#8da8c3;font-size:11px;margin-top:3px}.lesson-analysis-list b{display:block;margin-bottom:10px}.success-text{color:#58d68d}.danger-text{color:#ff7596}.warning{color:#ffd04a}

.profile-overview-card-v5{padding:0;overflow:hidden}.profile-hero-v5{padding:24px;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.24),transparent 30%),radial-gradient(circle at 85% 15%,rgba(139,92,246,.24),transparent 34%),linear-gradient(140deg,#0c2238,#132d53,#242f7b)}.profile-identity-v6{margin-top:0;align-items:center}.profile-summary-v5{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-summary-v5>div{padding:16px;border-radius:18px;background:rgba(7,16,29,.58);border:1px solid rgba(255,255,255,.08)}.profile-summary-v5 span{display:block;font-size:11px;color:#b6d6f2;margin-bottom:8px}.profile-summary-v5 strong{font-size:28px;line-height:1}

.info-toolbar-v5{display:grid;grid-template-columns:240px 1fr 240px;gap:14px;align-items:end;margin-bottom:16px}.info-segmented-v5{display:flex;flex-wrap:wrap;gap:8px}.info-daily-v5{display:grid;gap:8px}.info-free-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:16px 18px}.info-free-note strong{display:block;margin:8px 0 6px}.info-free-note p{margin:0;color:#99b4cd;font-size:12px}.info-free-counter{font-size:20px;font-weight:900;color:#ffd24b}.flashcard-layout-v5{display:grid;gap:16px}.flashcard-actions-v5{align-items:center}.flashcard-stats-v5{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.flashcard-stats-v5 .card{padding:16px}.flashcard-stats-v5 span{font-size:11px;color:#90aac3}.flashcard-stats-v5 strong{font-size:28px;line-height:1.05}

.sidebar-collapsed{--sidebar:92px}.sidebar-collapsed .sidebar-top{justify-content:center;height:92px;padding:12px 10px}.sidebar-collapsed .brand{justify-content:center;width:100%}.sidebar-collapsed .brand img{width:36px;height:36px}.sidebar-collapsed .nav-item{padding:0;min-height:46px;justify-content:center;border-radius:14px}.sidebar-collapsed .nav-item svg{width:21px;height:21px}.sidebar-collapsed .sidebar-bottom{padding:10px 8px}.sidebar-collapsed .sidebar-user{justify-content:center;padding:8px}.sidebar-collapsed .collapse-button{position:static;transform:none;margin-top:4px}.sidebar-collapsed .sidebar-user .avatar{width:42px;height:42px}

@media (max-width: 1360px){.duration-row-v5{grid-template-columns:repeat(3,minmax(0,1fr))}.info-toolbar-v5{grid-template-columns:1fr}.profile-summary-v5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 1100px){.dashboard-overview,.two-column,.maps-hero-v5,.pomodoro-layout-v5,.profile-layout,.setup-layout-v4,.ai-hero{grid-template-columns:1fr}.performance-main-row{grid-template-columns:1fr}.quick-grid-v4,.flashcard-stats-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.pomodoro-main-v5{min-height:auto}}
@media (max-width: 860px){.quick-grid-v4,.flashcard-stats-v5,.pomodoro-stats-grid-v5,.priority-grid-v5,.profile-summary-v5{grid-template-columns:1fr}.duration-row-v5{grid-template-columns:repeat(2,minmax(0,1fr))}.maps-hero-visual-v5{min-height:220px}.wrong-count-top strong{font-size:42px}.info-free-note{align-items:flex-start;flex-direction:column}.ai-title-v5{grid-template-columns:1fr;text-align:left}.ai-title-v5 .badge{justify-self:start}}
@media (max-width: 640px){.duration-row-v5{grid-template-columns:1fr}.performance-total strong{font-size:28px}.xp-progress-heading{flex-direction:column;align-items:flex-start}.daily-goal-meta-row{flex-direction:column;align-items:flex-start}.tool-list-v5 a{min-height:76px}.profile-hero-v5{padding:20px}.profile-identity-v6{align-items:flex-start;flex-direction:column}.profile-name-line{flex-wrap:wrap}.maps-hero-visual-v5 strong{font-size:42px}}
.profile-edit-card,.settings-card,.pro-membership-card,.pomodoro-stats-card-v5,.wrong-empty-card{height:max-content}.profile-section-label{font-size:12px;font-weight:800;color:#95b2ce;margin-bottom:10px}.inline-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.profile-form-grid{align-items:end}.profile-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}.profile-save-row p{margin:0;color:#94aec8;font-size:12px}.profile-sync-note{display:inline-flex;align-items:center;gap:7px;color:#97b1cc;font-size:11px}.settings-save-hint{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed rgba(53,87,123,.78);color:#9bb5cf;font-size:11px}.pro-membership-card{display:grid;gap:14px}.pro-membership-top{display:flex;align-items:center;gap:10px}.pro-feature-list{display:grid;gap:10px}.pro-feature-list span{display:flex;align-items:center;gap:9px}.pro-store-note{color:#95b0ca;font-size:11px}.profile-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name-block p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#d8ebff;margin:6px 0 0}.profile-name-block h2{margin:0}.pomodoro-tip{display:flex;align-items:flex-start;gap:12px}.pomodoro-tip span{font-size:22px}.pomodoro-tip p{margin:4px 0 0;color:#a5bdd5}.browser-note{margin-top:12px;padding:12px 14px;border:1px solid rgba(53,87,123,.78);border-radius:14px;color:#97b2cc;font-size:11px}.info-daily-v5 strong{font-size:20px}.setup-layout-v4{align-items:start}.setup-main-v4{display:grid;gap:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.card-heading h2{margin:4px 0 0}.card-heading.compact-heading{margin-bottom:12px}.page-actions .badge{height:34px;display:inline-flex;align-items:center}.tool-copy{min-width:0}.tool-copy strong,.tool-copy small{display:block}.tool-copy small{white-space:normal}.game-card{transition:.2s}.game-card.locked{border-color:rgba(250,204,21,.22)}.game-card.locked:hover{border-color:rgba(250,204,21,.35)}
@media (max-width: 640px){.inline-field,.profile-save-row{grid-template-columns:1fr}.inline-field{display:grid}.profile-save-row{align-items:stretch}.page-actions{width:100%}.page-actions .btn{width:100%;justify-content:center}}

/* ===== incremental v6 fixes ===== */
.tool-list-v5 .tool-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center}.tool-list-v5 .tool-icon.purple{background:linear-gradient(145deg,rgba(122,90,255,.26),rgba(84,44,164,.34));color:#c7b4ff}.tool-list-v5 .tool-icon.red{background:linear-gradient(145deg,rgba(239,68,68,.24),rgba(127,29,29,.4));color:#ffb5b5}.tool-list-v5 .tool-icon.blue{background:linear-gradient(145deg,rgba(56,189,248,.23),rgba(20,83,132,.34));color:#93deff}.tool-list-v5 .tool-icon.yellow{background:linear-gradient(145deg,rgba(250,204,21,.26),rgba(133,77,14,.38));color:#ffe16e}.tool-list-v5 a{grid-template-columns:auto 1fr auto;padding:16px 18px;border-radius:18px;border:1px solid rgba(41,73,106,.82);background:rgba(7,18,33,.76)}

.wrong-hero-v5{display:grid;grid-template-columns:minmax(0,1fr)}.wrong-main-card-v5{display:grid;gap:24px}.wrong-header-v5{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.wrong-count-box-v5{padding:18px;border-radius:28px;border:1px solid rgba(255,112,149,.25);background:linear-gradient(160deg,rgba(120,35,74,.35),rgba(18,27,49,.94));display:grid;gap:10px;align-content:start;min-height:210px}.wrong-count-box-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrong-count-box-top small{font-size:11px;letter-spacing:.16em;color:#ffc5d2;font-weight:900}.wrong-count-box-v5 strong{font-size:76px;line-height:.9;color:#ff87a2;font-weight:900}.wrong-count-box-v5>span:last-child{font-size:18px;color:#fff;font-weight:800}.wrong-copy-v5{display:grid;gap:16px;align-content:start}.wrong-copy-v5 p{max-width:850px;margin:0;color:#b5cae2;font-size:17px;line-height:1.7}.wrong-steps-grid-v5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wrong-step-card-v5{padding:18px;border-radius:22px;border:1px solid rgba(41,73,106,.82);background:rgba(7,18,33,.74);display:grid;gap:10px}.wrong-step-card-v5 b{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(19,34,53,.95);border:1px solid rgba(66,97,136,.78);color:#7ed7ff;font-size:13px}.wrong-step-card-v5 strong{font-size:19px;line-height:1.35}.wrong-step-card-v5 p{margin:0;color:#9bb5cf;font-size:14px;line-height:1.6}

.challenge-mobile-only-card-v5{max-width:920px;gap:20px}.challenge-locked-note-v5{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid rgba(54,82,115,.88);background:rgba(9,21,36,.76);color:#cfe5ff}.challenge-store-actions-v5{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.pomodoro-add-minute{min-width:104px;padding-inline:14px;display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;gap:3px}.pomodoro-add-minute span{font-size:19px;line-height:1;font-weight:900;white-space:nowrap}.pomodoro-add-minute small{font-size:11px;line-height:1.1;color:#bdd5ef;font-weight:700;white-space:nowrap}

.flashcard-layout-v6{display:grid;gap:16px}.flashcard-actions-v6{display:grid;grid-template-columns:220px 1fr 220px;gap:16px;align-items:center}.card-counter-v6{display:grid;gap:4px;justify-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(43,68,96,.82);background:rgba(8,19,34,.85)}.card-counter-v6 strong{font-size:28px;line-height:1}.card-counter-v6 span{font-size:18px;color:#cfe4ff}.card-counter-v6 small{font-size:11px;color:#8fb0cf}.flashcard-layout-v6 .flashcard{min-height:420px}

@media (max-width: 1100px){.wrong-header-v5{grid-template-columns:1fr}.wrong-steps-grid-v5,.flashcard-actions-v6{grid-template-columns:1fr}.flashcard-actions-v6 .btn{width:100%;justify-content:center}}
@media (max-width: 860px){.wrong-steps-grid-v5{grid-template-columns:1fr}.wrong-count-box-v5 strong{font-size:58px}.challenge-store-actions-v5{flex-direction:column;align-items:stretch}.challenge-store-actions-v5 .btn{width:100%;justify-content:center}}

/* ===== V7 sync, PRO badges, results and ads ===== */
.tab-pro-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 6px;border-radius:999px;border:1px solid rgba(250,204,21,.38);background:rgba(250,204,21,.1);color:#ffe56b;font-size:8px;font-weight:900;letter-spacing:.06em;vertical-align:middle}.info-segmented-v5 button{display:inline-flex;align-items:center;justify-content:center;gap:3px}.info-segmented-v5 button:not(.active) .tab-pro-badge{opacity:.9}

.result-dashboard-v7{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:stretch}.result-overview-v7{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:center;padding:28px}.result-score-box-v7{min-height:220px;border-radius:30px;border:1px solid rgba(56,189,248,.26);background:radial-gradient(circle at 35% 20%,rgba(56,189,248,.18),transparent 40%),linear-gradient(160deg,rgba(12,35,58,.96),rgba(8,18,32,.98));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.result-score-box-v7 span{font-size:12px;color:#8db4d5;font-weight:700}.result-score-box-v7 strong{font-size:72px;line-height:.95;margin:12px 0;color:#fff;letter-spacing:-.06em}.result-score-box-v7 b{font-size:10px;letter-spacing:.13em;color:#66d7ff;padding:7px 10px;border:1px solid rgba(56,189,248,.26);border-radius:999px;background:rgba(56,189,248,.08)}.result-copy-v7 h2{font-size:30px;margin:8px 0 12px}.result-copy-v7 p{font-size:15px;color:#b4c9df;margin:0 0 20px}.result-answer-summary-v7{display:flex;flex-wrap:wrap;gap:10px}.result-answer-summary-v7 span{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;border:1px solid rgba(42,66,95,.86);background:rgba(7,18,33,.72);font-size:12px;font-weight:800}.result-answer-summary-v7 span:nth-child(1){color:#80e9ad}.result-answer-summary-v7 span:nth-child(2){color:#ff94a7}.result-answer-summary-v7 span:nth-child(3){color:#9bcfff}.result-stats-v7{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}.result-stats-v7 .stat-card:last-child{grid-column:1/-1}.result-next-step-v7{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px}.result-next-step-v7>div:nth-child(2){display:grid;gap:5px}.result-next-step-v7 small{color:#8faac5}.result-next-icon-v7{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.3);background:rgba(139,92,246,.1);color:#bba8ff}.result-ad-slot{margin-top:18px}

.map-result-page-v7{max-width:1180px;margin:0 auto;display:grid;gap:18px}.map-result-card-v7{padding:28px}.map-result-heading-v7{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.map-result-heading-v7 h1{margin:5px 0 8px;font-size:34px}.map-result-heading-v7 p{margin:0;color:#9fb8cf}.map-result-overview-v7{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:stretch}.map-result-score-box-v7{border-radius:28px;border:1px solid rgba(56,189,248,.26);background:radial-gradient(circle at 35% 20%,rgba(56,189,248,.18),transparent 42%),linear-gradient(160deg,rgba(12,35,58,.96),rgba(8,18,32,.98));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.map-result-score-box-v7 span{font-size:12px;color:#8db4d5}.map-result-score-box-v7 strong{font-size:68px;line-height:1;margin:12px 0}.map-result-score-box-v7 small{color:#a9c1d8}.map-result-stats-v7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-result-stats-v7>div{min-height:118px;padding:18px;border-radius:20px;border:1px solid rgba(42,66,95,.86);background:rgba(8,19,34,.82);display:grid;align-content:center;gap:7px}.map-result-stats-v7 span{font-size:11px;color:#8fa9c1}.map-result-stats-v7 strong{font-size:32px}.map-result-stats-v7 .is-correct strong{color:#5be08e}.map-result-stats-v7 .is-wrong strong{color:#ff718d}.map-result-stats-v7 .is-skipped strong{color:#83d6ff}.map-result-stats-v7 .is-score strong{color:#ffd34d}.map-result-summary-v7{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.map-result-summary-v7 span{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(42,66,95,.86);background:rgba(7,18,33,.72);font-size:12px}.map-enter-hint{display:block;margin-top:10px;color:#91abc5;font-size:11px;text-align:center}

.admin-web-stats-card{margin:18px 0}.admin-web-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stats-note{margin:16px 0 0;padding:13px 15px;border-radius:14px;border:1px solid rgba(48,77,108,.72);background:rgba(7,18,33,.65);font-size:11px;color:#9bb4cc}.ad-slot{position:relative;min-height:96px;padding:24px 12px 12px;border-radius:18px;border:1px solid rgba(45,69,97,.7);background:rgba(7,16,29,.62);overflow:hidden}.ad-label{position:absolute;left:12px;top:8px;font-size:8px;letter-spacing:.13em;color:#72869e;font-weight:900}.adsbygoogle{min-height:70px}

@media (max-width:1200px){.result-dashboard-v7{grid-template-columns:1fr}.admin-web-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.result-overview-v7,.map-result-overview-v7{grid-template-columns:1fr}.result-score-box-v7{min-height:180px}.result-next-step-v7{grid-template-columns:1fr}.result-next-step-v7 .btn{width:100%;justify-content:center}.map-result-heading-v7{flex-direction:column}.map-result-stats-v7{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.result-overview-v7{padding:20px}.result-score-box-v7 strong,.map-result-score-box-v7 strong{font-size:56px}.result-copy-v7 h2{font-size:25px}.result-stats-v7,.map-result-stats-v7,.admin-web-stats-grid{grid-template-columns:1fr}.result-stats-v7 .stat-card:last-child{grid-column:auto}}
.pro-store-actions,.profile-store-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-store-actions .btn{flex:1}.pro-actions.pro-store-actions{justify-content:center}.pro-actions.pro-store-actions .btn{min-width:150px}
@media (max-width:620px){.pro-store-actions,.profile-store-actions{flex-direction:column;align-items:stretch}.pro-store-actions .btn,.profile-store-actions .btn{width:100%;justify-content:center}}

/* ===== V8: mağaza kilidi ve soru kurulum ikonları ===== */
.store-soon{
  position:relative;
  display:inline-flex;
  border-radius:14px;
  outline:none;
}
.store-soon-button{
  pointer-events:none;
  cursor:not-allowed;
  opacity:.56;
  filter:saturate(.55);
  border-style:dashed;
}
.store-soon:focus-visible{
  box-shadow:0 0 0 3px rgba(56,189,248,.18);
}
.store-soon-tooltip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  z-index:40;
  min-width:156px;
  padding:9px 11px;
  border:1px solid rgba(80,123,164,.72);
  border-radius:11px;
  background:#0b1728;
  box-shadow:0 14px 38px rgba(0,0,0,.34);
  color:#e9f6ff;
  font-size:11px;
  font-weight:800;
  line-height:1.3;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,5px);
  transition:.18s ease;
  pointer-events:none;
}
.store-soon-tooltip::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:8px;
  height:8px;
  background:#0b1728;
  border-right:1px solid rgba(80,123,164,.72);
  border-bottom:1px solid rgba(80,123,164,.72);
  transform:translate(-50%,-4px) rotate(45deg);
}
.store-soon:hover .store-soon-tooltip,
.store-soon:focus .store-soon-tooltip,
.store-soon:focus-visible .store-soon-tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}

.mode-cards-v4 .mode-card-icon{
  width:48px;
  height:48px;
  top:17px;
  left:17px;
  display:grid;
  place-items:center;
  margin:0;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(12,38,61,.98),rgba(13,29,49,.98));
  border:1px solid rgba(62,121,166,.62);
  color:#6dd8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.mode-cards-v4 .mode-card-icon svg{
  width:22px;
  height:22px;
  display:block;
  stroke-width:2;
}
.mode-cards-v4 .mode-card-icon-mixed{
  color:#5fd9ff;
  background:linear-gradient(145deg,rgba(13,71,105,.48),rgba(12,31,52,.98));
}
.mode-cards-v4 .mode-card-icon-lesson{
  color:#82d9ff;
  background:linear-gradient(145deg,rgba(16,74,115,.42),rgba(11,29,50,.98));
}
.mode-cards-v4 button{
  padding-top:82px;
}
.setup-summary-v4 .setup-summary-icon svg{
  display:block;
  stroke-width:2;
}

@media (max-width:640px){
  .store-soon{width:100%}
  .store-soon-button{width:100%;justify-content:center}
  .store-soon-tooltip{bottom:calc(100% + 8px)}
}


/* ===== Question setup icon alignment final fix ===== */
.mode-cards-v4 .mode-card-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid rgba(77, 166, 218, .44);
  background: linear-gradient(145deg, rgba(14, 66, 101, .58), rgba(10, 28, 48, .98));
  color: #63d8ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.mode-cards-v4 .mode-card-icon .mode-card-glyph {
  width: 26px;
  height: 26px;
  display: block;
  flex: 0 0 26px;
  margin: 0;
  padding: 0;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: none;
}

.mode-cards-v4 .mode-card-icon-mixed .mode-card-glyph {
  width: 25px;
  height: 25px;
  flex-basis: 25px;
}

.mode-cards-v4 .mode-card-icon-lesson .mode-card-glyph {
  width: 27px;
  height: 27px;
  flex-basis: 27px;
}

/* ===== Google Play hesap silme sayfası v9 ===== */
.account-deletion-page-v9 main{max-width:940px}.account-delete-card-v9{border:1px solid #253d5a;border-radius:20px;background:linear-gradient(145deg,#0e1d31,#091625);padding:24px}.account-delete-primary-v9{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.account-delete-primary-v9 h2,.account-delete-card-v9 h2,.account-delete-details-v9 h2{margin:6px 0 10px;color:#f4f9ff}.account-delete-primary-v9 p,.account-delete-card-v9 p,.account-delete-details-v9 p{margin:0;color:#9fb2c8;line-height:1.7}.account-delete-button-v9{white-space:nowrap}.account-delete-email-v9{grid-column:2;color:#69d4ff;font-size:12px;text-align:center}.account-delete-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.account-delete-step-v9{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(56,189,248,.28);background:rgba(56,189,248,.08);color:#62d4ff;font-size:12px;font-weight:900;letter-spacing:.08em}.account-delete-details-v9{margin-top:18px;padding:26px;border:1px solid #253d5a;border-radius:20px;background:#091625}.account-delete-details-v9 h2:not(:first-child){margin-top:28px}.account-delete-warning-v9{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:24px;padding:16px 18px;border-radius:16px;border:1px solid rgba(250,204,21,.26);background:rgba(250,204,21,.06);color:#dce8f6;line-height:1.6}.account-delete-warning-v9 strong{color:#ffd34d}.account-delete-footer-v9{margin-top:20px;padding:4px 2px;color:#8fa4bc}.account-delete-footer-v9 p{margin:8px 0}.account-delete-footer-v9 a{color:#64d3ff;font-weight:800}.account-delete-email-v9:hover,.account-delete-footer-v9 a:hover{text-decoration:underline}
@media (max-width:760px){.account-delete-primary-v9{grid-template-columns:1fr}.account-delete-email-v9{grid-column:1;text-align:left}.account-delete-grid-v9{grid-template-columns:1fr}.account-delete-button-v9{width:100%;white-space:normal}.account-delete-warning-v9{grid-template-columns:1fr}.account-deletion-page-v9 main{padding-top:42px}}