/* Demlik mobil tasarım alternatifleri — ORTAK TABAN (şef yazdı, alt ajanlar DEĞİŞTİRMEZ).
   Renkler App/lib/core/theme/app_colors.dart ile birebir. Tema yalnız koyu. */
@font-face{font-family:Inter;font-weight:300;src:url(fonts/Inter-Light.ttf)}
@font-face{font-family:Inter;font-weight:400;src:url(fonts/Inter-Regular.ttf)}
@font-face{font-family:Inter;font-weight:500;src:url(fonts/Inter-Medium.ttf)}
@font-face{font-family:Inter;font-weight:600;src:url(fonts/Inter-SemiBold.ttf)}
@font-face{font-family:Inter;font-weight:700;src:url(fonts/Inter-Bold.ttf)}
@font-face{font-family:"JetBrains Mono";font-weight:400;src:url(fonts/JetBrainsMono-Regular.ttf)}
@font-face{font-family:"JetBrains Mono";font-weight:500;src:url(fonts/JetBrainsMono-Medium.ttf)}
@font-face{font-family:"JetBrains Mono";font-weight:600;src:url(fonts/JetBrainsMono-SemiBold.ttf)}
@font-face{font-family:"JetBrains Mono";font-weight:700;src:url(fonts/JetBrainsMono-Bold.ttf)}
:root{
  --bg0:#0E0A1A;--bg1:#181233;--bg2:#221A44;--bg3:#2D2255;--bg4:#3A2D6B;
  --fg0:#F4F1FF;--fg1:#C3BCE0;--fg2:#8A83A8;--fg3:#5A5478;
  --accent:#FF5E7A;--accent2:#8B5CFF;--accent-soft:rgba(255,94,122,.2);--accent-dim:#C7375A;
  --success:#40C68C;--warn:#E0B040;--danger:#E65555;--info:#5AAEE0;
  --cat-research:#6B9FE6;--cat-read:#54D4A8;--cat-watch:#E57766;--cat-buy:#D4C44A;--cat-idea:#D970C2;--cat-recipe:#E5A36B;
  --grad:linear-gradient(135deg,var(--accent),var(--accent2));
  --line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--glass:rgba(255,255,255,.04);
  --sans:Inter,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:#07050f;color:var(--fg0);font-family:var(--sans)}
button{font-family:inherit;color:inherit}
.ms{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:22px;line-height:1;
  display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;
  font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;user-select:none}
.ms.dolu{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}

/* SAHNE: masaüstünde çerçeveli telefon + yanında not; dar ekranda (gerçek telefon) çerçevesiz tam ekran */
.sahne{min-height:100%;display:flex;gap:40px;align-items:center;justify-content:center;padding:24px}
.telefon{flex:none;width:390px;height:844px;border-radius:52px;padding:9px;
  background:linear-gradient(160deg,#2a2440,#0b0814 60%);
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 40px 90px -30px rgba(0,0,0,.8),0 0 120px -40px rgba(139,92,255,.35)}
/* .ekran = uygulamanın çizildiği yer. Mantıksal boyut 372x826 (masaüstü) ya da tüm görünüm alanı (telefon).
   İçindeki her katman position:absolute ile .ekran'a göre konumlanır; position:fixed KULLANMA. */
.ekran{position:relative;width:100%;height:100%;border-radius:43px;overflow:hidden;background:var(--bg0);isolation:isolate}
.kenar-not{max-width:380px;color:var(--fg1);font-size:14px;line-height:1.55}
.kenar-not h1{font-size:26px;line-height:1.15;margin:8px 0 10px;color:var(--fg0);letter-spacing:-.02em}
.kenar-not .ust{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg2)}
.kenar-not a{color:var(--accent);text-decoration:none}
.kenar-not ul{padding-left:18px;margin:10px 0}
.kenar-not li{margin:5px 0}
@media (max-width:900px){.kenar-not{display:none}}
@media (max-width:520px){
  html,body{background:var(--bg0);overflow:hidden}
  .sahne{padding:0;display:block;height:100dvh;min-height:0}
  .telefon{width:100vw;height:100dvh;padding:0;border-radius:0;background:none;box-shadow:none}
  .ekran{border-radius:0}
}
/* Dar ekranda galeriye dönüş: küçük, yarı saydam, sol üstte; uygulamanın parçası DEĞİL */
.geri-galeri{position:absolute;z-index:9999;top:6px;left:50%;transform:translateX(-50%);font:600 10px/1 var(--mono);
  letter-spacing:.06em;color:var(--fg1);background:rgba(14,10,26,.72);border:1px solid var(--line-2);
  padding:5px 9px;border-radius:99px;text-decoration:none;backdrop-filter:blur(6px);opacity:.75}
