/* elements.css — Elements + Mizaç | Modulor */

/* ── TEMEL ─────────────────────────────────────── */
:root{
  --bg2:#192230;--bg3:#1e2a3a;--bg4:#222e40;--bg5:#28364a;
  --border:rgba(255,255,255,0.07);--border2:rgba(140,180,240,0.15);--border3:rgba(123,143,212,0.22);
  --gold2:#e8c98a;--gold3:#a07840;--goldbg:rgba(201,169,110,0.08);
  --indigo:#7b8fd4;--indigo2:#9ab6e6;--indigobg:rgba(123,143,212,0.08);
  --amber:#d4a56a;--amber2:#e8c490;
  --violet:#9b7fd4;--violet2:#b4a0e8;
  --rose:#d47f8b;--teal:#5bc4b0;
  --c-el:var(--indigo);--c-pu:var(--amber);--c-iz:var(--violet);
  --shadow-indigo:0 0 30px rgba(123,143,212,0.12);
  --shadow-gold:0 0 30px rgba(201,169,110,0.10);
  --radius:2px;
  --atm-r:123;--atm-g:143;--atm-b:212;
  --atm-bg:rgba(var(--atm-r),var(--atm-g),var(--atm-b),.06);
  --atm-bg2:rgba(var(--atm-r),var(--atm-g),var(--atm-b),.03);
  --atm-line:rgba(var(--atm-r),var(--atm-g),var(--atm-b),.18);
  --t-xs:12px;--t-sm:15px;--t-md:18px;--t-lg:22px;--t-xl:28px;--t-2xl:37px;
}

.theme-btn{background:none;border:1px solid var(--border);color:var(--text3);font-size:17px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}

*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Cormorant Garamond','Georgia','Segoe UI Emoji','Apple Color Emoji',serif;
  background:var(--bg);color:var(--text);min-height:100vh;
  transition:background .6s
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle 600px at 80% 10%, rgba(var(--atm-r),var(--atm-g),var(--atm-b),.05),transparent),
    radial-gradient(circle 500px at 5% 90%, rgba(var(--atm-r),var(--atm-g),var(--atm-b),.04),transparent),
    radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,0.45) 0%,transparent 100%),
    radial-gradient(1px 1px at 75% 12%,rgba(255,255,255,0.35) 0%,transparent 100%),
    radial-gradient(1px 1px at 45% 65%,rgba(255,255,255,0.25) 0%,transparent 100%),
    radial-gradient(2px 2px at 28% 18%,rgba(140,200,255,0.65) 0%,transparent 100%),
    radial-gradient(1px 1px at 65% 45%,rgba(120,180,255,0.55) 0%,transparent 100%),
    radial-gradient(1px 1px at 88% 70%,rgba(100,160,240,0.45) 0%,transparent 100%),
    radial-gradient(1000px 660px at 10% 90%,rgba(20,60,140,0.2) 0%,transparent 70%),
    radial-gradient(800px 500px at 95% 5%,rgba(30,80,160,0.18) 0%,transparent 70%);
  transition:background .8s;
}
/* Cinzel — başlıklar, etiketler */
.ct,.fl,.komp-label,.sip-label,.tas-sep,.result-label,
.dizim-profil-l,.komp-mod-label,.komp-kademe-label,
.hrt-blok-ad,.isim-katman-baslik,.sip-baslik,
.dizim-header-baslik,.dizim-sonuc-baslik,
.nav-tab,.gem-sub-btn,.tas-sys-btn,.tas-alt-btn,
button.btn,.hdr-title{
  font-family:'Cinzel',serif!important;
}
/* JetBrains Mono — sayılar, kodlar */
.komp-sayi-input,.komp-ozet-n,.komp-tas-adet,
.sip-fiyat-tutar,.el-isim-input,
.isim-harf{
  font-family:'JetBrains Mono',monospace!important;
}
.app{max-width:660px;margin:0 auto;padding:0 0.75rem 2rem;position:relative;z-index:1}

/* ── HEADER ────────────────────────────────────── */
.hdr{
  background:rgba(19,27,38,.82);position:sticky;top:0;z-index:100;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:space-between;
  padding:.55rem 0 .45rem;border-bottom:1px solid var(--border2);
  margin-bottom:.75rem;
}
.hdr-logo{cursor:pointer;transition:opacity .2s;text-decoration:none;border:none;background:none;padding:0}
.hdr-logo:hover{opacity:.7}
.hdr-eyebrow{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:rgba(123,143,212,.4);margin-bottom:3px}
.hdr-title{font-size:22px;font-weight:300;font-style:italic;color:var(--indigo2,#9ab6e6)}
.hdr-right{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}
.ctrl{background:none;border:1px solid var(--border);color:var(--text3);font-size:15px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:'Cinzel',serif}
.ctrl:hover{border-color:var(--border3);color:var(--text2)}
:root.light .hdr{background:rgba(244,240,234,.97) !important;border-bottom-color:rgba(80,60,20,.2)}
:root.light .hdr-eyebrow{color:rgba(100,70,20,.55) !important}
:root.light .hdr-title{color:#1a1200 !important;font-weight:400}
:root.light .ctrl{border-color:rgba(80,60,20,.2) !important;color:#2a1e08 !important}
:root.light .auth-user-btn,.auth-user-name,:root.light .auth-user-role{color:#2a1e08 !important}
.hdr:hover{opacity:0.72}
.hdr-mark{font-size:13px;letter-spacing:0.45em;text-transform:uppercase;color:rgba(123,143,212,0.5);margin-bottom:10px}
.hdr h1{font-size:22px;font-weight:400;letter-spacing:0.08em;color:var(--text);margin-bottom:5px}
.hdr h1 span{color:var(--indigo2)}
.hdr p{font-size:17px;color:var(--text3);letter-spacing:0.04em}

/* ── NAV — gizli, hdr ile yönetiliyor ── */
.nav{display:none!important}
.nav::-webkit-scrollbar{display:none}
.nbtn{flex:1;min-width:80px;padding:10px 6px;font-size:17px;font-family:inherit;letter-spacing:0.02em;border:none;background:transparent;color:var(--text3);cursor:pointer;text-align:center;white-space:nowrap;transition:all 0.2s}
.nbtn span{display:block;font-size:17px;margin-bottom:3px}
.nbtn.active{background:var(--bg3);color:var(--gold2);border:1px solid rgba(201,169,110,0.2)}
.modulor-nav{background:linear-gradient(135deg,rgba(123,143,212,0.12),rgba(155,127,212,0.12));border:1px solid rgba(123,143,212,0.22);color:var(--indigo2);text-decoration:none;font-family:inherit;font-size:15px}
.modulor-nav:hover{background:linear-gradient(135deg,rgba(123,143,212,0.22),rgba(155,127,212,0.22))}

/* ── HAK SAYACI ────────────────────────────────── */
.usage-bar{display:flex;align-items:center;gap:10px;padding:7px 0;margin-bottom:4px;font-size:15px;color:var(--text3)}
.usage-dots{display:flex;gap:4px;align-items:center}
.usage-dot{width:5px;height:5px;border-radius:50%;background:rgba(123,143,212,0.18);transition:background 0.3s}
.usage-dot.used{background:rgba(123,143,212,0.55)}
.usage-dot.last{background:rgba(212,127,139,0.7)}

/* ── KAPI SİSTEMİ ──────────────────────────────── */
.gem-door{padding:0;position:relative;overflow:hidden}

/* Door tint backgrounds */
#door-elements{background:linear-gradient(180deg,rgba(80,100,180,0.07) 0%,transparent 340px)}
#door-pulse{background:linear-gradient(180deg,rgba(201,150,80,0.06) 0%,transparent 340px)}
#door-iz{background:linear-gradient(180deg,rgba(140,90,200,0.06) 0%,transparent 340px)}

/* Kapı SVG çizimleri — sağ üstte */
#door-elements::after,
#door-pulse::after,
#door-iz::after{
  content:'';position:absolute;top:0;right:0;
  width:240px;height:240px;opacity:0.06;
  transition:opacity 0.6s ease;pointer-events:none;
  background-repeat:no-repeat;background-position:top right;
  background-size:contain;z-index:0
}
#door-elements:hover::after{opacity:0.13}
#door-pulse:hover::after{opacity:0.13}
#door-iz:hover::after{opacity:0.13}

/* Elements — atom/çember yapısı */
#door-elements::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%237b8fd4' fill='none'%3E%3Ccircle cx='100' cy='100' r='45' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='28' stroke-width='0.5' stroke-dasharray='3,4'/%3E%3Ccircle cx='100' cy='100' r='10' stroke-width='0.8'/%3E%3Cellipse cx='100' cy='100' rx='70' ry='28' stroke-width='0.7' transform='rotate(0 100 100)'/%3E%3Cellipse cx='100' cy='100' rx='70' ry='28' stroke-width='0.7' transform='rotate(60 100 100)'/%3E%3Cellipse cx='100' cy='100' rx='70' ry='28' stroke-width='0.7' transform='rotate(120 100 100)'/%3E%3Ccircle cx='100' cy='55' r='3' fill='%237b8fd4' stroke='none'/%3E%3Ccircle cx='160' cy='88' r='2' fill='%237b8fd4' stroke='none'/%3E%3Ccircle cx='140' cy='145' r='2' fill='%237b8fd4' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}

/* Pulse — dalga/nabız çizgisi */
#door-pulse::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%23d4a56a' fill='none'%3E%3Cpath stroke-width='1' d='M20,100 L55,100 L65,60 L75,140 L85,80 L95,120 L105,70 L115,130 L125,90 L135,100 L180,100'/%3E%3Cpath stroke-width='0.4' stroke-dasharray='2,6' d='M20,100 L180,100'/%3E%3Ccircle cx='105' cy='70' r='3' fill='%23d4a56a' stroke='none'/%3E%3Ccircle cx='75' cy='140' r='2' fill='%23d4a56a' stroke='none'/%3E%3Ccircle cx='115' cy='130' r='2' fill='%23d4a56a' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}

/* İz — parmak izi / sarmal */
#door-iz::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg stroke='%239b7fd4' fill='none'%3E%3Cpath stroke-width='0.8' d='M100,100 m0,-15 a15,15 0 1,1 -0.1,0'/%3E%3Cpath stroke-width='0.7' d='M100,100 m0,-25 a25,25 0 1,1 -0.1,0'/%3E%3Cpath stroke-width='0.65' d='M100,100 m0,-36 a36,36 0 1,1 -0.1,0'/%3E%3Cpath stroke-width='0.6' d='M100,100 m0,-48 a48,48 0 1,1 -0.1,0'/%3E%3Cpath stroke-width='0.5' d='M100,100 m0,-61 a61,61 0 1,1 -0.1,0'/%3E%3Cpath stroke-width='0.4' d='M100,100 m0,-75 a75,75 0 1,1 -0.1,0'/%3E%3Ccircle cx='100' cy='100' r='4' fill='%239b7fd4' stroke='none'/%3E%3C/g%3E%3C/svg%3E")
}

/* Kapı header */
.gem-door-header{
  position:relative;overflow:hidden;
  text-align:left;padding:36px 24px 24px;
  border-bottom:1px solid rgba(255,255,255,0.05);
  display:flex;flex-direction:column;justify-content:flex-end;min-height:160px;
}
.gem-door-header-deco{
  position:absolute;right:0;top:0;bottom:0;width:45%;
  display:flex;align-items:center;justify-content:flex-end;
  opacity:.18;pointer-events:none;padding-right:16px;
}
.gem-door-header-deco svg{width:140px;height:140px}
.gem-door-header-num{font-size:15px;letter-spacing:0.3em;text-transform:uppercase;color:rgba(245,240,232,0.4);margin-bottom:14px}
.gem-door-header-title{font-size:32px;font-weight:400;font-family:'Cormorant Garamond','Georgia',serif;color:rgba(245,240,232,0.88);margin-bottom:12px}
.gem-door-header-quote{font-size:17px;font-style:italic;color:rgba(245,240,232,0.5);line-height:1.75;margin-bottom:14px}
.gem-door-header-sub{font-size:15px;color:rgba(245,240,232,0.3);letter-spacing:0.06em}

/* Per-door header accents */
#door-elements .gem-door-header{border-bottom-color:rgba(123,143,212,0.15)}
#door-elements .gem-door-header-num{color:rgba(123,143,212,0.55)}
#door-elements .gem-door-header-sub{color:rgba(123,143,212,0.38)}
#door-pulse .gem-door-header{border-bottom-color:rgba(212,165,106,0.13)}
#door-pulse .gem-door-header-num{color:rgba(212,165,106,0.55)}
#door-pulse .gem-door-header-sub{color:rgba(212,165,106,0.38)}
#door-iz .gem-door-header{border-bottom-color:rgba(155,127,212,0.13)}
#door-iz .gem-door-header-num{color:rgba(155,127,212,0.55)}
#door-iz .gem-door-header-sub{color:rgba(155,127,212,0.38)}

/* Tab bar */
.gem-door-tabs{display:flex;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,0.05)}
.gem-sub-btn{flex:1;padding:16px 8px;background:none;border:none;border-bottom:2px solid transparent;color:rgba(245,240,232,0.45);font-family:'Cormorant Garamond','Georgia',serif;font-size:17px;letter-spacing:0.02em;cursor:pointer;transition:all 0.2s;white-space:nowrap}
.gem-sub-btn:hover{color:rgba(245,240,232,0.6)}
#door-elements .gem-sub-btn.active{color:var(--indigo2);border-bottom-color:var(--indigo)}
#door-pulse .gem-sub-btn.active{color:var(--amber2);border-bottom-color:var(--amber)}
#door-iz .gem-sub-btn.active{color:var(--violet2);border-bottom-color:var(--violet)}
.gem-sub-content{min-height:200px}

/* ── KART SİSTEMİ ──────────────────────────────── */
.card{background:var(--bg2);border:1px solid var(--border);padding:1.25rem;margin-bottom:1rem}
.ct{font-size:15px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.06)}
.fg{display:flex;flex-direction:column;gap:4px}
.fl{font-size:13px;letter-spacing:0.07em;text-transform:uppercase;color:var(--text3)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
input,select,textarea{width:100%;padding:8px 10px;font-size:15px;font-family:inherit;background:rgba(255,255,255,0.05);border:1px solid rgba(160,200,255,0.12);color:var(--text);transition:border-color 0.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(123,143,212,0.5)}
select option{background:#142238}
textarea{resize:vertical;min-height:70px}
.btn{width:100%;padding:11px;font-size:15px;font-family:inherit;letter-spacing:0.08em;text-transform:uppercase;border:none;cursor:pointer;margin-top:1rem;transition:all 0.2s}
.btn-el{background:linear-gradient(135deg,rgba(100,120,210,0.55),rgba(140,160,232,0.65));color:rgba(245,240,232,0.9);border:1px solid rgba(100,120,210,0.3)}
.btn-pu{background:linear-gradient(135deg,rgba(210,160,80,0.55),rgba(232,196,130,0.65));color:rgba(245,240,232,0.9);border:1px solid rgba(210,160,80,0.3)}
.btn-iz{background:linear-gradient(135deg,rgba(150,100,210,0.55),rgba(180,150,232,0.65));color:rgba(245,240,232,0.9);border:1px solid rgba(150,100,210,0.3)}
.btn:hover{opacity:0.85;transform:translateY(-1px)}
.divider{height:1px;background:var(--border);margin:1.5rem 0}
.load{text-align:center;padding:2rem;color:var(--text3);font-style:italic;font-size:17px}
.spin{width:20px;height:20px;border:1.5px solid var(--border2);border-top-color:var(--indigo);border-radius:50%;animation:spin 0.8s linear infinite;margin:0 auto 10px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fi{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.result-box{padding:0;background:none;border:none;font-size:17px;color:var(--text2);line-height:1.8;margin-top:1rem;display:none}
.result-box.pu{background:rgba(212,165,106,0.05);border-color:rgba(212,165,106,0.15)}
.result-box.iz{background:rgba(155,127,212,0.05);border-color:rgba(155,127,212,0.15)}
.result-box.show{display:block;animation:fi 0.3s ease}

/* Element badge */
.el-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;border:1px solid rgba(123,143,212,0.25);color:var(--indigo2);margin:4px 4px 0 0}
.el-badge.fire{border-color:rgba(220,120,80,0.3);color:#e8a07a}
.el-badge.water{border-color:rgba(80,140,220,0.3);color:#7ab4e8}
.el-badge.air{border-color:rgba(160,200,220,0.3);color:#a0d4e8}
.el-badge.earth{border-color:rgba(100,180,120,0.3);color:#80c890}

/* Enerji çubukları */
.ebar-wrap{margin-bottom:10px}
.ebar-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text3);margin-bottom:4px}
.ebar{height:3px;background:rgba(255,255,255,0.06);overflow:hidden}
.ebar-fill{height:100%;transition:width 1s ease}
.ebar-fill.fire{background:linear-gradient(90deg,#d47f4a,#e8a07a)}
.ebar-fill.water{background:linear-gradient(90deg,#4a7fd4,#7ab4e8)}
.ebar-fill.air{background:linear-gradient(90deg,#7ad4d4,#a0d4e8)}
.ebar-fill.earth{background:linear-gradient(90deg,#4ad47a,#80c890)}

/* Günlük giriş kartları */
.pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:4px}
.pulse-item{padding:12px 8px;background:var(--bg3);border:1px solid var(--border);cursor:pointer;transition:all 0.2s;text-align:center}
.pulse-item:hover{border-color:rgba(212,165,106,0.3)}
.pulse-item.sel{border-color:rgba(212,165,106,0.5);background:rgba(212,165,106,0.07)}
.pulse-item-icon{font-size:22px;margin-bottom:5px}
.pulse-item-label{font-size:13px;color:var(--text3);letter-spacing:0.04em}
.pulse-item.sel .pulse-item-label{color:var(--amber2)}

/* ── TAŞ SİSTEMİ ─────────────────────── */
.tas-sys-tabs{display:flex;gap:4px;margin-bottom:1.25rem}
.tas-sys-btn{flex:1;padding:9px 6px;font-size:13px;font-family:inherit;letter-spacing:0.06em;text-transform:uppercase;border:1px solid var(--border);background:transparent;color:var(--text3);cursor:pointer;transition:all 0.2s;text-align:center}
.tas-sys-btn:hover{border-color:rgba(123,143,212,0.3);color:var(--indigo2)}
.tas-sys-btn.active{background:rgba(123,143,212,0.08);border-color:rgba(123,143,212,0.4);color:var(--indigo2)}
.tas-card{padding:14px 16px;border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all 0.2s;position:relative;background:var(--bg2)}
.tas-card:hover{border-color:rgba(123,143,212,0.3)}
.tas-card.selected{border-color:rgba(123,143,212,0.6);background:rgba(123,143,212,0.07)}
.tas-card.selected::after{content:'✓';position:absolute;top:10px;right:12px;font-size:13px;color:var(--indigo2)}
.tas-card-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.tas-card-orb{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.tas-card-name{font-size:17px;color:var(--text)}
.tas-card-type{font-size:13px;color:var(--text3);letter-spacing:0.06em}
.tas-card-desc{font-size:15px;color:var(--text2);line-height:1.65}
.tas-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.tas-tag{font-size:13px;padding:2px 7px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--text3)}
.tas-sep{font-family:'Cormorant Garamond','Georgia',serif;font-size:13px;letter-spacing:0.3em;text-transform:uppercase;color:var(--text3);margin:1rem 0 0.75rem;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.06)}
.tas-action{margin-top:1rem;padding:12px 16px;background:rgba(123,143,212,0.06);border:1px solid rgba(123,143,212,0.18);text-align:center;display:none}
.tas-action.show{display:block;animation:fi 0.3s ease}
.tas-gem-btn{font-size:13px;font-family:inherit;letter-spacing:0.1em;text-transform:uppercase;background:linear-gradient(135deg,rgba(100,120,210,0.55),rgba(140,160,232,0.65));color:rgba(245,240,232,0.9);border:1px solid rgba(100,120,210,0.3);padding:10px 20px;cursor:pointer;transition:all 0.2s}
.tas-gem-btn:hover{opacity:0.85}

/* ── BİORYTM GRAFİK ─────────────────── */
.bio-chart{width:100%;height:80px;margin:12px 0}
.bio-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bio-bar-label{font-size:13px;color:var(--text3);width:80px;flex-shrink:0;text-transform:uppercase;letter-spacing:0.04em}
.bio-bar-track{flex:1;height:6px;background:rgba(255,255,255,0.05);position:relative;overflow:visible}
.bio-bar-fill{height:100%;transition:width 0.8s ease;position:absolute;top:0}
.bio-bar-zero{position:absolute;left:50%;top:-4px;width:1px;height:14px;background:rgba(255,255,255,0.15)}
.bio-bar-val{font-size:13px;color:var(--text3);width:32px;text-align:right;flex-shrink:0}

/* İz — örüntü geçmişi */
.iz-entry{padding:12px 14px;border:1px solid var(--border);margin-bottom:6px;transition:all 0.2s}
.iz-entry:hover{border-color:rgba(155,127,212,0.2)}
.iz-entry-date{font-size:13px;color:var(--text3);letter-spacing:0.06em;margin-bottom:4px}
.iz-entry-text{font-size:15px;color:var(--text2);line-height:1.65}
.iz-empty{text-align:center;padding:3rem 1rem;color:var(--text3);font-style:italic;font-size:17px}

/* Modulor köprüsü */
.modulor-bridge{padding:1.25rem;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.12);margin-top:1.5rem;text-align:center}
.modulor-bridge p{font-size:15px;color:var(--text3);line-height:1.7;margin-bottom:12px;font-style:italic}
.modulor-bridge a{font-size:13px;letter-spacing:0.3em;text-transform:uppercase;color:var(--indigo2);text-decoration:none;border:1px solid rgba(123,143,212,0.2);padding:9px 20px;display:inline-block;transition:all 0.2s}
.modulor-bridge a:hover{background:rgba(123,143,212,0.08)}

/* ── LANDING — 3 KAPI ──────────────────────────── */
#door-select{padding:40px 0 0;display:none}
.landing-intro{text-align:center;margin-bottom:32px;padding:0 16px}
.landing-intro-eyebrow{font-size:13px;letter-spacing:0.5em;text-transform:uppercase;color:rgba(123,143,212,0.45);margin-bottom:14px}
.landing-intro-title{font-size:22px;font-style:italic;color:rgba(245,240,232,0.82);font-family:'Cormorant Garamond','Georgia',serif;line-height:1.4;white-space:normal;word-break:break-word}

/* Kapılar yan yana grid */
.door-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(255,255,255,0.07)}

.door-card{
  padding:28px 20px 24px;border:none;border-right:1px solid rgba(255,255,255,0.06);
  cursor:pointer;transition:all 0.35s;
  background:transparent;position:relative;overflow:hidden
}
.door-card:last-child{border-right:none}
.door-card-svg{
  position:absolute;top:0;right:0;width:120px;height:120px;
  opacity:0.05;transition:opacity 0.6s;pointer-events:none;
  background-repeat:no-repeat;background-position:top right;background-size:contain
}
.door-card:hover .door-card-svg{opacity:0.15}
.door-card-line{height:1px;width:24px;margin-bottom:14px;transition:width 0.3s}
.door-card:hover .door-card-line{width:40px}
.door-card-num{font-size:13px;letter-spacing:0.12em;margin-bottom:10px}
.door-card-title{font-size:32px;font-weight:400;color:rgba(245,240,232,0.9);font-family:'Cormorant Garamond','Georgia',serif;margin-bottom:10px;transition:color 0.25s}
.door-card-quote{font-size:15px;font-style:italic;color:rgba(245,240,232,0.42);line-height:1.65;margin-bottom:14px}
.door-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}
.door-card-tag{font-size:13px;letter-spacing:0.06em;text-transform:uppercase;padding:3px 7px;border:1px solid;color:rgba(245,240,232,0.35);transition:all 0.25s}
.door-card-cta{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;transition:gap 0.25s}
.door-card:hover .door-card-cta{gap:12px}
.door-card-cta-line{height:1px;width:24px;transition:width 0.3s}
.door-card:hover .door-card-cta-line{width:36px}

/* Elements renk */
.door-el .door-card-line{background:rgba(123,143,212,0.5)}
.door-el .door-card-num{color:rgba(123,143,212,0.55)}
.door-el .door-card-tag{border-color:rgba(123,143,212,0.22)}
.door-el .door-card-cta{color:rgba(123,143,212,0.7)}
.door-el .door-card-cta-line{background:rgba(123,143,212,0.5)}
.door-el:hover{background:rgba(80,100,180,0.09);border-color:rgba(123,143,212,0.18)}
.door-el:hover .door-card-tag{border-color:rgba(123,143,212,0.4);color:rgba(123,143,212,0.7);background:rgba(123,143,212,0.06)}
.door-el:hover .door-card-title{color:rgba(200,215,255,0.95)}

/* Pulse renk */
.door-pu .door-card-line{background:rgba(212,165,106,0.5)}
.door-pu .door-card-num{color:rgba(212,165,106,0.55)}
.door-pu .door-card-tag{border-color:rgba(212,165,106,0.22)}
.door-pu .door-card-cta{color:rgba(212,165,106,0.7)}
.door-pu .door-card-cta-line{background:rgba(212,165,106,0.5)}
.door-pu:hover{background:rgba(180,130,60,0.09);border-color:rgba(212,165,106,0.18)}
.door-pu:hover .door-card-tag{border-color:rgba(212,165,106,0.4);color:rgba(212,165,106,0.7);background:rgba(212,165,106,0.06)}
.door-pu:hover .door-card-title{color:rgba(255,230,180,0.95)}

/* İz renk */
.door-iz-card .door-card-line{background:rgba(155,127,212,0.5)}
.door-iz-card .door-card-num{color:rgba(155,127,212,0.55)}
.door-iz-card .door-card-tag{border-color:rgba(155,127,212,0.22)}
.door-iz-card .door-card-cta{color:rgba(155,127,212,0.7)}
.door-iz-card .door-card-cta-line{background:rgba(155,127,212,0.5)}
.door-iz-card:hover{background:rgba(120,80,180,0.09);border-color:rgba(155,127,212,0.18)}
.door-iz-card:hover .door-card-tag{border-color:rgba(155,127,212,0.4);color:rgba(155,127,212,0.7);background:rgba(155,127,212,0.06)}
.door-iz-card:hover .door-card-title{color:rgba(210,190,255,0.95)}

/* Metin modal */
.text-overlay{position:fixed;inset:0;background:rgba(8,6,15,0.92);z-index:9000;display:none;align-items:center;justify-content:center;padding:1rem}
.text-overlay.show{display:flex}
.text-box{width:100%;max-width:500px;background:var(--bg2);border:1px solid rgba(255,255,255,0.08);max-height:78vh;overflow-y:auto;padding:1.75rem}
.text-box h3{font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--indigo2);margin-bottom:1rem;font-weight:400}
.text-box p{font-size:15px;color:var(--text3);line-height:1.85;margin-bottom:0.75rem}
.text-box strong{color:var(--text2)}
.text-close{width:100%;padding:10px;background:none;margin-top:1.25rem;border:1px solid rgba(255,255,255,0.08);color:var(--text3);font-family:inherit;font-size:13px;cursor:pointer;transition:all 0.2s;letter-spacing:0.06em}
.text-close:hover{border-color:rgba(123,143,212,0.3);color:var(--indigo2)}

/* Toast */
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(18,16,30,.97);backdrop-filter:blur(12px);border:1px solid rgba(201,169,110,0.35);color:rgba(245,240,232,.95);font-family:inherit;font-size:14px;padding:12px 22px;border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.45);z-index:100000;opacity:0;transition:all 0.3s;pointer-events:none;max-width:calc(100% - 40px);text-align:center;line-height:1.5}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── MOBİL (≤600px) ── */
@media(max-width:600px){
  *{-webkit-tap-highlight-color:transparent}
  button,a,[onclick]{touch-action:manipulation}
  .app{padding:1rem .875rem 5rem}
  .hdr{padding:.875rem 0 .75rem;margin-bottom:1rem}
  .door-cards-grid{grid-template-columns:1fr}
  .door-card{border-right:none;border-bottom:1px solid rgba(255,255,255,0.06)}
  .door-card:last-child{border-bottom:none}
  .landing-intro-title{white-space:normal;font-size:22px}
  .hdr-title{font-size:22px}
  .ctrl,.theme-btn{width:26px;height:26px;font-size:15px}
  .gem-door-nav,.door-nav{gap:2px}
  .gem-sub-btn,.door-btn{padding:.55rem .5rem;font-size:13px;letter-spacing:.1em}
  .card{padding:1rem}
  .form-group input,.form-group select{font-size:17px;padding:10px 12px}
  .calc-btn,.sub-btn{padding:13px;font-size:13px}
  .ebar-wrap{padding:10px 12px}
  .ebar-label{font-size:15px}
  .igrid{grid-template-columns:1fr 1fr}
  .cks{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
  .ai-text{font-size:17px;line-height:1.75}
}
@media(max-width:380px){
  .igrid{grid-template-columns:1fr}
}

/* ── LIGHT MODE ── */
:root.light{
  --bg2:#f0ebe0;--bg3:#e8e0d4;--bg4:#ded6c8;--bg5:#d4caba;
  --border:rgba(0,0,0,0.08);--border2:rgba(60,40,10,0.14);--border3:rgba(80,55,15,0.22);
  --gold2:#4a2e00;--goldbg:rgba(106,68,0,0.07);
  --indigo:#2a4a90;--indigo2:#1a3a80;--indigobg:rgba(42,74,144,0.07);
}
html.light, html.light body{
  color:#0a0804 !important;
  font-size:22px !important;
}
:root.light body{background:var(--bg)!important;color:#0a0804 !important;}
:root.light p,:root.light div,:root.light span,:root.light h1,:root.light h2,:root.light h3,
:root.light .door-card-title,:root.light .door-card-quote,:root.light .card{
  color:#0a0804 !important;
}
:root.light .door-card-quote{color:#3a2c18 !important;font-size:17px !important}
:root.light .door-card-num{color:#8a7258 !important}
:root.light .door-card-tag{color:#4a3820 !important;border-color:rgba(60,40,10,.3) !important}
:root.light .door-card-cta{color:#6a4400 !important}
:root.light .card,:root.light .door-card{background:var(--bg2);border-color:var(--border2)}
:root.light input,:root.light select,:root.light textarea{background:#fff;border-color:rgba(40,80,180,.2);color:var(--text)}
:root.light .hdr{border-bottom-color:var(--border2)}
:root.light .nav-tab{color:var(--text3)}
:root.light .nav-tab.active{color:var(--text);border-bottom-color:var(--gold)}
:root.light .result-box{color:var(--text2)}
:root.light .komp-mod-card{border-color:var(--border)}
:root.light .komp-kademe-card{border-color:var(--border)}
:root.light .hrt-blok{border-color:var(--border2)}
:root.light .tas-card{border-color:var(--border)}
:root.light .tas-tag{background:rgba(0,0,0,0.06)!important;border-color:rgba(0,0,0,0.1)!important;color:var(--text3)!important}
:root.light .result-modulor-hint{color:var(--indigo2)}
:root.light .komp-ozet-bar-wrap{background:rgba(0,0,0,0.08)}
:root.light .sip-fiyat-ozet{border-color:rgba(106,68,0,0.2)}
:root.light .dizim-header-card{background:rgba(42,74,176,0.04);border-color:rgba(42,74,176,0.12)}
:root.light .card { background: var(--bg2) !important; border-color: var(--border2) !important; }

:root.light .nbtn { color: #243850 !important; }
:root.light .nbtn.active { background: var(--bg2) !important; color: #0c1620 !important; }
:root.light input,:root.light select,:root.light textarea { background:rgba(255,255,255,0.4) !important; border-color:rgba(40,70,140,0.25) !important; color:#0c1620 !important; }
:root.light .gem-door { background: var(--bg) !important; }
:root.light .gem-door-header-num { color: rgba(40,70,180,0.5) !important; }
:root.light .gem-door-header-title { color: #0c1620 !important; }
:root.light .gem-door-header-quote { color: rgba(20,40,80,0.55) !important; }
:root.light .gem-door-header-sub { color: rgba(40,70,140,0.45) !important; }
:root.light .gem-sub-btn { color: #3a5270 !important; border-color: rgba(30,50,90,0.15) !important; }
:root.light .gem-sub-btn:hover { color: #0c1620 !important; }
:root.light .gem-sub-btn.active { color: #2a4898 !important; }
:root.light .pulse-item { background: var(--bg3) !important; }
:root.light .tas-card { background: var(--bg2) !important; }
:root.light .result-box { background: rgba(58,90,184,0.08) !important; border-color: rgba(58,90,184,0.2) !important; }
:root.light .door-card-title { color: #0c1620 !important; }
:root.light .door-card-quote { color: rgba(20,40,80,0.5) !important; }
:root.light .door-card-tag { color: rgba(30,60,120,0.5) !important; }
:root.light .door-card-cta { color: rgba(30,60,180,0.6) !important; }
:root.light .landing-intro-title { color: #162030 !important; }
:root.light #landing-daily-card { background: rgba(58,90,184,0.06) !important; border-color: rgba(58,90,184,0.15) !important; }
:root.light #landing-daily-text { color: rgba(10,20,50,0.7) !important; }
:root.light .door-cards-grid { border-color: rgba(30,60,120,0.15) !important; }
:root.light .door-card { border-color: rgba(30,60,120,0.1) !important; }
:root.light .door-el:hover { background: rgba(58,90,184,0.1) !important; }
:root.light .door-pu:hover { background: rgba(180,130,60,0.1) !important; }
:root.light .door-iz-card:hover { background: rgba(100,60,160,0.1) !important; }
:root.light .usage-bar { color: #3a5270 !important; }
:root.light .bio-bar-label { color: #3a5270 !important; }
:root.light .ebar-label { color: #3a5270 !important; }
:root.light .tas-tag { background: rgba(0,0,0,0.06) !important; border-color: rgba(0,0,0,0.1) !important; color: #3a5270 !important; }

/* ── TAŞ ALT SEKMELERİ ─────────────────────── */
.tas-alt-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid var(--border)}
.tas-alt-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text3);font-family:inherit;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:color 0.2s,border-color 0.2s;margin-bottom:-1px}
.tas-alt-btn.active{color:var(--indigo2);border-bottom-color:var(--indigo2)}
.tas-alt-btn:hover{color:var(--text2)}
.tas-tab-panel{}

/* ── KOMPOZİSYON GENEL ──────────────────────── */
.komp-section{margin-bottom:1.4rem}
.komp-label{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.komp-hint{font-size:13px;color:var(--text3);font-style:italic}

/* Mod grid */
.komp-mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.komp-mod-card{padding:10px 8px;border:1px solid var(--border);cursor:pointer;text-align:center;transition:border-color 0.2s,background 0.2s}
.komp-mod-card:hover{border-color:var(--border2);background:rgba(123,143,212,0.04)}
.komp-mod-card.active{border-color:var(--indigo2);background:rgba(123,143,212,0.08)}
.komp-mod-icon{font-size:17px;margin-bottom:4px}
.komp-mod-label{font-size:13px;letter-spacing:0.06em;color:var(--text3);line-height:1.4}
.komp-mod-card.active .komp-mod-label{color:var(--indigo2)}

/* Kademe */
.komp-kademe-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.komp-kademe-card{padding:10px 10px;border:1px solid var(--border);cursor:pointer;transition:border-color 0.2s,background 0.2s}
.komp-kademe-card:hover{border-color:var(--border2)}
.komp-kademe-card.active{border-color:var(--gold);background:rgba(212,165,106,0.06)}
.komp-kademe-label{font-size:13px;color:var(--text2);margin-bottom:3px}
.komp-kademe-hint{font-size:13px;color:var(--text3);line-height:1.4}
.komp-kademe-card.active .komp-kademe-label{color:var(--gold2)}

/* Sayı */
.komp-sayi-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.komp-sayi-input{background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:inherit;font-size:22px;padding:6px 12px;width:80px;text-align:center}
.komp-sayi-input:focus{outline:none;border-color:var(--indigo2)}
.komp-sayi-hints{display:flex;flex-wrap:wrap;gap:5px}
.komp-hint-tag{font-size:13px;letter-spacing:0.08em;padding:3px 8px;border:1px solid var(--border);color:var(--text3);cursor:pointer;transition:border-color 0.2s,color 0.2s}
.komp-hint-tag:hover{border-color:var(--gold);color:var(--gold)}

/* Koleksiyon */
.komp-koleksiyon-row{display:flex;justify-content:space-between;align-items:center}
.komp-kol-btn{background:none;border:1px solid var(--border2);color:var(--text3);font-family:inherit;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;padding:6px 14px;cursor:pointer;transition:border-color 0.2s,color 0.2s}
.komp-kol-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}

/* Modulor detay */
.komp-modulor-detay{padding:8px 12px;background:rgba(123,143,212,0.06);border:1px solid rgba(123,143,212,0.15);font-size:13px;color:var(--indigo2);margin-bottom:1rem;letter-spacing:0.04em}

/* Koleksiyon toggle */
.komp-kol-toggle{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text3);letter-spacing:0.08em;text-transform:uppercase;cursor:pointer}
.komp-kol-toggle input{accent-color:var(--indigo2);width:14px;height:14px;cursor:pointer}
.komp-kol-toggle input:disabled + span{opacity:0.35;cursor:not-allowed}

/* Hesapla butonu */
.komp-hesapla-btn{width:100%;padding:13px;background:none;border:1px solid rgba(123,143,212,0.3);color:var(--indigo2);font-family:inherit;font-size:15px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,border-color 0.2s;margin-bottom:1.2rem}
.komp-hesapla-btn:hover{background:rgba(123,143,212,0.08);border-color:var(--indigo2)}

/* Uyarı */
.komp-uyari{padding:10px 14px;background:rgba(212,165,106,0.06);border:1px solid rgba(212,165,106,0.2);font-size:15px;color:rgba(212,165,106,0.8);line-height:1.7;margin-bottom:1rem}

/* Sonuç */
.komp-sonuc-wrap{border:1px solid var(--border2);padding:1.2rem}
.komp-sonuc-baslik{font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--indigo2);margin-bottom:1rem;padding-bottom:10px;border-bottom:1px solid var(--border)}

/* Özet çubukları */
.komp-ozet{margin-bottom:1.2rem}
.komp-ozet-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.komp-ozet-el{font-size:13px;width:58px;flex-shrink:0}
.komp-ozet-bar-wrap{flex:1;height:4px;background:rgba(255,255,255,0.06);overflow:hidden}
.komp-ozet-bar{height:100%;transition:width 0.6s ease}
.komp-ozet-n{font-size:15px;color:var(--text2);width:24px;text-align:right;flex-shrink:0}

/* Element grupları */
.komp-gruplar{display:flex;flex-direction:column;gap:1rem}
.komp-el-grup{border:1px solid var(--border)}
.komp-el-baslik{padding:8px 12px;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}
.komp-el-n{font-size:13px;opacity:0.7}
.komp-tas-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}
.komp-tas-row:last-child{border-bottom:none}
.komp-tas-orb{width:32px;height:32px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.komp-tas-info{flex:1}
.komp-tas-ad{font-size:15px;color:var(--text);margin-bottom:3px;display:flex;align-items:center;gap:6px}
.komp-tas-kademe{font-size:13px;color:var(--text3)}
.komp-tas-desc{font-size:13px;color:var(--text3);line-height:1.6;font-style:italic}
.komp-tas-adet{font-size:17px;color:var(--gold);font-weight:300;flex-shrink:0;padding-top:2px}

@media(max-width:480px){
  .komp-mod-grid{grid-template-columns:repeat(2,1fr)}
  .komp-kademe-row{grid-template-columns:1fr}
  .kol-tas-grid{grid-template-columns:repeat(4,1fr)}
}
/* ── Mobil: dizim/kombinasyon kartlarında yan çerçeve & boşlukları azalt ── */
@media(max-width:600px){
  .app{padding:1rem .5rem 5rem}            /* yan gutter .875rem→.5rem: metne genişlik */
  .card{padding:.85rem .7rem}
  .komp-gruplar{gap:.7rem}
  .komp-el-baslik{padding:7px 9px}
  .komp-tas-row{padding:8px 9px;gap:8px}
  .komp-tas-orb{width:28px;height:28px;font-size:15px}
  .komp-tas-desc{font-size:15px;line-height:1.5}   /* daha okunur, daha kompakt */
  .komp-tas-ad{font-size:15px}
  .dizim-sonuc-ai-sonuc{padding:12px 12px}
  /* Light mode mobilde 20px taban çok büyük → satırlar taşıp sayfa uzuyordu */
  html.light, html.light body{font-size:17px !important}
}
/* ── YARDIMCI SINIFLAR ─────────────────────────── */
/* Landing wow kartı */
.landing-wow-card{margin:0 0 1.5rem;padding:20px 22px;background:rgba(123,143,212,0.05);border:1px solid rgba(123,143,212,0.12);position:relative}
.landing-wow-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.landing-tag{font-size:13px;letter-spacing:0.18em;text-transform:uppercase;padding:3px 8px;border:1px solid}
.landing-tag-el{color:rgba(123,143,212,0.5);border-color:rgba(123,143,212,0.18)}
.landing-tag-bio{color:rgba(91,196,176,0.5);border-color:rgba(91,196,176,0.18)}
.landing-tag-miz{color:rgba(212,165,106,0.5);border-color:rgba(212,165,106,0.18)}
.landing-wow-text{font-size:17px;color:rgba(245,240,232,0.75);font-style:italic;line-height:1.9;letter-spacing:0.01em;min-height:54px;transition:opacity 0.4s}
.landing-wow-meta{font-size:13px;color:rgba(255,255,255,0.18);margin-top:10px;letter-spacing:0.06em;display:flex;justify-content:space-between;align-items:center}
.landing-wow-src{opacity:0.5}
.landing-wow-sep{margin-top:14px;border-top:1px solid rgba(255,255,255,0.06);padding-top:12px}
/* Ghost buton — indigo tonu */
.ghost-btn{background:none;border:1px solid rgba(123,143,212,0.18);color:rgba(123,143,212,0.55);font-family:inherit;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:6px 14px;cursor:pointer;transition:border-color 0.2s,color 0.2s;display:inline-flex;align-items:center;gap:8px}
.ghost-btn:hover{border-color:rgba(123,143,212,0.4);color:var(--indigo2)}
.ghost-btn-arrow{transition:transform 0.25s}
.ghost-list{display:none;margin-top:8px;border:1px solid rgba(123,143,212,0.12);max-height:340px;overflow-y:auto}
/* Gecmis dropdown item */
.gecmis-item{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.04);cursor:pointer;transition:background 0.15s}
.gecmis-item:hover{background:rgba(123,143,212,0.05)}
.gecmis-item-date{font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.gecmis-item-text{font-size:17px;color:var(--text2);line-height:1.75;font-style:italic}
/* Landing footer köprü */
.landing-footer{padding:20px 28px 40px}
.landing-modulor-box{padding:18px 20px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.1);text-align:center}
.landing-modulor-hint{font-size:15px;font-style:italic;color:rgba(245,240,232,0.3);margin-bottom:12px}
.landing-modulor-link{font-size:13px;letter-spacing:0.3em;text-transform:uppercase;color:var(--indigo2);text-decoration:none;border:1px solid rgba(123,143,212,0.2);padding:10px 20px;display:inline-block;transition:background 0.2s}
.landing-modulor-link:hover{background:rgba(123,143,212,0.08)}
/* Kapı kartı renk class'ları — inline style'ları değiştirir */
.door-card-line-el{background:rgba(123,143,212,0.5)}
.door-card-line-pu{background:rgba(212,165,106,0.5)}
.door-card-line-iz{background:rgba(155,127,212,0.5)}
.door-card-num-el{color:rgba(123,143,212,0.55)}
.door-card-num-pu{color:rgba(212,165,106,0.55)}
.door-card-num-iz{color:rgba(155,127,212,0.55)}
.door-card-tag-el{border-color:rgba(123,143,212,0.22)}
.door-card-tag-pu{border-color:rgba(212,165,106,0.22)}
.door-card-tag-iz{border-color:rgba(155,127,212,0.22)}
.door-card-cta-el{color:rgba(123,143,212,0.7)}
.door-card-cta-pu{color:rgba(212,165,106,0.7)}
.door-card-cta-iz{color:rgba(155,127,212,0.7)}
.door-card-ctaline-el{background:rgba(123,143,212,0.5)}
.door-card-ctaline-pu{background:rgba(212,165,106,0.5)}
.door-card-ctaline-iz{background:rgba(155,127,212,0.5)}
/* Üst bar inline kontroller */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 8px}
.topbar-left{display:flex;align-items:center;gap:6px}
.fontsize-ctrl{display:flex;align-items:center;border:1px solid var(--border2);overflow:hidden}
.fontsize-btn{background:none;border:none;color:var(--text3);font-size:17px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.2s}
.fontsize-btn:hover{color:var(--indigo2)}
.fontsize-reset{background:none;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text3);font-family:inherit;font-size:13px;width:28px;height:30px;cursor:pointer;transition:color 0.2s}
.fontsize-reset:hover{color:var(--indigo2)}
/* Günlük geçmiş dropdown butonu */
.gecmis-toggle-btn{width:100%;padding:10px 14px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);color:var(--text3);font-family:inherit;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color 0.2s,color 0.2s}
.gecmis-toggle-btn:hover{border-color:rgba(123,143,212,0.25);color:var(--indigo2)}
.gecmis-toggle-list{display:none;border:1px solid rgba(255,255,255,0.06);border-top:none;max-height:320px;overflow-y:auto;animation:fi 0.25s ease}
/* inline-yer tutan boş durum */
.empty-state{text-align:center;padding:2rem;color:var(--text3);font-style:italic;font-size:17px}
/* result inline stil kovması */
.result-label{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.result-title-lg{font-size:22px;margin-bottom:4px}
.result-desc{font-size:15px;color:var(--text3);font-style:italic;line-height:1.7}
.result-dist-label{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
.result-footer{font-size:13px;color:var(--text3);padding-top:10px;border-top:1px solid rgba(255,255,255,0.06)}
.result-modulor-hint{font-size:13px;color:rgba(123,143,212,0.45);margin-top:6px;font-style:italic}
/* Tas aksiyon içi */
.tas-action-hint{font-size:15px;color:var(--text3);margin-bottom:10px}

/* ── İSİM FREKANS ───────────────────────────── */
.el-isim-input{width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:inherit;font-size:17px;padding:8px 12px}
.el-isim-input:focus{outline:none;border-color:var(--indigo2)}

.isim-katman-card{border:1px solid var(--border);padding:14px 16px;margin-bottom:10px}
.isim-katman-card.sentez-card{border-color:rgba(123,143,212,0.25);background:rgba(123,143,212,0.03)}
.isim-katman-baslik{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.isim-katman-num{width:18px;height:18px;border:1px solid var(--border2);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--indigo2);flex-shrink:0}
.isim-katman-sub{opacity:0.5;font-size:13px;letter-spacing:0.06em;text-transform:none;font-style:italic}
.isim-harf-sira{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.isim-harf{font-size:15px;font-weight:600;width:28px;height:28px;border:1px solid;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.isim-katman-yorum{font-size:15px;color:var(--text3);font-style:italic;line-height:1.6;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}

/* Sentez */
.sentez-tablo{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.sentez-row{display:flex;align-items:center;gap:8px;font-size:13px}
.sentez-yön{flex:1;color:var(--text3)}
.sentez-fark{font-size:13px;color:var(--text3);opacity:0.6}
.sentez-dom{font-size:15px;color:var(--text2);padding-top:8px;border-top:1px solid var(--border)}

/* AI katman etiketleri */
.isim-ai-katman{display:none} /* sadece text gösterilir */
.isim-ai-text{font-size:17px;line-height:1.85;color:var(--text2);font-style:italic}

/* ── MAX TAŞ TİPİ ───────────────────────────── */
.komp-maxtip-row{display:flex;gap:5px}
.komp-maxtip-btn{flex:1;padding:8px 4px;border:1px solid var(--border);cursor:pointer;text-align:center;transition:border-color 0.2s,background 0.2s;background:none}
.komp-maxtip-btn:hover{border-color:var(--border2)}
.komp-maxtip-btn.active{border-color:var(--gold);background:rgba(212,165,106,0.06)}
.komp-maxtip-n{font-size:17px;color:var(--text2);margin-bottom:2px}
.komp-maxtip-l{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text3)}
.komp-maxtip-h{font-size:13px;color:var(--text3);opacity:0.6;margin-top:1px}
.komp-maxtip-btn.active .komp-maxtip-n{color:var(--gold)}
.komp-maxtip-btn.active .komp-maxtip-l{color:var(--gold2)}

@media(max-width:480px){
  .komp-maxtip-row{gap:3px}
  .komp-maxtip-h{display:none}
}

/* ── EL KATMAN BADGE ────────────────────────── */
.el-katman-badge{font-size:13px;color:var(--text3);font-style:italic;line-height:1.6;margin-bottom:12px;padding:8px 12px;background:rgba(255,255,255,0.02);border-left:2px solid var(--border2)}

/* ── DİZİM PROFİL SEÇİCİ ───────────────────── */
.dizim-profil-row{display:flex;gap:5px;margin-bottom:8px}
.dizim-profil-btn{flex:1;padding:9px 5px;border:1px solid var(--border);cursor:pointer;text-align:center;background:none;transition:border-color 0.2s,background 0.2s}
.dizim-profil-btn:hover{border-color:var(--border2)}
.dizim-profil-btn.active{border-color:var(--indigo2);background:rgba(123,143,212,0.07)}
.dizim-profil-icon{font-size:17px;margin-bottom:3px}
.dizim-profil-l{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text3)}
.dizim-profil-h{font-size:13px;color:var(--text3);opacity:0.55;margin-top:1px}
.dizim-profil-btn.active .dizim-profil-l{color:var(--indigo2)}
.dizim-profil-btn.komp-disabled{opacity:0.35;cursor:not-allowed}
.komp-disabled{opacity:0.35;cursor:not-allowed}
.dizim-profil-aciklama{font-size:13px;color:var(--text3);font-style:italic;line-height:1.6;min-height:18px;transition:opacity 0.2s}

/* Sonuç profil rozeti */
.dizim-sonuc-profil{font-size:13px;color:var(--text3);letter-spacing:0.08em;margin-left:8px;opacity:0.7}

@media(max-width:480px){
  .dizim-profil-row{gap:3px}
  .dizim-profil-h{display:none}
}

/* ── DİZİM HEADER ───────────────────────────── */
.dizim-header-card{padding:16px 18px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.12);margin-bottom:1.2rem}
.dizim-header-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dizim-header-baslik{font-size:13px;letter-spacing:0.2em;text-transform:uppercase;color:var(--indigo2);margin-bottom:6px}
.dizim-header-sub{font-size:15px;color:var(--text3);font-style:italic;line-height:1.7;max-width:380px}
.dizim-ai-header-btn{flex-shrink:0;background:none;border:1px solid rgba(123,143,212,0.22);color:rgba(123,143,212,0.65);font-family:inherit;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:7px 14px;cursor:pointer;transition:border-color 0.2s,color 0.2s;white-space:nowrap}
.dizim-ai-header-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}
.dizim-ai-header-btn:disabled{opacity:0.4;cursor:wait}
.dizim-header-ai-sonuc{margin-top:12px;padding-top:12px;border-top:1px solid rgba(123,143,212,0.1)}

/* ── KOMBİNASYON YORUMU ─────────────────────── */
.dizim-kombin-wrap{display:flex;flex-direction:column;gap:10px}
.dizim-kombin-btn{background:none;border:1px solid rgba(123,143,212,0.18);color:rgba(123,143,212,0.6);font-family:inherit;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:9px 16px;cursor:pointer;transition:border-color 0.2s,color 0.2s;text-align:left}
.dizim-kombin-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}
.dizim-kombin-btn:disabled{opacity:0.4;cursor:wait}
.dizim-kombin-sonuc{padding:12px 14px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.1)}

/* ── SONUÇ AI YORUMU ────────────────────────── */
.dizim-sonuc-ai-wrap{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}
.dizim-sonuc-ai-btn{background:none;border:1px solid rgba(123,143,212,0.2);color:rgba(123,143,212,0.6);font-family:inherit;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;padding:9px 16px;cursor:pointer;transition:border-color 0.2s,color 0.2s;width:100%}
.dizim-sonuc-ai-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}
.dizim-sonuc-ai-btn:disabled{opacity:0.4;cursor:wait}
.dizim-sonuc-ai-sonuc{margin-top:10px;padding:14px 16px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.1)}

/* Ortak AI text stili */
.dizim-ai-text{font-size:15px;color:var(--text2);line-height:1.85;font-style:italic}

@media(max-width:480px){
  .dizim-header-ust{flex-direction:column}
  .dizim-ai-header-btn{width:100%}
}

/* ── SİPARİŞ ────────────────────────────────── */
.dizim-siparis-wrap{margin-top:1.4rem}
.dizim-siparis-ayrac{height:1px;background:linear-gradient(90deg,transparent,rgba(212,165,106,0.2),transparent);margin-bottom:1.2rem}
.dizim-siparis-ana-btn{width:100%;padding:15px;background:rgba(212,165,106,0.06);border:1px solid rgba(212,165,106,0.3);color:var(--gold2);font-family:inherit;font-size:15px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,border-color 0.2s}
.dizim-siparis-ana-btn:hover{background:rgba(212,165,106,0.12);border-color:var(--gold)}

/* Form */
.dizim-siparis-form{margin-top:1rem;padding:18px;border:1px solid rgba(212,165,106,0.15);background:rgba(212,165,106,0.03);animation:fi 0.25s ease}
.dizim-siparis-baslik{font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.dizim-siparis-hint{font-size:13px;color:var(--text3);font-style:italic;margin-bottom:1.2rem;line-height:1.6}
.dizim-form-grup{margin-bottom:12px}
.dizim-form-label{display:block;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3);margin-bottom:5px}
.dizim-form-opsiyonel{opacity:0.5;text-transform:none;letter-spacing:0;font-style:italic}
.dizim-form-input{width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:inherit;font-size:15px;padding:8px 12px;box-sizing:border-box;transition:border-color 0.2s}
.dizim-form-input:focus{outline:none;border-color:var(--gold)}
.dizim-form-textarea{height:70px;resize:vertical}
.dizim-siparis-gonder-btn{width:100%;margin-top:4px;padding:12px;background:none;border:1px solid rgba(212,165,106,0.35);color:var(--gold);font-family:inherit;font-size:13px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:background 0.2s,border-color 0.2s}
.dizim-siparis-gonder-btn:hover{background:rgba(212,165,106,0.1);border-color:var(--gold2)}
.dizim-siparis-mesaj-ok{margin-top:10px;padding:10px 14px;background:rgba(91,196,176,0.08);border:1px solid rgba(91,196,176,0.2);font-size:15px;color:rgba(91,196,176,0.8)}

/* ── SİPARİŞ FORMU (genişletilmiş) ─────────── */
.sip-baslik{font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.sip-hint{font-size:13px;color:var(--text3);font-style:italic;margin-bottom:1.2rem;line-height:1.6}
.sip-section{margin-bottom:1.2rem}
.sip-label{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}

/* Ürün seçici */
.sip-urun-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sip-urun-btn{padding:10px 6px;border:1px solid var(--border);cursor:pointer;text-align:center;background:none;transition:border-color 0.2s,background 0.2s}
.sip-urun-btn:hover{border-color:var(--border2)}
.sip-urun-btn.active{border-color:var(--gold);background:rgba(212,165,106,0.07)}
.sip-urun-ikon{font-size:22px;margin-bottom:4px}
.sip-urun-l{font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text3)}
.sip-urun-h{font-size:13px;color:var(--text3);opacity:0.55;margin-top:2px}
.sip-urun-btn.active .sip-urun-l{color:var(--gold)}

/* Kademe seçici */
.sip-kademe-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sip-kademe-btn{padding:9px 6px;border:1px solid var(--border);cursor:pointer;text-align:center;background:none;transition:border-color 0.2s,background 0.2s}
.sip-kademe-btn:hover{border-color:var(--border2)}
.sip-kademe-btn.active{border-color:var(--gold);background:rgba(212,165,106,0.07)}
.sip-kademe-l{font-size:13px;letter-spacing:0.06em;color:var(--text3);margin-bottom:3px}
.sip-kademe-fiyat{font-size:13px;color:var(--gold);font-weight:300}
.sip-kademe-btn.active .sip-kademe-l{color:var(--gold2)}

/* Piramit seçici */
.sip-piramit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}
.sip-piramit-btn{padding:9px 4px;border:1px solid var(--border);cursor:pointer;text-align:center;background:none;transition:border-color 0.2s,background 0.2s}
.sip-piramit-btn:hover{border-color:var(--border2)}
.sip-piramit-btn.active{border-color:var(--gold);background:rgba(212,165,106,0.07)}
.sip-piramit-b{font-size:15px;color:var(--text2);margin-bottom:2px}
.sip-piramit-tas{font-size:13px;color:var(--text3);margin-bottom:2px}
.sip-piramit-fiyat{font-size:13px;color:var(--gold)}
.sip-piramit-btn.active .sip-piramit-b{color:var(--gold2)}
.sip-piramit-not{font-size:13px;color:rgba(212,165,106,0.6);line-height:1.6;padding:8px 10px;background:rgba(212,165,106,0.04);border:1px solid rgba(212,165,106,0.12);margin-bottom:6px}
.sip-piramit-acik{font-size:13px;color:var(--text3);font-style:italic;line-height:1.6}

/* Fiyat özeti */
.sip-fiyat-ozet{padding:12px 14px;background:rgba(212,165,106,0.06);border:1px solid rgba(212,165,106,0.15);margin-bottom:1rem}
.sip-fiyat-satir{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.sip-fiyat-etiket{font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text3)}
.sip-fiyat-tutar{font-size:22px;color:var(--gold2);letter-spacing:0.04em}
.sip-fiyat-detay{display:block;font-size:13px;color:var(--text3);margin-bottom:4px}
.sip-fiyat-not{font-size:13px;color:var(--text3);opacity:0.6;font-style:italic}

/* Form satır */
.sip-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sip-form-grup{margin-bottom:10px}

/* Onay */
.sip-onay-wrap{margin-bottom:12px;padding:10px 12px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.12)}
.sip-onay-label{display:flex;align-items:flex-start;gap:8px;font-size:15px;color:var(--text3);cursor:pointer;line-height:1.5}
.sip-onay-label input{accent-color:var(--indigo2);margin-top:2px;flex-shrink:0}

@media(max-width:480px){
  .sip-urun-row{grid-template-columns:repeat(3,1fr)}
  .sip-piramit-row{grid-template-columns:repeat(2,1fr)}
  .sip-form-row{grid-template-columns:1fr}
}

/* ── HARITAM — ÜÇ KATMAN ────────────────────── */
.harita-ana-baslik{font-size:13px;letter-spacing:0.22em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}
.harita-meta{font-size:15px;color:var(--text3);margin-bottom:6px}
.harita-katmanlar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1.2rem}
.harita-katman-kart{border:1px solid var(--border);padding:14px 12px;background:rgba(255,255,255,0.01)}
.harita-katman-baslik{display:flex;align-items:center;gap:5px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.harita-katman-ikon{font-size:13px;color:var(--indigo2)}
.harita-katman-ad{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text3)}
.harita-katman-sub{font-size:13px;color:var(--text3);opacity:0.6;margin-left:auto;font-style:italic}
.harita-katman-badge{font-size:13px;color:var(--text3);font-style:italic;line-height:1.5;margin-bottom:8px;min-height:26px}
.harita-katman-dom{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.harita-katman-emoji{font-size:22px}
.harita-katman-el{font-size:17px;font-weight:300;letter-spacing:0.04em}
.harita-katman-bars{}
.harita-katman-bos{opacity:0.45;border-style:dashed}
.harita-katman-bos-text{font-size:13px;color:var(--text3);font-style:italic;line-height:1.6;padding-top:8px}

/* HD tip seçici */
.hd-tip-secici{margin-bottom:1rem;padding:12px 14px;background:rgba(123,143,212,0.04);border:1px solid rgba(123,143,212,0.12)}
.hd-tip-label{font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.hd-tip-row{display:flex;flex-wrap:wrap;gap:5px}
.hd-tip-btn{background:none;border:1px solid var(--border);color:var(--text3);font-family:inherit;font-size:13px;padding:5px 10px;cursor:pointer;transition:border-color 0.2s,color 0.2s;letter-spacing:0.05em}
.hd-tip-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}
.hd-tip-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(212,165,106,0.07)}

@media(max-width:600px){
  .harita-katmanlar{grid-template-columns:1fr}
}

/* ── HARITAM TEK SAYFA LAYOUT ───────────────── */
.hrt-meta{font-size:15px;color:var(--text3);margin-bottom:8px}

.hrt-blok{border:1px solid var(--border);padding:14px 16px;margin-bottom:8px;transition:border-color 0.2s}
.hrt-blok:hover{border-color:var(--border2)}
.hrt-blok-bos{opacity:0.45;border-style:dashed}

.hrt-blok-baslik{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.hrt-blok-ikon{font-size:13px;color:var(--indigo2);flex-shrink:0}
.hrt-blok-ad{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text3)}
.hrt-blok-sub{font-size:13px;color:var(--text3);opacity:0.6;margin-left:4px}
.hrt-blok-dom{font-size:15px;margin-left:auto;flex-shrink:0}
.hrt-blok-bars{}

/* ── MINIMAL HEADER ─────────────────────────── */
.el-hdr{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}
.el-hdr-left{display:flex;align-items:center;gap:10px}
.el-hdr-title{font-family:'Cinzel',serif;font-size:13px;letter-spacing:0.35em;text-transform:uppercase;color:var(--text3)}

/* ── ALT BAR — Harita tasarım dili ─────────── */
.el-bottom-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;gap:6px;
  padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));
  background:rgba(10,8,6,.96);
  border-top:1px solid var(--border2);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
:root.light .el-bottom-bar{background:rgba(244,239,232,.96)}

/* ctrl — haritayla aynı */
.ctrl,.el-bar-btn{
  background:none;border:1px solid var(--border2);
  color:var(--text3);font-size:15px;
  width:30px;height:30px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
  font-family:'Cinzel',serif;
}
.ctrl:hover,.el-bar-btn:hover{border-color:var(--indigo);color:var(--indigo2)}
.el-bar-font{display:flex;gap:0}
.el-bar-font .ctrl{border-right:none}
.el-bar-font .ctrl:last-child{border-right:1px solid var(--border2)}
.el-bar-font-reset{font-size:13px!important;width:26px!important}


/* ── TTS BUTON ──────────────────────────────── */
.tts-btn{background:none;border:none;cursor:pointer;font-size:15px;opacity:0.4;transition:opacity 0.2s;padding:2px 4px}
.tts-btn:hover{opacity:1}
.tts-btn.speaking{opacity:1;animation:pulse 1s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}

/* ── MİKROFON ───────────────────────────────── */
.mic-btn{background:none;border:1px solid var(--border);color:var(--text3);padding:5px 9px;cursor:pointer;font-size:15px;transition:all 0.2s}
.mic-btn:hover{border-color:var(--indigo2);color:var(--indigo2)}
.mic-btn.listening{border-color:var(--rose);color:var(--rose);animation:pulse 1s infinite}

/* ── BG PİCKER ── */
.el-bg-panel{
  display:none;position:fixed;right:8px;left:auto;bottom:auto;
  background:var(--bg3);border:1px solid var(--border3);
  padding:12px 14px;
  width:min(220px, calc(100vw - 16px));
  max-width:calc(100vw - 16px);
  box-sizing:border-box;
  z-index:99999;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.el-bg-panel.open{display:block}
.el-bg-title{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--indigo2);margin-bottom:10px}
.el-bg-mode{font-size:13px;color:var(--text3);margin-bottom:5px}
.el-bg-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.el-bg-swatch{width:26px;height:26px;border:1px solid var(--border);cursor:pointer;padding:0;background:none}
.el-bg-hex{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--text3)}
.el-bg-presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:4px}
.el-bg-preset{width:20px;height:20px;border:1px solid rgba(255,255,255,.12);cursor:pointer;padding:0;transition:transform .15s}
.el-bg-preset:hover{transform:scale(1.2)}
.el-bg-reset{width:100%;margin-top:8px;padding:5px;background:none;border:1px solid var(--border);color:var(--text3);font-family:'Cinzel',serif;font-size:13px;letter-spacing:.15em;cursor:pointer;text-transform:uppercase}
.el-bg-reset:hover{border-color:var(--border3);color:var(--text2)}
:root.light .el-bg-panel{background:var(--bg2);box-shadow:0 8px 24px rgba(0,0,0,.15)}
:root.light .el-bg-preset{border-color:rgba(0,0,0,.12)}

/* ══ BOTTOM NAV — harita stili ══ */
.bottom-nav{
  position:fixed;bottom:0;left:0;right:0;
  z-index:200;
  background:rgba(8,10,16,.99) !important;
  border-top:1px solid rgba(201,169,110,.25) !important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:flex;justify-content:center;align-items:stretch;
  padding-bottom:env(safe-area-inset-bottom);
  box-sizing:border-box;
}
.bottom-nav > *{flex:1}
@media(min-width:920px){
  .bottom-nav{
    left:50%;right:auto;width:660px;
    transform:translateX(-50%);
    border-radius:4px 4px 0 0;
  }
}
:root.light .bottom-nav{background:rgba(244,238,228,.98) !important;border-top-color:rgba(100,80,30,.2) !important}
@media(max-width:600px){
  .bottom-nav{border-left:none;border-right:none;border-radius:0}
}

.nav-item{
  flex:1;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:10px;padding:18px 6px 16px;
  background:none;border:none;cursor:pointer;
  transition:all .25s;position:relative;
  color:rgba(245,240,232,.35);overflow:hidden;
}
.nav-item::before{
  content:'';position:absolute;top:0;left:20%;right:20%;
  height:1px;
  background:rgba(201,169,110,.6);
  transform:scaleX(0);transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
.nav-item.active::before{transform:scaleX(1)}
.nav-item.active{color:rgba(220,185,120,.95)}
.nav-item:hover:not(.active){color:rgba(245,240,232,.55)}

.nav-icon-wrap{
  width:78px;height:39px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.nav-item.active .nav-icon-wrap{transform:translateY(-1px)}
.nav-item:hover:not(.active) .nav-icon-wrap{transform:translateY(-1px)}

.nav-label{
  font-family:'Cinzel',serif;font-size:17px;
  letter-spacing:.16em;text-transform:uppercase;
  transition:color .2s;line-height:1;
}

/* Modulor — sağda, border soldan */
.nav-mod{
  border-left:1px solid rgba(201,169,110,.1);
  background:none;
  color:rgba(245,240,232,.28);
}
.nav-mod:hover{color:rgba(201,169,110,.7)}
.nav-mod.active,.nav-mod:active{
  background:rgba(201,169,110,.06);
  color:rgba(201,169,110,.85);
}
.nav-mod::before{display:none} /* üst çizgi yok */

/* body alt padding */
body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}

/* ── GENEL MOBİL OVERFLOW DÜZELTME ── */
@media(max-width:600px){
  html,body{overflow-x:clip!important}
  .app,
  .gem-door,
  .gem-sub-content,
  .result-box,
  .el-isim-panel,
  .komp-panel,
  .dizim-panel,
  .bio-panel,
  .tas-card,
  .stone-card,
  .isim-katman-card{
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  /* Harf grid taşmasın */
  .isim-harf-sira{flex-wrap:wrap!important}
  .isim-harf{width:24px!important;height:24px!important;font-size:13px!important}
  /* Tablolar taşmasın */
  table{width:100%!important;display:block!important;overflow-x:auto!important}
}
@media(max-width:600px){
  /* Üst çatı nav */
  .kapi-nav-inner{padding:0 .5rem!important}
  .kapi-btn{
    font-size:13px!important;letter-spacing:.1em!important;
    gap:4px!important;padding:9px 4px 8px!important;
  }
  .kapi-btn-icon{font-size:22px!important}

  /* Alt sekme nav */
  .bottom-sub-nav-tabs{padding:2px .5rem 0!important}
  .bsn-tab{
    font-size:13px!important;letter-spacing:.08em!important;
    gap:4px!important;padding:8px 3px 10px!important;
  }
  .bsn-tab svg{width:28px!important;height:14px!important}
  .bsn-tab-mod{flex:0 0 56px!important;font-size:13px!important;padding:8px 3px 10px!important}
  .bsn-tab-mod svg{width:20px!important;height:14px!important}

  /* Alt ana nav */
  .nav-item{gap:5px!important;padding:12px 4px 10px!important}
  .nav-icon-wrap{width:46px!important;height:24px!important}
  .nav-label{font-size:13px!important;letter-spacing:.1em!important}
  .nav-mod{font-size:13px!important}

  /* body padding — iki nav üst üste gelmez diye */
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
}

:root.light .nav-item{color:rgba(40,30,10,.28)}
:root.light .nav-item.active{color:rgba(100,70,10,.85)}
:root.light .nav-item::before{background:rgba(100,70,10,.5)}
:root.light .nav-mod{border-left-color:rgba(80,60,10,.1);color:rgba(40,30,10,.28)}
:root.light .nav-mod:hover{color:rgba(100,70,10,.7)}

/* ── LIGHT MODE EK OVERRIDES ── */
:root.light .door-select-title{color:#0a0804 !important}
:root.light .door-card{background:rgba(255,255,255,.7) !important;border-color:rgba(60,40,10,.15) !important}
:root.light .door-card-title{color:#0a0804 !important;font-size:32px !important}
:root.light .door-card-num{color:#8a7258 !important}
:root.light .door-card-quote{color:#3a2c18 !important}
:root.light .door-card-tags{color:#4a3820 !important}
:root.light .el-gunluk-wow{color:#14100a !important}
:root.light .gem-sub-btn{color:#3a2c18 !important;border-color:rgba(60,40,10,.2) !important}
:root.light .gem-sub-btn.active{color:#0a0804 !important;border-bottom-color:rgba(100,70,20,.6) !important}
:root.light .el-door-intro{color:#0a0804 !important}
:root.light .el-door-sub{color:#3a2c18 !important}
:root.light .nav-tab.active,:root.light .nav-tab{color:#2a1e08 !important}
:root.light .result-box{color:#14100a !important}
:root.light .ct{color:#5c4830 !important}
:root.light .gem-door-header-num{color:rgba(10,8,4,.35) !important}
:root.light .gem-door-header-title{color:#0a0804 !important}
:root.light .gem-door-header-quote{color:#3a2c18 !important}
:root.light .gem-door-header-sub{color:#5c4830 !important}

/* ── PREMIUM BLUR GATE ── */
.pg-overlay{position:fixed;inset:0;z-index:8500;display:none}
.pg-blur-layer{position:absolute;inset:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(8,6,16,.72)}
.pg-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;width:calc(100% - 3rem);border:1px solid rgba(201,168,76,.25);background:rgba(10,8,18,.97);padding:2.25rem 2rem;text-align:center}
.pg-icon{font-size:32px;margin-bottom:1.25rem;display:block}
.pg-label{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:rgba(201,168,76,.4);margin-bottom:.5rem}
.pg-title{font-size:22px;font-weight:300;color:rgba(245,240,232,.9);margin-bottom:.75rem}
.pg-desc{font-size:17px;font-style:italic;color:rgba(245,240,232,.4);line-height:1.75;margin-bottom:1.5rem}
.pg-features{text-align:left;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.5rem}
.pg-feature{display:flex;align-items:center;gap:.625rem;font-size:15px;color:rgba(245,240,232,.55)}
.pg-feature::before{content:'✦';color:rgba(201,168,76,.5);font-size:13px;flex-shrink:0}
.pg-cta{display:block;width:100%;padding:.875rem;background:linear-gradient(135deg,rgba(201,168,76,.15),rgba(201,168,76,.08));border:1px solid rgba(201,168,76,.35);color:rgba(201,168,76,.9);font-family:'Cinzel',serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-bottom:.75rem;text-decoration:none}
.pg-cta:hover{background:linear-gradient(135deg,rgba(201,168,76,.25),rgba(201,168,76,.15))}
.pg-back{background:none;border:none;color:rgba(245,240,232,.25);font-family:'Cinzel',serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;width:100%;padding:.5rem}
:root.light .pg-blur-layer{background:rgba(250,247,242,.75)}
:root.light .pg-card{background:rgba(250,247,242,.98);border-color:rgba(100,70,10,.25)}
:root.light .pg-title{color:#14100a}
:root.light .pg-desc{color:rgba(20,16,10,.45)}
:root.light .pg-feature{color:rgba(20,16,10,.55)}

/* ══ 900px SAYFA KISITLAMASI ═══════════════════════════
   body içeriği zaten .app ile 900px — ama hdr, gem-door,
   sub-content'ler bağımsız taşabiliyordu. Hepsini kapat.
   ═══════════════════════════════════════════════════ */
body { max-width:660px; margin-left:auto; margin-right:auto; }

.hdr,
.kapi-nav { position:sticky!important; top:0!important; z-index:200!important; }
.kapi-nav,
.gem-door,
.gem-sub-content,
.landing-wow-card,
#el-isim-panel,
#el-profil-bridge,
.modulor-bridge { max-width:660px; width:100%; box-sizing:border-box; }

/* ── Harita açıklama kartı + Birleşik Alan seçici ─────────────────── */
.harita-aciklama-kart{margin-top:1rem;padding:16px 18px;border:1px solid var(--border);background:rgba(201,169,110,.04);border-radius:2px}
.ha-baslik{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,169,110,.7);margin-bottom:14px}
.ha-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.ha-madde{display:flex;gap:10px;align-items:flex-start}
.ha-madde .ha-ikon{font-size:22px;color:var(--indigo2);flex-shrink:0;line-height:1.4}
.ha-madde b{display:block;font-size:15px;color:var(--text1);margin-bottom:3px}
.ha-madde span{font-size:15px;line-height:1.6;color:var(--text2)}
.ha-not{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:15px;line-height:1.65;color:var(--text2)}
.ha-not b{color:rgba(201,169,110,.85)}

.brl-kart{margin-top:1.25rem;padding:16px 18px;border:1px solid var(--border);background:rgba(123,140,200,.05);border-radius:2px}
.brl-baslik{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--indigo2);margin-bottom:8px}
.brl-aciklama{font-size:15px;line-height:1.6;color:var(--text2);margin-bottom:14px}
.brl-kutular{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.brl-kutu{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);background:transparent;border-radius:2px;cursor:pointer;color:var(--text2);transition:all .15s;text-align:left;font-family:inherit}
.brl-kutu:hover{border-color:rgba(123,140,200,.5)}
.brl-kutu.aktif{border-color:var(--indigo2);background:rgba(123,140,200,.12);color:var(--text1)}
.brl-check{width:16px;height:16px;border:1px solid var(--indigo2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--indigo2);flex-shrink:0}
.brl-kutu.aktif .brl-check{background:var(--indigo2);color:#fff}
.brl-ikon{font-size:17px}
.brl-ad{font-size:15px;font-weight:500}
.brl-secim-ad{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:10px;text-align:center;font-style:italic}
.brl-dom{margin-top:10px;font-size:15px;color:var(--text2);text-align:center}
.brl-ai-metin{font-size:17px;line-height:1.7;color:var(--text1);font-style:italic}
@media(max-width:600px){
  .ha-grid{grid-template-columns:1fr;gap:12px}
  .brl-kutular{grid-template-columns:1fr 1fr}
  .harita-aciklama-kart,.brl-kart{padding:13px 13px}
}

/* Her haritanın kendi açıklaması (blok içi) */
.hrt-blok-aciklama{margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:15px;line-height:1.6;color:var(--text2);font-style:italic}
.harita-aciklama-not{margin-top:14px;padding:12px 14px;border:1px solid var(--border);border-radius:2px;font-size:15px;line-height:1.6;color:var(--text2)}
.harita-aciklama-not b{color:rgba(201,169,110,.85)}

/* TAŞIM alt sekme başlıkları — daha büyük & belirgin (Dizim öncelikli) */
.tas-alt-tabs{gap:6px;margin-bottom:1.25rem}
.tas-alt-btn{font-size:17px!important;letter-spacing:.1em!important;padding:12px 22px!important;border-bottom-width:3px!important}
.tas-alt-btn.active{font-weight:700!important;color:var(--indigo2)!important}
.tas-alt-btn:not(.active){color:var(--text2)!important}

/* Dizim profil — 4 harita (Öz dahil); mobilde 2×2 */
.dizim-profil-row{flex-wrap:wrap}
.dizim-profil-btn{flex:1 1 0;min-width:0}
@media(max-width:600px){ .dizim-profil-btn{flex:1 1 46%} }

/* #4 HARİTAM üst özet satırı */
.hrt-ozet{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;margin-bottom:12px;border:1px solid var(--border);border-radius:2px;background:rgba(201,169,110,.05)}
.hrt-ozet-cift{display:inline-flex;align-items:center;gap:6px}
.hrt-ozet-l{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
.hrt-ozet strong{font-size:17px}
.hrt-ozet-ayrac{color:var(--text3)}
.hrt-ozet-not{margin-left:auto;font-size:13px;color:var(--text2);font-style:italic}

/* #3 Dizim canlı önizleme */
.dizim-onizleme{margin-top:12px;padding:12px 14px;border:1px dashed var(--border2);border-radius:2px;background:rgba(123,140,200,.04)}
.dizim-onizleme-baslik{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.dizim-onizleme-not{margin-top:8px;font-size:15px;line-height:1.5;color:var(--text2);font-style:italic}

/* #5 Hak rozeti */
.hak-rozet{display:inline-block;font-size:13px;letter-spacing:.04em;color:var(--text3);border:1px solid var(--border);border-radius:999px;padding:2px 9px;white-space:nowrap}
.dizim-ai-header-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
@media(max-width:600px){ .hrt-ozet-not{margin-left:0;flex-basis:100%} }

/* Dizim sonucu — taş listesi başlığı */
.komp-gruplar-baslik{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(201,169,110,.75);margin:1.25rem 0 .6rem}
.komp-gruplar-bos{padding:14px;border:1px dashed var(--border2);color:var(--text3);font-style:italic;font-size:15px;text-align:center;margin-top:1rem}

/* Dizi Öner — harita-temelli otomatik öneri butonu */
.dizim-oner-btn{width:100%;padding:14px;margin-bottom:6px;border:1px solid var(--indigo2);border-radius:2px;background:linear-gradient(135deg,rgba(123,140,200,.18),rgba(201,169,110,.12));color:var(--text1);font-family:'Cinzel',serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .15s}
.dizim-oner-btn:hover{background:linear-gradient(135deg,rgba(123,140,200,.3),rgba(201,169,110,.2));border-color:var(--gold,#c9a96e)}
.dizim-oner-not{font-size:15px;line-height:1.55;color:var(--text2);font-style:italic;margin-bottom:1.25rem;padding:0 2px}
.dizim-oner-not strong{color:rgba(201,169,110,.85);font-style:normal}

/* ═══ CANLI SAHNE — paylaşılan, menülere göre değişen bant ═══ */
.gem-door-header{display:none!important} /* statik başlık → yerini canlı sahne aldı */
.ms-band{max-width:660px;margin:0 auto;padding:14px 18px;border-bottom:1px solid rgba(201,169,110,.14);position:relative}
.ms-stage{height:clamp(180px,33vw,210px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.ms-inner{text-align:center;width:100%}
.ms-title{font-family:'Cinzel',serif;color:var(--gold,#c9a96e);font-size:17px;letter-spacing:.06em;margin-bottom:12px}
.ms-sub{font-size:13px;color:var(--text3,#8a8aa0);font-style:italic;margin-top:12px}
.ms-enter{animation:msIn .45s ease}
@keyframes msIn{from{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* boncuk dizisi */
.ms-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;max-width:320px;margin:0 auto}
.ms-bead{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:inline-block}
.ms-pop{opacity:0;transform:scale(.2);animation:msPop .4s ease forwards}
@keyframes msPop{to{opacity:1;transform:scale(1)}}
/* barlar */
.ms-bars{width:250px;margin:0 auto;text-align:left}
.ms-bar-row{display:flex;align-items:center;gap:8px;margin:6px 0}
.ms-bar-lbl{width:42px;font-size:13px;color:var(--text3,#9a9ab0)}
.ms-bar{height:7px;border-radius:4px;display:block;width:0}
.ms-grow{animation:msGrow .55s ease forwards}
@keyframes msGrow{to{width:var(--w)}}
/* nabız */
.ms-pulse{width:58px;height:58px;border-radius:50%;border:2px solid;margin:0 auto;animation:msPl 1.8s ease-in-out infinite}
@keyframes msPl{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.15);opacity:1}}
/* halka */
.ms-ring{position:relative;width:92px;height:92px;margin:0 auto}
.ms-ring-dot{position:absolute;width:15px;height:15px;border-radius:50%}
.ms-ring-core{position:absolute;left:38px;top:38px;width:15px;height:15px;border-radius:50%;border:1px solid var(--gold,#c9a96e)}
.ms-spin{animation:msSpin 16s linear infinite}
@keyframes msSpin{to{transform:rotate(360deg)}}
/* gem */
.ms-gem{width:60px;height:60px;margin:0 auto;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
/* ufuk */
.ms-horizon{width:200px;margin:0 auto}
.ms-sun{height:18px;width:18px;border-radius:50%;margin:0 auto 7px}
.ms-ground{height:2px}
.ms-rise{animation:msRise 2.4s ease-in-out infinite}
@keyframes msRise{0%,100%{transform:translateY(6px)}50%{transform:translateY(-4px)}}

/* ── Canlı sahne: açıklama dropdown'ları ── */
.ms-acc{max-width:360px;margin:16px auto 2px;text-align:left}
.ms-acc-q{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;margin-top:7px;border:1px solid rgba(201,169,110,.18);border-radius:6px;background:rgba(255,255,255,.02);color:var(--text1,#e8e6f0);font-size:15px;letter-spacing:.03em;cursor:pointer;transition:border-color .15s,background .15s}
.ms-acc-q:hover{border-color:rgba(201,169,110,.4);background:rgba(201,169,110,.05)}
.ms-acc-q .ms-chev{color:var(--gold,#c9a96e);font-size:17px;transition:transform .25s;flex-shrink:0}
.ms-acc-q.open{border-color:rgba(201,169,110,.5);color:var(--gold,#c9a96e)}
.ms-acc-q.open .ms-chev{transform:rotate(90deg)}
.ms-acc-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.ms-acc-a.open{max-height:320px}
.ms-acc-a-inner{padding:9px 13px 3px;font-size:15px;line-height:1.65;color:var(--text2,#b3b3c4)}

/* ── Canlı sahne: pastel geometri tetikleyiciler + tek dropdown ── */
.ms-geo-row{display:flex;gap:22px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.ms-geo{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;color:inherit;transition:transform .18s ease,filter .18s ease;filter:saturate(.65) opacity(.8)}
.ms-geo svg{display:block}
.ms-geo .ms-geo-cap{font-size:13px;letter-spacing:.03em;color:var(--text3,#8a8aa0);max-width:76px;line-height:1.3;text-align:center;transition:color .18s}
.ms-geo.hot,.ms-geo:hover{transform:translateY(-3px);filter:saturate(1.6) brightness(1.18) opacity(1)}
.ms-geo.active{filter:saturate(1.7) brightness(1.25) opacity(1)}
.ms-geo.hot .ms-geo-cap,.ms-geo:hover .ms-geo-cap,.ms-geo.active .ms-geo-cap{color:currentColor}
.ms-geo-backdrop{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
.ms-geo-backdrop.open{opacity:1;pointer-events:auto}
.ms-geo-kapat{position:absolute;top:8px;right:10px;background:none;border:none;cursor:pointer;color:var(--text3,#9098c0);font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;transition:all .15s}
.ms-geo-kapat:hover{color:var(--gold,#c9a96e);background:rgba(201,169,110,.1)}
.ms-geo-panel{
  position:fixed!important;z-index:99999!important;
  left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.96)!important;
  width:calc(100% - 48px)!important;max-width:360px!important;max-height:none!important;overflow:visible!important;
  margin:0!important;
  opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.ms-geo-panel.open{opacity:1!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}
.ms-geo-panel-inner{padding:16px 18px;border:1px solid rgba(201,169,110,.3);border-radius:6px;background:rgba(12,10,22,.97);backdrop-filter:blur(20px);box-shadow:0 12px 36px rgba(0,0,0,.45);text-align:left}
.ms-geo-panel-title{font-family:'Cinzel',serif;color:var(--gold,#c9a96e);font-size:15px;letter-spacing:.06em;margin-bottom:8px}
.ms-geo-panel-text{font-size:17px;line-height:1.7;color:var(--text2,#b3b3c4)}
:root.light .ms-geo-panel-inner{background:rgba(252,248,244,.98);border-color:rgba(120,90,30,.3)}

/* Canlı sahne — mobil: sabit ama ekran genişliğiyle ölçeklenir (dar ekranda oran düzelir) */
@media(max-width:600px){
  .ms-stage{height:clamp(195px,56vw,240px)}
  .ms-geo-row{gap:20px;margin-top:16px}
  .ms-band{padding:12px 14px}
}
@media(max-width:380px){
  .ms-geo-row{gap:16px}
}

/* Canlı sahne — hak kontörü (köşede sadece sayı) + 3·6·9 anlık uyarı */
.ms-hak{position:absolute;top:10px;right:14px;min-width:26px;height:26px;padding:0 8px;box-sizing:border-box;border:1px solid rgba(201,169,110,.4);border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--gold,#c9a96e);background:rgba(14,20,48,.45);letter-spacing:.02em}
.ms-hak-flash{height:18px;margin-top:12px;font-size:15px;letter-spacing:.05em;color:var(--gold,#c9a96e);text-align:center;font-style:italic;opacity:0;transition:opacity .5s ease}
.ms-hak-flash.show{opacity:1}

/* Canlı sahne — fly toast (bant görünür değilken, alt menünün üstünde süzülür) */
.ms-fly{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 82px);transform:translate(-50%,18px);z-index:9000;pointer-events:none;max-width:86vw;padding:10px 18px;border:1px solid rgba(201,169,110,.45);border-radius:3px;background:rgba(14,20,48,.94);color:var(--gold,#c9a96e);font-family:'Cinzel',serif;font-size:15px;letter-spacing:.06em;text-align:center;white-space:nowrap;opacity:0;transition:opacity .45s ease,transform .45s ease}
.ms-fly.show{opacity:1;transform:translate(-50%,0)}


/* oda-renkleri (tokens.css yerine gömüldü) */
[data-oda="elements"]{--bg:#131b26;--text:#e2ecf6;--text2:#b4c8dc;--text3:#9ab0cc;--text4:#7090ac;--gold:#c9a96e;--vurgu:#7fa088}
.light[data-oda="elements"],html.light [data-oda="elements"]{--bg:#faf7f2;--text:#0a0804;--text2:#1a1208;--text3:#4a3820;--text4:#7a6040;--gold:#6a4400}