/* 10 hand-crafted full-site preview skins. Default remains Okyanus (ocean-teal) in style.css.
   Preview: ?theme=<id>  —  ?theme=default restores Okyanus. */

/* —— shared light-theme wordmark —— */
html[data-theme="editorial-press"] .logo img,
html[data-theme="shore-minimal"] .logo img{filter:invert(1)}

/* =========================================================
   1. studio-night — Gece Stüdyo
   ========================================================= */
html[data-theme="studio-night"],body[data-theme="studio-night"]{
  --bg:#0a090c;--bg2:#16131a;--ink:#f3ece3;--mute:#b5a89a;--dim:#7d7368;
  --line:rgba(232,184,109,.16);--glass:rgba(232,184,109,.06);
  --lime:#e8b86d;--lime2:#c4843c;--mag:#7ad0c8;
  --accent:#e8b86d;--accent-2:#c4843c;
  --accent-rgb:232,184,109;--accent-2-rgb:196,132,60;--mag-rgb:122,208,200;
  --bg-rgb:10,9,12;--ink-rgb:243,236,227;
  --on-accent:#1a1208;
  --grad-mid:#f0d5a4;--grad-end:#7ad0c8;--grad-end-rgb:122,208,200;
  --grad:linear-gradient(100deg,#f0d5a4 0%,#e8b86d 50%,#7ad0c8 100%);
  --grad-btn:linear-gradient(135deg,#f0d5a4,#c4843c);
  --btn-radius:8px;--radius-pill:8px;--r:10px;--radius-panel:10px;--radius-panel-lg:12px;--radius-input:8px;--radius-card-lg:12px;--radius-nav:8px;--radius-soc:8px;
  --btn-shadow:0 10px 30px -10px rgba(232,184,109,.4);
  --btn-shadow-hover:0 16px 40px -10px rgba(232,184,109,.55);
  --nav-bg:rgba(10,9,12,.82);--input-bg:rgba(10,9,12,.7);
  --surface:var(--glass);--danger:#d45c4a;
  --feat-a:#e8b86d;--feat-b:#f0d5a4;--feat-c:#7ad0c8;--feat-d:#c4843c;
  --feat-e:#f3ece3;--feat-f:#f3ece3;
  --font:"Outfit","Segoe UI",sans-serif;
  --font-display:"Fraunces","Times New Roman",serif;
}
html[data-theme="studio-night"] .nav{border-bottom-color:rgba(232,184,109,.22);letter-spacing:.04em}
html[data-theme="studio-night"] .links a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
html[data-theme="studio-night"] h1,html[data-theme="studio-night"] .land-title,html[data-theme="studio-night"] .net-title{font-weight:600;letter-spacing:-.03em;font-variation-settings:"opsz" 80}
html[data-theme="studio-night"] .btn{letter-spacing:.16em;text-transform:uppercase;font-size:12px}
html[data-theme="studio-night"] .feat-card,html[data-theme="studio-night"] .prize,html[data-theme="studio-night"] .hero-card,html[data-theme="studio-night"] .live-panel{border-radius:10px;box-shadow:inset 0 1px 0 rgba(243,236,227,.06)}
html[data-theme="studio-night"] .bg .grid{opacity:.18;background-size:80px 80px}
html[data-theme="studio-night"] .bg:after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  opacity:.07;mix-blend-mode:overlay}
html[data-theme="studio-night"] .phone-l{transform:rotateZ(-12deg) rotateY(28deg) translate3d(20px,8px,0)}
html[data-theme="studio-night"] .phone-c{transform:rotateX(8deg) translate3d(0,0,50px) scale(1.07)}
html[data-theme="studio-night"] .phone-r{transform:rotateZ(12deg) rotateY(-28deg) translate3d(-20px,8px,0)}
html[data-theme="studio-night"] .net-kicker,html[data-theme="studio-night"] .land-brand,html[data-theme="studio-night"] .kicker{letter-spacing:.48em}

/* =========================================================
   2. crystal-glass — Kristal Cam
   ========================================================= */
html[data-theme="crystal-glass"],body[data-theme="crystal-glass"]{
  --bg:#07141c;--bg2:#0c1f2a;--ink:#eef8fb;--mute:#9ec4ce;--dim:#5e8790;
  --line:rgba(126,224,255,.18);--glass:rgba(180,230,255,.08);
  --lime:#7ee0ff;--lime2:#b8f0e8;--mag:#a8c0ff;
  --accent:#7ee0ff;--accent-2:#b8f0e8;
  --accent-rgb:126,224,255;--accent-2-rgb:184,240,232;--mag-rgb:168,192,255;
  --bg-rgb:7,20,28;--ink-rgb:238,248,251;
  --on-accent:#062028;
  --grad-mid:#b8f0e8;--grad-end:#a8c0ff;--grad-end-rgb:168,192,255;
  --grad:linear-gradient(110deg,#7ee0ff 0%,#b8f0e8 50%,#a8c0ff 100%);
  --grad-btn:linear-gradient(135deg,#9ae8ff,#6ad0e8);
  --btn-radius:999px;--radius-pill:999px;--r:28px;--radius-panel:26px;--radius-panel-lg:28px;--radius-input:18px;--radius-card-lg:28px;--radius-nav:16px;--radius-soc:16px;
  --btn-shadow:0 12px 40px -12px rgba(126,224,255,.45);
  --btn-shadow-hover:0 18px 48px -12px rgba(126,224,255,.6);
  --nav-bg:rgba(7,20,28,.55);--input-bg:rgba(255,255,255,.06);
  --surface:rgba(255,255,255,.06);--danger:#ff6b7a;
  --feat-a:#7ee0ff;--feat-b:#b8f0e8;--feat-c:#a8c0ff;--feat-d:#6ad0e8;
  --feat-e:#eef8fb;--feat-f:#eef8fb;
  --font:"Manrope","Segoe UI",sans-serif;
  --font-display:"Outfit","Manrope","Segoe UI",sans-serif;
}
html[data-theme="crystal-glass"] .nav{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom-color:transparent}
html[data-theme="crystal-glass"] .feat-card,html[data-theme="crystal-glass"] .prize,html[data-theme="crystal-glass"] .hero-card,
html[data-theme="crystal-glass"] .live-panel,html[data-theme="crystal-glass"] .artist-chip{
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 20px 50px -28px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.22)
}
html[data-theme="crystal-glass"] .btn{padding:17px 32px}
html[data-theme="crystal-glass"] .bg .orb{filter:blur(130px);opacity:.65}
html[data-theme="crystal-glass"] .bg .grid{opacity:.12}
html[data-theme="crystal-glass"] .phone-l{transform:rotateZ(-4deg) translate3d(-12px,-12px,0)}
html[data-theme="crystal-glass"] .phone-c{transform:translate3d(0,-28px,40px) scale(1.08)}
html[data-theme="crystal-glass"] .phone-r{transform:rotateZ(4deg) translate3d(12px,-12px,0)}
html[data-theme="crystal-glass"] .net-stage{padding-top:80px}
html[data-theme="crystal-glass"] .net-phones{gap:18px}

/* =========================================================
   3. editorial-press — Editöryal Basın (light)
   ========================================================= */
html[data-theme="editorial-press"],body[data-theme="editorial-press"]{
  --bg:#f4efe6;--bg2:#e8e0d4;--ink:#1a1714;--mute:#5c564e;--dim:#8a8378;
  --line:rgba(26,23,20,.14);--glass:rgba(26,23,20,.04);
  --lime:#0e5c57;--lime2:#163a38;--mag:#8c1f1f;
  --accent:#0e5c57;--accent-2:#8c1f1f;
  --accent-rgb:14,92,87;--accent-2-rgb:140,31,31;--mag-rgb:140,31,31;
  --bg-rgb:244,239,230;--ink-rgb:26,23,20;
  --on-accent:#f4efe6;
  --grad-mid:#163a38;--grad-end:#8c1f1f;--grad-end-rgb:140,31,31;
  --grad:linear-gradient(100deg,#0e5c57 0%,#163a38 100%);
  --grad-btn:linear-gradient(135deg,#0e5c57,#163a38);
  --btn-radius:2px;--radius-pill:2px;--r:2px;--radius-panel:2px;--radius-panel-lg:2px;--radius-input:2px;--radius-card-lg:2px;--radius-nav:2px;--radius-soc:2px;
  --btn-shadow:none;--btn-shadow-hover:none;
  --nav-bg:rgba(244,239,230,.92);--input-bg:#fff;
  --surface:#fff;--danger:#8c1f1f;
  --feat-a:#0e5c57;--feat-b:#8c1f1f;--feat-c:#163a38;--feat-d:#1a1714;
  --feat-e:#1a1714;--feat-f:#1a1714;
  --font:"Source Sans 3","Segoe UI",sans-serif;
  --font-display:"Newsreader","Times New Roman",serif;
}
html[data-theme="editorial-press"] .nav{border-bottom:2px solid #1a1714;backdrop-filter:none}
html[data-theme="editorial-press"] .links a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
html[data-theme="editorial-press"] .links a[aria-current="page"]{box-shadow:inset 0 -2px 0 #8c1f1f}
html[data-theme="editorial-press"] h1,html[data-theme="editorial-press"] .land-title,html[data-theme="editorial-press"] .net-title{font-weight:500;letter-spacing:-.035em;line-height:1.02;font-style:italic}
html[data-theme="editorial-press"] .net-grad{filter:none}
html[data-theme="editorial-press"] .btn{letter-spacing:.14em;text-transform:uppercase;font-weight:700;box-shadow:none}
html[data-theme="editorial-press"] .btn:hover{transform:none;filter:none;background:#163a38}
html[data-theme="editorial-press"] .feat-card,html[data-theme="editorial-press"] .prize,html[data-theme="editorial-press"] .hero-card,html[data-theme="editorial-press"] .live-panel{
  background:#fff;backdrop-filter:none;border:1px solid #1a1714;box-shadow:none;border-radius:0}
html[data-theme="editorial-press"] .feat-card:before{width:0}
html[data-theme="editorial-press"] .bg .orb{opacity:.12;filter:blur(80px)}
html[data-theme="editorial-press"] .bg .grid{opacity:.2;background-size:24px 24px;background-image:linear-gradient(rgba(26,23,20,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(26,23,20,.08) 1px,transparent 1px)}
html[data-theme="editorial-press"] .phone-l,html[data-theme="editorial-press"] .phone-c,html[data-theme="editorial-press"] .phone-r{transform:none}
html[data-theme="editorial-press"] .net-phones{gap:20px;align-items:flex-end}
html[data-theme="editorial-press"] .phone-c{transform:translateY(-16px) scale(1.04)}
html[data-theme="editorial-press"] .phone-shell{background:linear-gradient(160deg,#2a2724,#111);border-radius:4px}
html[data-theme="editorial-press"] .phone-glass,html[data-theme="editorial-press"] .phone-c .phone-glass{border-radius:2px}
html[data-theme="editorial-press"] footer,html[data-theme="editorial-press"] .land-ticker{border-color:#1a1714}

/* =========================================================
   4. neon-street — Neon Sokak
   ========================================================= */
html[data-theme="neon-street"],body[data-theme="neon-street"]{
  --bg:#09060f;--bg2:#140c1c;--ink:#f6f0ff;--mute:#b9a4d0;--dim:#7a668f;
  --line:rgba(255,43,214,.22);--glass:rgba(255,43,214,.07);
  --lime:#ff2bd6;--lime2:#2ef5ff;--mag:#2ef5ff;
  --accent:#ff2bd6;--accent-2:#2ef5ff;
  --accent-rgb:255,43,214;--accent-2-rgb:46,245,255;--mag-rgb:46,245,255;
  --bg-rgb:9,6,15;--ink-rgb:246,240,255;
  --on-accent:#140018;
  --grad-mid:#ff7ae8;--grad-end:#2ef5ff;--grad-end-rgb:46,245,255;
  --grad:linear-gradient(100deg,#ff2bd6 0%,#9a4dff 50%,#2ef5ff 100%);
  --grad-btn:linear-gradient(135deg,#ff2bd6,#7a1aff);
  --btn-radius:4px;--radius-pill:4px;--r:4px;--radius-panel:4px;--radius-panel-lg:4px;--radius-input:4px;--radius-card-lg:4px;--radius-nav:4px;--radius-soc:4px;
  --btn-shadow:0 0 24px rgba(255,43,214,.45);
  --btn-shadow-hover:0 0 36px rgba(46,245,255,.5);
  --nav-bg:rgba(9,6,15,.78);--input-bg:rgba(9,6,15,.7);
  --surface:var(--glass);--danger:#ff2bd6;
  --feat-a:#ff2bd6;--feat-b:#2ef5ff;--feat-c:#9a4dff;--feat-d:#ff7ae8;
  --feat-e:#f6f0ff;--feat-f:#f6f0ff;
  --font:"Chakra Petch","Segoe UI",sans-serif;
  --font-display:"Oswald","Impact",sans-serif;
}
html[data-theme="neon-street"] .nav{border-bottom:1px solid rgba(46,245,255,.25)}
html[data-theme="neon-street"] .links a,html[data-theme="neon-street"] .kicker,html[data-theme="neon-street"] .net-kicker,html[data-theme="neon-street"] .land-brand{text-transform:uppercase;letter-spacing:.2em;font-weight:700}
html[data-theme="neon-street"] h1,html[data-theme="neon-street"] .land-title,html[data-theme="neon-street"] .net-title{text-transform:uppercase;letter-spacing:.02em;font-weight:700;text-shadow:0 0 24px rgba(255,43,214,.35)}
html[data-theme="neon-street"] .btn{text-transform:uppercase;letter-spacing:.18em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
html[data-theme="neon-street"] .feat-card,html[data-theme="neon-street"] .prize,html[data-theme="neon-street"] .hero-card,html[data-theme="neon-street"] .live-panel{
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  border-color:rgba(46,245,255,.3);box-shadow:0 0 28px -12px rgba(255,43,214,.45),inset 0 0 0 1px rgba(255,43,214,.12)
}
html[data-theme="neon-street"] .bg .o1{opacity:.45}html[data-theme="neon-street"] .bg .o2{opacity:.4}
html[data-theme="neon-street"] .bg .grid{opacity:.28;background-size:40px 40px}
html[data-theme="neon-street"] .phone-l{transform:rotateZ(-16deg) rotateY(32deg) translate3d(24px,16px,0)}
html[data-theme="neon-street"] .phone-c{transform:rotateX(10deg) translate3d(0,-8px,70px) scale(1.08)}
html[data-theme="neon-street"] .phone-r{transform:rotateZ(16deg) rotateY(-32deg) translate3d(-24px,16px,0)}
html[data-theme="neon-street"] .phone-shell{box-shadow:0 0 32px -8px rgba(255,43,214,.55),0 0 48px -16px rgba(46,245,255,.4)}
html[data-theme="neon-street"] .net-stage{padding-top:72px}

/* =========================================================
   5. shore-minimal — Sahil Minimal (light)
   ========================================================= */
html[data-theme="shore-minimal"],body[data-theme="shore-minimal"]{
  --bg:#eef5f4;--bg2:#e3eeec;--ink:#0e2a2c;--mute:#4a6a6c;--dim:#7a9698;
  --line:rgba(14,42,44,.1);--glass:rgba(14,42,44,.04);
  --lime:#0d6e6e;--lime2:#0a4d4d;--mag:#1a7a8c;
  --accent:#0d6e6e;--accent-2:#0a4d4d;
  --accent-rgb:13,110,110;--accent-2-rgb:10,77,77;--mag-rgb:26,122,140;
  --bg-rgb:238,245,244;--ink-rgb:14,42,44;
  --on-accent:#eef5f4;
  --grad-mid:#1a8a8a;--grad-end:#1a7a8c;--grad-end-rgb:26,122,140;
  --grad:linear-gradient(100deg,#0d6e6e 0%,#1a7a8c 100%);
  --grad-btn:linear-gradient(135deg,#0d6e6e,#0a4d4d);
  --btn-radius:999px;--radius-pill:999px;--r:22px;--radius-panel:20px;--radius-panel-lg:22px;--radius-input:14px;--radius-card-lg:24px;--radius-nav:14px;--radius-soc:14px;
  --btn-shadow:0 10px 28px -12px rgba(13,110,110,.3);
  --btn-shadow-hover:0 14px 32px -10px rgba(13,110,110,.4);
  --nav-bg:rgba(238,245,244,.86);--input-bg:#fff;
  --surface:#fff;--danger:#b54545;
  --feat-a:#0d6e6e;--feat-b:#1a7a8c;--feat-c:#0a4d4d;--feat-d:#0e2a2c;
  --feat-e:#0e2a2c;--feat-f:#0e2a2c;
  --font:"Outfit","Segoe UI",sans-serif;
  --font-display:"Instrument Serif","Georgia",serif;
}
html[data-theme="shore-minimal"] .nav{border-bottom-color:transparent;box-shadow:none}
html[data-theme="shore-minimal"] .links a{font-weight:500;letter-spacing:.02em}
html[data-theme="shore-minimal"] h1,html[data-theme="shore-minimal"] .land-title,html[data-theme="shore-minimal"] .net-title{font-weight:400;letter-spacing:-.04em}
html[data-theme="shore-minimal"] .feat-card,html[data-theme="shore-minimal"] .prize,html[data-theme="shore-minimal"] .hero-card,html[data-theme="shore-minimal"] .live-panel{
  background:#fff;border:0;box-shadow:0 16px 40px -28px rgba(14,42,44,.2);backdrop-filter:none}
html[data-theme="shore-minimal"] .feat-card:before{width:0}
html[data-theme="shore-minimal"] .bg .grid{opacity:0}
html[data-theme="shore-minimal"] .bg .orb{opacity:.2}
html[data-theme="shore-minimal"] .net-phones{gap:28px}
html[data-theme="shore-minimal"] .phone-l,html[data-theme="shore-minimal"] .phone-c,html[data-theme="shore-minimal"] .phone-r{transform:none}
html[data-theme="shore-minimal"] .phone-c{transform:scale(1.04)}
html[data-theme="shore-minimal"] .phone-shell{background:linear-gradient(160deg,#d5e4e2,#8aa8a8);box-shadow:0 20px 40px -20px rgba(14,42,44,.3)}
html[data-theme="shore-minimal"] .net-stage{padding-top:48px}
html[data-theme="shore-minimal"] .btn{font-weight:600;letter-spacing:.04em}

/* =========================================================
   6. stage-light — Sahne Işığı
   ========================================================= */
html[data-theme="stage-light"],body[data-theme="stage-light"]{
  --bg:#07070a;--bg2:#12121a;--ink:#f7f7fb;--mute:#a0a0b4;--dim:#6c6c80;
  --line:rgba(245,240,200,.16);--glass:rgba(245,240,200,.05);
  --lime:#f5f0c8;--lime2:#c8b86a;--mag:#ff5a3c;
  --accent:#f5f0c8;--accent-2:#c8b86a;
  --accent-rgb:245,240,200;--accent-2-rgb:200,184,106;--mag-rgb:255,90,60;
  --bg-rgb:7,7,10;--ink-rgb:247,247,251;
  --on-accent:#12110a;
  --grad-mid:#fff6c8;--grad-end:#ff5a3c;--grad-end-rgb:255,90,60;
  --grad:linear-gradient(100deg,#fff6c8 0%,#f5f0c8 45%,#ff5a3c 100%);
  --grad-btn:linear-gradient(135deg,#f5f0c8,#c8b86a);
  --btn-radius:6px;--radius-pill:6px;--r:8px;--radius-panel:8px;--radius-panel-lg:8px;--radius-input:6px;--radius-card-lg:8px;--radius-nav:6px;--radius-soc:6px;
  --btn-shadow:0 10px 32px -10px rgba(245,240,200,.35);
  --btn-shadow-hover:0 16px 40px -10px rgba(255,90,60,.4);
  --nav-bg:rgba(7,7,10,.8);--input-bg:rgba(7,7,10,.7);
  --surface:var(--glass);--danger:#ff5a3c;
  --feat-a:#f5f0c8;--feat-b:#ff5a3c;--feat-c:#c8b86a;--feat-d:#fff6c8;
  --feat-e:#f7f7fb;--feat-f:#f7f7fb;
  --font:"Barlow","Segoe UI",sans-serif;
  --font-display:"Barlow Condensed","Oswald",sans-serif;
}
html[data-theme="stage-light"] .nav{border-bottom-color:rgba(245,240,200,.14)}
html[data-theme="stage-light"] h1,html[data-theme="stage-light"] .land-title,html[data-theme="stage-light"] .net-title{text-transform:uppercase;letter-spacing:.02em;font-weight:800}
html[data-theme="stage-light"] .btn,html[data-theme="stage-light"] .links a,html[data-theme="stage-light"] .net-kicker{text-transform:uppercase;letter-spacing:.18em}
html[data-theme="stage-light"] .feat-card,html[data-theme="stage-light"] .prize,html[data-theme="stage-light"] .hero-card,html[data-theme="stage-light"] .live-panel{
  background:linear-gradient(180deg,rgba(245,240,200,.08),rgba(255,255,255,.02));
  box-shadow:0 20px 50px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(245,240,200,.18);
  border-color:rgba(245,240,200,.2)
}
html[data-theme="stage-light"] .bg .o1{background:radial-gradient(circle,rgba(245,240,200,.7),transparent 70%);opacity:.45;top:-80px;left:50%;transform:translateX(-50%);width:70vw;height:420px;filter:blur(80px);border-radius:50%}
html[data-theme="stage-light"] .bg .o2{background:radial-gradient(circle,rgba(255,90,60,.4),transparent 70%);opacity:.3}
html[data-theme="stage-light"] .bg .grid{opacity:.12}
html[data-theme="stage-light"] .phone-l{transform:rotateZ(-6deg) translate3d(8px,28px,0) scale(.94)}
html[data-theme="stage-light"] .phone-c{transform:translate3d(0,0,60px) scale(1.1)}
html[data-theme="stage-light"] .phone-r{transform:rotateZ(6deg) translate3d(-8px,28px,0) scale(.94)}
html[data-theme="stage-light"] .net-stage{padding-top:80px}
html[data-theme="stage-light"] .contest-sec{box-shadow:inset 0 80px 120px -40px rgba(245,240,200,.08)}

/* =========================================================
   7. analog-tape — Analog Bant
   ========================================================= */
html[data-theme="analog-tape"],body[data-theme="analog-tape"]{
  --bg:#1a1612;--bg2:#261f18;--ink:#f2e6d4;--mute:#c2b09a;--dim:#8a7a68;
  --line:rgba(217,138,74,.2);--glass:rgba(217,138,74,.07);
  --lime:#d98a4a;--lime2:#a85c2a;--mag:#c4a574;
  --accent:#d98a4a;--accent-2:#a85c2a;
  --accent-rgb:217,138,74;--accent-2-rgb:168,92,42;--mag-rgb:196,165,116;
  --bg-rgb:26,22,18;--ink-rgb:242,230,212;
  --on-accent:#1a120c;
  --grad-mid:#e8b888;--grad-end:#c4a574;--grad-end-rgb:196,165,116;
  --grad:linear-gradient(100deg,#e8b888 0%,#d98a4a 55%,#c4a574 100%);
  --grad-btn:linear-gradient(135deg,#e8b888,#a85c2a);
  --btn-radius:14px;--radius-pill:14px;--r:16px;--radius-panel:16px;--radius-panel-lg:16px;--radius-input:12px;--radius-card-lg:18px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 28px -12px rgba(217,138,74,.4);
  --btn-shadow-hover:0 16px 36px -10px rgba(217,138,74,.55);
  --nav-bg:rgba(26,22,18,.86);--input-bg:rgba(26,22,18,.7);
  --surface:var(--glass);--danger:#c45c3a;
  --feat-a:#d98a4a;--feat-b:#e8b888;--feat-c:#c4a574;--feat-d:#a85c2a;
  --feat-e:#f2e6d4;--feat-f:#f2e6d4;
  --font:"IBM Plex Sans","Segoe UI",sans-serif;
  --font-display:"IBM Plex Mono","IBM Plex Sans",monospace;
}
html[data-theme="analog-tape"] .nav{border-bottom-style:dashed}
html[data-theme="analog-tape"] .links a,html[data-theme="analog-tape"] .kicker,html[data-theme="analog-tape"] .net-kicker,html[data-theme="analog-tape"] .land-brand,html[data-theme="analog-tape"] .sp-top,html[data-theme="analog-tape"] .pr-top span{
  font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:11px}
html[data-theme="analog-tape"] h1,html[data-theme="analog-tape"] .land-title,html[data-theme="analog-tape"] .net-title{font-weight:500;letter-spacing:-.04em}
html[data-theme="analog-tape"] .btn{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
html[data-theme="analog-tape"] .feat-card,html[data-theme="analog-tape"] .prize,html[data-theme="analog-tape"] .hero-card,html[data-theme="analog-tape"] .live-panel{
  box-shadow:inset 0 1px 0 rgba(242,230,212,.08),0 12px 28px -18px rgba(0,0,0,.6);
  border-color:rgba(217,138,74,.28)
}
html[data-theme="analog-tape"] .bg:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="analog-tape"] .bg .grid{opacity:.1}
html[data-theme="analog-tape"] .net-phones{gap:16px;align-items:center}
html[data-theme="analog-tape"] .phone-l{transform:rotateZ(-3deg) translateY(8px)}
html[data-theme="analog-tape"] .phone-c{transform:rotateZ(1deg) scale(1.05)}
html[data-theme="analog-tape"] .phone-r{transform:rotateZ(3deg) translateY(8px)}
html[data-theme="analog-tape"] .phone-shell{background:linear-gradient(160deg,#3a3228,#1a1612 60%,#2c241c);border-radius:22px}

/* =========================================================
   8. red-carpet — Kırmızı Halı
   ========================================================= */
html[data-theme="red-carpet"],body[data-theme="red-carpet"]{
  --bg:#10080a;--bg2:#1c0e12;--ink:#f8eee8;--mute:#c9a8a8;--dim:#8a6a6e;
  --line:rgba(212,160,86,.2);--glass:rgba(212,160,86,.06);
  --lime:#d4a056;--lime2:#8c1c2c;--mag:#e8c99a;
  --accent:#d4a056;--accent-2:#8c1c2c;
  --accent-rgb:212,160,86;--accent-2-rgb:140,28,44;--mag-rgb:232,201,154;
  --bg-rgb:16,8,10;--ink-rgb:248,238,232;
  --on-accent:#1a0e08;
  --grad-mid:#e8c99a;--grad-end:#8c1c2c;--grad-end-rgb:140,28,44;
  --grad:linear-gradient(100deg,#e8c99a 0%,#d4a056 48%,#8c1c2c 100%);
  --grad-btn:linear-gradient(135deg,#e8c99a,#d4a056);
  --btn-radius:999px;--radius-pill:999px;--r:18px;--radius-panel:18px;--radius-panel-lg:20px;--radius-input:14px;--radius-card-lg:22px;--radius-nav:12px;--radius-soc:12px;
  --btn-shadow:0 10px 32px -10px rgba(212,160,86,.4);
  --btn-shadow-hover:0 16px 40px -10px rgba(212,160,86,.55);
  --nav-bg:rgba(16,8,10,.84);--input-bg:rgba(16,8,10,.7);
  --surface:var(--glass);--danger:#c43c3c;
  --feat-a:#d4a056;--feat-b:#e8c99a;--feat-c:#8c1c2c;--feat-d:#f8eee8;
  --feat-e:#f8eee8;--feat-f:#f8eee8;
  --font:"Cormorant Garamond","Times New Roman",serif;
  --font-display:"Cinzel","Times New Roman",serif;
}
html[data-theme="red-carpet"] .nav{border-bottom:1px solid rgba(212,160,86,.28)}
html[data-theme="red-carpet"] .links a{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
html[data-theme="red-carpet"] h1,html[data-theme="red-carpet"] .land-title,html[data-theme="red-carpet"] .net-title{font-weight:500;letter-spacing:.06em;text-transform:uppercase}
html[data-theme="red-carpet"] .btn{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
html[data-theme="red-carpet"] .feat-card,html[data-theme="red-carpet"] .prize,html[data-theme="red-carpet"] .hero-card,html[data-theme="red-carpet"] .live-panel{
  border-color:rgba(212,160,86,.32);
  background:linear-gradient(180deg,rgba(212,160,86,.08),rgba(140,28,44,.08));
  box-shadow:0 24px 50px -28px rgba(140,28,44,.45),inset 0 1px 0 rgba(232,201,154,.18)
}
html[data-theme="red-carpet"] .bg .o2{background:radial-gradient(circle,rgba(140,28,44,.6),transparent 70%);opacity:.4}
html[data-theme="red-carpet"] .bg .grid{opacity:.1}
html[data-theme="red-carpet"] .phone-l{transform:rotateZ(-8deg) translate3d(28px,12px,0)}
html[data-theme="red-carpet"] .phone-c{transform:translate3d(0,-10px,40px) scale(1.08)}
html[data-theme="red-carpet"] .phone-r{transform:rotateZ(8deg) translate3d(-28px,12px,0)}
html[data-theme="red-carpet"] .net-phones{gap:0}
html[data-theme="red-carpet"] .phone-shell{box-shadow:0 28px 50px -16px rgba(0,0,0,.75),0 0 0 1px rgba(212,160,86,.25)}

/* =========================================================
   9. grid-system — Izgara Sistem
   ========================================================= */
html[data-theme="grid-system"],body[data-theme="grid-system"]{
  --bg:#0b0d10;--bg2:#14181e;--ink:#edf1f5;--mute:#8b96a8;--dim:#667084;
  --line:rgba(92,235,192,.18);--glass:rgba(92,235,192,.05);
  --lime:#5cebc0;--lime2:#e8ff5c;--mag:#5c9eff;
  --accent:#5cebc0;--accent-2:#e8ff5c;
  --accent-rgb:92,235,192;--accent-2-rgb:232,255,92;--mag-rgb:92,158,255;
  --bg-rgb:11,13,16;--ink-rgb:237,241,245;
  --on-accent:#0b0d10;
  --grad-mid:#9affdc;--grad-end:#5c9eff;--grad-end-rgb:92,158,255;
  --grad:linear-gradient(100deg,#5cebc0 0%,#9affdc 50%,#5c9eff 100%);
  --grad-btn:linear-gradient(135deg,#5cebc0,#2ab894);
  --btn-radius:0;--radius-pill:0;--r:0;--radius-panel:0;--radius-panel-lg:0;--radius-input:0;--radius-card-lg:0;--radius-nav:0;--radius-soc:0;
  --btn-shadow:none;--btn-shadow-hover:4px 4px 0 #5cebc0;
  --nav-bg:rgba(11,13,16,.92);--input-bg:rgba(11,13,16,.8);
  --surface:var(--glass);--danger:#ff5c5c;
  --feat-a:#5cebc0;--feat-b:#e8ff5c;--feat-c:#5c9eff;--feat-d:#edf1f5;
  --feat-e:#edf1f5;--feat-f:#edf1f5;
  --font:"Space Grotesk","Segoe UI",sans-serif;
  --font-display:"Space Grotesk","Segoe UI",sans-serif;
}
html[data-theme="grid-system"] .nav{border-bottom-width:2px;border-bottom-color:var(--lime)}
html[data-theme="grid-system"] .links a,html[data-theme="grid-system"] .kicker,html[data-theme="grid-system"] .net-kicker,html[data-theme="grid-system"] .land-brand{
  font-family:"Space Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
html[data-theme="grid-system"] h1,html[data-theme="grid-system"] .land-title,html[data-theme="grid-system"] .net-title{font-weight:700;letter-spacing:-.05em;text-transform:uppercase}
html[data-theme="grid-system"] .btn{font-family:"Space Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;border:2px solid var(--lime)}
html[data-theme="grid-system"] .btn:hover{transform:translate(-2px,-2px);filter:none}
html[data-theme="grid-system"] .feat-card,html[data-theme="grid-system"] .prize,html[data-theme="grid-system"] .hero-card,html[data-theme="grid-system"] .live-panel,html[data-theme="grid-system"] .artist-chip{
  border:1px solid var(--line);border-radius:0;backdrop-filter:none;box-shadow:none;background:rgba(20,24,30,.8)
}
html[data-theme="grid-system"] .feat-card:before{width:0}
html[data-theme="grid-system"] .bg .grid{opacity:.5;background-size:32px 32px}
html[data-theme="grid-system"] .bg .orb{opacity:.15}
html[data-theme="grid-system"] .phone-l,html[data-theme="grid-system"] .phone-c,html[data-theme="grid-system"] .phone-r{transform:none}
html[data-theme="grid-system"] .net-phones{gap:16px}
html[data-theme="grid-system"] .phone-shell,html[data-theme="grid-system"] .phone-glass,html[data-theme="grid-system"] .phone-c .phone-shell,html[data-theme="grid-system"] .phone-c .phone-glass{border-radius:0}
html[data-theme="grid-system"] .phone-island{border-radius:0}
html[data-theme="grid-system"] .net-stage{padding-top:48px}

/* =========================================================
   10. hologram-pop — Hologram
   ========================================================= */
html[data-theme="hologram-pop"],body[data-theme="hologram-pop"]{
  --bg:#0a0c16;--bg2:#14162a;--ink:#f3f1ff;--mute:#b0b0d0;--dim:#7a7a9a;
  --line:rgba(122,108,255,.22);--glass:rgba(122,108,255,.08);
  --lime:#7a6cff;--lime2:#3ee1c5;--mag:#ff7ad9;
  --accent:#7a6cff;--accent-2:#3ee1c5;
  --accent-rgb:122,108,255;--accent-2-rgb:62,225,197;--mag-rgb:255,122,217;
  --bg-rgb:10,12,22;--ink-rgb:243,241,255;
  --on-accent:#0c0e1a;
  --grad-mid:#ff7ad9;--grad-end:#3ee1c5;--grad-end-rgb:62,225,197;
  --grad:linear-gradient(110deg,#7a6cff 0%,#ff7ad9 50%,#3ee1c5 100%);
  --grad-btn:linear-gradient(135deg,#9a8cff,#7a6cff);
  --btn-radius:18px;--radius-pill:999px;--r:24px;--radius-panel:22px;--radius-panel-lg:24px;--radius-input:16px;--radius-card-lg:24px;--radius-nav:14px;--radius-soc:14px;
  --btn-shadow:0 12px 36px -12px rgba(122,108,255,.5);
  --btn-shadow-hover:0 18px 44px -10px rgba(255,122,217,.45);
  --nav-bg:rgba(10,12,22,.7);--input-bg:rgba(10,12,22,.7);
  --surface:var(--glass);--danger:#ff5d8a;
  --feat-a:#7a6cff;--feat-b:#ff7ad9;--feat-c:#3ee1c5;--feat-d:#9a8cff;
  --feat-e:#f3f1ff;--feat-f:#f3f1ff;
  --font:"Plus Jakarta Sans","Segoe UI",sans-serif;
  --font-display:"Syne","Plus Jakarta Sans",sans-serif;
}
html[data-theme="hologram-pop"] .nav{border-bottom-color:transparent;backdrop-filter:blur(20px)}
html[data-theme="hologram-pop"] .links a{font-weight:600}
html[data-theme="hologram-pop"] h1,html[data-theme="hologram-pop"] .land-title,html[data-theme="hologram-pop"] .net-title{font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%}
html[data-theme="hologram-pop"] .feat-card,html[data-theme="hologram-pop"] .prize,html[data-theme="hologram-pop"] .hero-card,html[data-theme="hologram-pop"] .live-panel{
  background:linear-gradient(160deg,rgba(122,108,255,.12),rgba(62,225,197,.06) 50%,rgba(255,122,217,.08));
  box-shadow:0 24px 50px -24px rgba(122,108,255,.45),inset 0 1px 0 rgba(255,255,255,.16);
  border-color:transparent
}
html[data-theme="hologram-pop"] .btn{background:var(--grad)}
html[data-theme="hologram-pop"] .bg .o1{background:radial-gradient(circle,rgba(122,108,255,.6),transparent 70%)}
html[data-theme="hologram-pop"] .bg .o2{background:radial-gradient(circle,rgba(255,122,217,.5),transparent 70%)}
html[data-theme="hologram-pop"] .phone-l{transform:rotateZ(-10deg) translate3d(10px,24px,0)}
html[data-theme="hologram-pop"] .phone-c{transform:translate3d(0,-22px,50px) scale(1.08)}
html[data-theme="hologram-pop"] .phone-r{transform:rotateZ(10deg) translate3d(-10px,24px,0)}
html[data-theme="hologram-pop"] .net-stage{padding-top:84px}
html[data-theme="hologram-pop"] .phone-c .phone-shell{box-shadow:0 40px 70px -20px rgba(0,0,0,.7),0 0 40px -10px rgba(122,108,255,.55),0 0 60px -16px rgba(62,225,197,.35)}
html[data-theme="hologram-pop"] .phone-l{animation:holoFloat 5.5s ease-in-out infinite}
html[data-theme="hologram-pop"] .phone-c{animation:holoFloat 6s ease-in-out infinite .4s}
html[data-theme="hologram-pop"] .phone-r{animation:holoFloat 5.2s ease-in-out infinite .8s}
@keyframes holoFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(prefers-reduced-motion:reduce){
  html[data-theme="hologram-pop"] .phone-l,
  html[data-theme="hologram-pop"] .phone-c,
  html[data-theme="hologram-pop"] .phone-r{animation:none}
}

/* Mobile safety: don't let dramatic 3D spill past the section on small screens */
@media(max-width:899px){
  html[data-theme="neon-street"] .phone-l{transform:rotateZ(-10deg) rotateY(18deg) translate3d(12px,8px,0)}
  html[data-theme="neon-street"] .phone-c{transform:rotateX(6deg) scale(1.05)}
  html[data-theme="neon-street"] .phone-r{transform:rotateZ(10deg) rotateY(-18deg) translate3d(-12px,8px,0)}
  html[data-theme="crystal-glass"] .phone-c,
  html[data-theme="hologram-pop"] .phone-c,
  html[data-theme="stage-light"] .phone-c,
  html[data-theme="red-carpet"] .phone-c{transform:translate3d(0,-12px,20px) scale(1.05)}
  html[data-theme="crystal-glass"] .net-stage,
  html[data-theme="hologram-pop"] .net-stage,
  html[data-theme="stage-light"] .net-stage{padding-top:64px}
}