/* =====================================================================
   Cide — Ön Yüz (mobil-öncelikli) — tasarim1.png'e birebir
   ===================================================================== */
:root{
  --red:#e8252d; --red-2:#ff4b52; --blue:#1f6fd6; --blue-hero1:#2f73c9; --blue-hero2:#3f8de0;
  --green:#25d366; --green-2:#1fa463; --gold:#f5a623; --orange:#ff7a00;
  --navy:#16233f; --navy-2:#1b2a4a; --ink:#1b2440; --muted:#7a8190; --muted-2:#a2a8b4;
  --bg:#f3f4f7; --card:#fff; --line:#eceef2; --line-2:#f1f2f5;
  --surface-2:#f4f5f8; --body-bg:#e6e8ee; --navy-surface:#16233f; --topbar-bg:#fff;
  --shadow-sm:0 2px 8px rgba(20,35,63,.06); --shadow:0 6px 20px rgba(20,35,63,.10);
  --shadow-nav:0 -4px 24px rgba(20,35,63,.10);
  --r:16px; --r-sm:12px; --r-lg:22px;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --app-w:500px;
}
:root[data-theme="dark"]{
  --card:#161d2e; --bg:#0e1422; --body-bg:#070b14; --surface-2:#1f2740; --topbar-bg:#121a2b;
  --line:#28324c; --line-2:#1d2640;
  --ink:#e9edf5; --navy:#f1f5fb; --navy-2:#dfe6f2; --muted:#9aa3b8; --muted-2:#717c94;
  --navy-surface:#0b1220;
  --shadow-sm:0 2px 8px rgba(0,0,0,.35); --shadow:0 8px 26px rgba(0,0,0,.5); --shadow-nav:0 -4px 24px rgba(0,0,0,.45);
}
:root[data-theme="dark"] .app{box-shadow:0 0 60px rgba(0,0,0,.55)}
:root[data-theme="dark"] body{background:var(--body-bg)}
:root[data-theme="dark"] .icon-btn .dot{border-color:var(--card)}
:root[data-theme="dark"] .search{background:var(--surface-2)}
:root[data-theme="dark"] .market-badge,:root[data-theme="dark"] .feat .fc{background:rgba(37,211,102,.16)}
:root[data-theme="dark"] .corp-badge{background:rgba(31,111,214,.24);color:#8fbcf2}
:root[data-theme="dark"] .icon-btn .dot{border-color:var(--topbar-bg)}
:root[data-theme="dark"] .d-code:active{background:rgba(31,111,214,.22)}
.theme-toggle .th-sun{display:none}.theme-toggle .th-moon{display:inline-flex}
:root[data-theme="dark"] .theme-toggle .th-sun{display:inline-flex}:root[data-theme="dark"] .theme-toggle .th-moon{display:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{font-family:var(--sans);background:var(--body-bg);color:var(--ink);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
h1,h2,h3{margin:0}

.app{max-width:var(--app-w);margin:0 auto;background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden;
  box-shadow:0 0 60px rgba(20,35,63,.12)}
.app-main{padding:0 14px calc(94px + env(safe-area-inset-bottom,0)) 14px}
.section{margin-top:20px}

.topbar{position:sticky;top:0;z-index:30;background:var(--card);display:flex;align-items:center;gap:12px;
  padding:12px 16px 11px;border-bottom:1px solid var(--line)}
.imp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#b54708,#dc6803);color:#fff;font-size:12.5px;font-weight:600;padding:9px 14px;position:sticky;top:0;z-index:60}
.imp-bar b{font-weight:800}
.imp-bar span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.imp-bar svg{width:15px;height:15px;flex:0 0 auto}
.imp-bar button{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:6px 11px;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.brand{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--navy);line-height:1}
.brand span{color:var(--red)}
.brand small{display:block;font-size:8.5px;letter-spacing:2.5px;color:var(--muted-2);font-weight:700;margin-top:2px}
.brand-logo{height:34px;width:auto;max-width:160px;object-fit:contain;display:block}
.topbar .sp{flex:1}
.tb-acts{display:flex;align-items:center;gap:6px}
.icon-btn{position:relative;width:40px;height:40px;border-radius:12px;background:var(--surface-2);border:0;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.icon-btn svg{width:21px;height:21px}
.icon-btn .dot{position:absolute;top:5px;right:5px;min-width:17px;height:17px;background:var(--red);color:#fff;border-radius:9px;
  font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}

.hero{margin:14px 14px 0;border-radius:var(--r-lg);padding:22px 20px;position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 80% 10%,rgba(255,255,255,.18),transparent 60%);}
.hero h1{position:relative;font-size:21px;font-weight:800;line-height:1.25;max-width:80%;text-shadow:0 1px 6px rgba(0,40,90,.25)}
.search{position:relative;margin-top:18px;display:flex;align-items:center;background:var(--card);border-radius:30px;padding:6px 6px 6px 16px;box-shadow:0 8px 22px rgba(0,30,80,.18)}
.search svg.s-ic{width:18px;height:18px;color:var(--muted-2);flex:0 0 18px}
.search input{border:0;outline:0;flex:1;font-size:14.5px;padding:9px 10px;background:transparent;color:var(--ink)}
.search .s-btn{width:42px;height:42px;border-radius:50%;background:var(--red);border:0;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.search .s-btn svg{width:19px;height:19px;color:#fff}

.weather{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#2f73c9,#52a0ef);color:#fff;border-radius:14px;padding:11px 14px;margin-top:14px;box-shadow:var(--shadow-sm)}
.weather .wemoji{font-size:30px;line-height:1}
.weather .wnow .wtemp{font-size:23px;font-weight:800;line-height:1}
.weather .wnow .wtext{font-size:12px;opacity:.95;margin-top:2px}
.weather .wnow .wloc{font-size:10.5px;opacity:.85;display:flex;align-items:center;gap:3px;margin-top:1px}
.weather .wnow .wloc svg{width:10px;height:10px}
.weather .wfc{margin-left:auto;display:flex;gap:11px}
.weather .wfc .wd{text-align:center;font-size:10px;opacity:.92}
.weather .wfc .wd .we{font-size:17px;display:block;line-height:1.3}
.weather .wfc .wd b{display:block;font-size:12.5px;font-weight:700}
@media(max-width:360px){.weather .wfc .wd:last-child{display:none}}

.chips{display:flex;gap:9px;margin:14px 0 0;overflow-x:auto;padding:2px 0 2px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 13px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}
.chip .ci{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 30px}
.chip .ci svg{width:15px;height:15px}
.chip .cl{line-height:1.1}
.chip .cl small{display:block;font-size:10px;color:var(--muted-2);font-weight:600}
.chip .cl b{font-size:13px;color:var(--ink);font-weight:700}

.stats{margin-top:14px;background:var(--navy-surface);border-radius:var(--r);display:grid;grid-template-columns:repeat(4,1fr);
  padding:15px 8px;color:#fff}
.stats .st{text-align:center;position:relative;padding:0 4px}
.stats .st + .st:before{content:"";position:absolute;left:0;top:14%;height:72%;width:1px;background:rgba(255,255,255,.12)}
.stats .st .si{width:26px;height:26px;margin:0 auto 5px;display:flex;align-items:center;justify-content:center}
.stats .st .si svg{width:20px;height:20px}
.stats .st .sn{font-size:16px;font-weight:800;line-height:1}
.stats .st .sl{font-size:10px;color:#9aa6bd;margin-top:3px;font-weight:500}

.sec-head{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.sec-head h2{font-size:17px;font-weight:800;color:var(--navy)}
.sec-head .premium{background:linear-gradient(135deg,#f5b740,#f59a23);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.3px}
.sec-head .more{margin-left:auto;color:var(--red);font-size:13px;font-weight:700;display:flex;align-items:center;gap:2px}
.sec-head .more svg{width:14px;height:14px}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 8px}
.cat{display:flex;flex-direction:column;align-items:center;gap:7px}
.cat .ci{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.cat .ci svg{width:26px;height:26px;color:#fff}
.cat .cn{font-size:11.5px;font-weight:600;color:var(--ink);text-align:center;line-height:1.15}

.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lcard{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}
.lcard .ph{position:relative;aspect-ratio:1.25/1;background:var(--surface-2);overflow:hidden}
.lcard .ph img{width:100%;height:100%;object-fit:cover}
.lcard .tag{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:7px;z-index:2}
.lcard .tag.acil{background:var(--orange);left:auto}
.lcard .fav{position:absolute;top:7px;right:7px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:2;border:0}
.lcard .fav svg{width:15px;height:15px;color:#8a93a3}
.lcard .fav.on svg{color:var(--red);fill:var(--red)}
.lcard .count{position:absolute;bottom:7px;right:7px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;display:flex;align-items:center;gap:3px}
.lcard .count svg{width:11px;height:11px}
.lcard .bd{padding:9px 11px 11px}
.lcard .bd .tt{font-size:13px;font-weight:700;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.lcard .bd .loc{font-size:11px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:3px}
.lcard .bd .loc svg{width:11px;height:11px;flex:0 0 11px}
.lcard .bd .pr{color:var(--red);font-weight:800;font-size:15px;margin-top:6px}
.lcard .bd .ft{display:flex;align-items:center;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line-2);font-size:11px;color:var(--muted)}
.lcard .bd .ft .rt{margin-left:auto;display:flex;align-items:center;gap:2px;color:var(--ink);font-weight:700}
.lcard .bd .ft .rt svg{width:12px;height:12px;color:var(--gold);fill:var(--gold)}

.promo{margin-top:18px;border-radius:var(--r);padding:18px 18px;display:flex;align-items:center;gap:12px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(120deg,#f5a623,#ff8a00)}
.promo .pt{flex:1;position:relative;z-index:1}
.promo .pt b{font-size:15px;font-weight:800;display:block;line-height:1.2}
.promo .pt span{font-size:11.5px;opacity:.92;display:block;margin-top:4px}
.promo .pt .promo-btn{display:inline-flex;align-items:center;gap:5px;margin-top:11px;background:var(--card);color:#d97a00;font-weight:700;font-size:12px;padding:8px 14px;border-radius:20px}
.promo .pt .promo-btn svg{width:13px;height:13px}
.promo .pic{width:74px;height:74px;flex:0 0 74px;background:rgba(255,255,255,.18);border-radius:16px;display:flex;align-items:center;justify-content:center}
.promo .pic svg{width:42px;height:42px;color:#fff}

.rcard{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow-sm);display:flex;gap:12px;padding:10px;align-items:center}
.rcard .ph{width:92px;height:74px;border-radius:12px;overflow:hidden;flex:0 0 92px;position:relative;background:var(--surface-2)}
.rcard .ph img{width:100%;height:100%;object-fit:cover}
.rcard .ph .tag{position:absolute;top:5px;left:5px;background:var(--green-2);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:6px}
.rcard .bd{flex:1;min-width:0}
.rcard .bd .tt{font-size:13.5px;font-weight:700;color:var(--ink)}
.rcard .bd .mt{font-size:11.5px;color:var(--muted);margin-top:3px}
.rcard .bd .pr{color:var(--red);font-weight:800;font-size:15px;margin-top:5px}
.rcard .fav{width:30px;height:30px;border-radius:50%;background:var(--surface-2);border:0;display:flex;align-items:center;justify-content:center;flex:0 0 30px}
.rcard .fav svg{width:15px;height:15px;color:#8a93a3}

.bottomnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);z-index:40;
  background:var(--card);box-shadow:var(--shadow-nav);border-radius:22px 22px 0 0;display:flex;align-items:flex-end;justify-content:space-around;
  padding:9px 6px calc(9px + env(safe-area-inset-bottom,0));min-height:66px}
.bn{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted-2);font-size:10.5px;font-weight:600;transition:color .2s ease}
.bn svg{width:24px;height:24px}
.bn.active{color:#3b8ef0;font-weight:700}
.bn.center{margin-top:-26px}
.bn.center .fab{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.bn.center .fab svg{width:26px;height:26px;color:#fff}
.bn.center span{color:#3b8ef0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;font-weight:700;font-size:14px;padding:12px 16px;background:var(--surface-2);color:var(--ink)}
.btn-red{background:var(--red);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-block{display:flex;width:100%}
.btn-sm{padding:8px 12px;font-size:12.5px}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.3)}
.cmodal-ov{position:fixed;inset:0;background:rgba(6,10,20,.62);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;padding:20px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.cmodal-ov.show{opacity:1}
.cmodal{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px 20px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.5);transform:scale(.92) translateY(8px);transition:transform .2s cubic-bezier(.2,.8,.3,1)}
.cmodal-ov.show .cmodal{transform:scale(1) translateY(0)}
.cmodal-ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.cmodal-ic svg{width:28px;height:28px}
.cmodal-ic.danger{background:rgba(232,37,45,.15);color:var(--red)}
.cmodal-ic.info{background:rgba(31,111,214,.15);color:var(--blue)}
.cmodal-title{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 7px}
.cmodal-text{font-size:14px;color:var(--muted);margin:0 0 20px;line-height:1.5}
.cmodal-actions{display:flex;gap:10px;justify-content:center}
.cmodal-actions .btn{flex:1;max-width:150px;justify-content:center}
.spop{position:fixed;inset:0;z-index:10002;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(6,10,20,.62);opacity:0;transition:opacity .2s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.spop[hidden]{display:none}
.spop.show{opacity:1}
.spop-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden;transform:scale(.92) translateY(10px);transition:transform .22s cubic-bezier(.2,.8,.3,1)}
.spop.show .spop-card{transform:scale(1) translateY(0)}
.spop-head{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}
.spop-title{flex:1;font-size:19px;font-weight:800;color:var(--ink);margin:0;line-height:1.25}
.spop-x{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:0;background:var(--surface-2,#eef0f4);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.spop-x:hover{filter:brightness(.96)}
.spop-body{padding:16px 18px 2px;font-size:14.5px;line-height:1.55;color:var(--muted)}
.spop-actions{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}
.spop-btn{display:flex;align-items:center;justify-content:center;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:0;width:100%}
.spop-b1{background:var(--red);color:#fff}
.spop-b1:hover{filter:brightness(1.06)}
.spop-b2{background:var(--ink);color:var(--card)}
.spop-b2:hover{filter:brightness(1.08)}
.spop-img{display:block;line-height:0}
.spop-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.ffield label svg{width:15px;height:15px;vertical-align:-3px;margin-right:5px;opacity:.85}
.pw-wrap{position:relative}
.pw-wrap .finput{padding-right:46px}
.pw-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--muted);cursor:pointer;padding:0}
.pw-eye svg{width:18px;height:18px}
.pw-eye svg:last-child{display:none}
.pw-eye.on svg:first-child{display:none}
.pw-eye.on svg:last-child{display:block}
.pw-eye.on{color:var(--blue)}
.pw-meter{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin-top:9px}
.pw-meter i{display:block;height:100%;width:0;border-radius:3px;transition:width .25s,background .25s}
.pw-meter.s1 i{width:22%;background:#e23744}
.pw-meter.s2 i{width:45%;background:#ff7a00}
.pw-meter.s3 i{width:65%;background:#f5c518}
.pw-meter.s4 i{width:85%;background:#34d77b}
.pw-meter.s5 i{width:100%;background:#1fa463}
.pw-reqs{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px 14px}
.pw-req{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;transition:color .15s}
.pw-req::before{content:"○";margin-right:5px;font-size:11px}
.pw-req.ok{color:var(--green)}
.pw-req.ok::before{content:"✓"}
.pw-match{font-size:12px;margin-top:8px;font-weight:600}
.pw-match.ok{color:var(--green)}
.pw-match.ok::before{content:"✓ "}
.pw-match.no{color:var(--red)}
.pw-match.no::before{content:"✗ "}
.btn svg{width:18px;height:18px}
.tick{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;vertical-align:middle}
.tick svg{width:10px;height:10px;color:#fff}
.empty-fr{text-align:center;color:var(--muted);padding:40px 16px}
.empty-fr svg{width:40px;height:40px;opacity:.3;margin-bottom:8px}

.detail{padding-bottom:90px}
.dgallery{position:relative;background:var(--surface-2)}
.dgallery .main{position:relative;aspect-ratio:1.1/1;overflow:hidden}
.dgallery .main img{width:100%;height:100%;object-fit:cover}
.dg-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dg-track::-webkit-scrollbar{display:none}
.dg-slide{flex:0 0 100%;height:100%;scroll-snap-align:center}
.dg-slide img{cursor:zoom-in;display:block}
.dg-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:14px;z-index:5;
  background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}
.dg-top .rt{margin-left:auto;display:flex;gap:8px}
.dg-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);border:0;display:flex;align-items:center;justify-content:center;color:var(--navy)}
.dg-btn svg{width:20px;height:20px}
.dg-btn.on svg{color:var(--red);fill:var(--red)}
.dg-count{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;padding:4px 11px;border-radius:20px;z-index:4}
.dg-thumbs{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;background:var(--card);scrollbar-width:none}
.dg-thumbs::-webkit-scrollbar{display:none}
.dg-thumbs .th{width:62px;height:50px;border-radius:9px;overflow:hidden;flex:0 0 62px;border:2px solid transparent;position:relative}
.dg-thumbs .th.active{border-color:var(--red)}
.dg-thumbs .th img{width:100%;height:100%;object-fit:cover}
.dg-thumbs .th.more{background:var(--navy-surface);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;gap:1px}
.dg-thumbs .th.more b{font-size:14px}

.dbody{padding:16px 16px 0}
.d-tags{display:flex;gap:8px;margin-bottom:10px}
.d-tag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:7px;color:#fff}
.d-tag.vitrin{background:var(--red)}.d-tag.acil{background:var(--orange)}
.d-title{font-size:20px;font-weight:800;color:var(--navy);line-height:1.25;display:flex;align-items:flex-start;gap:7px}
.d-title .vtick{flex:0 0 20px;width:20px;height:20px;margin-top:3px}
.d-loc{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px;margin-top:6px}
.d-loc svg{width:14px;height:14px}
.d-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}
.d-price{font-size:26px;font-weight:800;color:var(--red);line-height:1}
.market-badge{background:#e3f5ec;color:var(--green-2);font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}
.market-badge svg{width:13px;height:13px}
.d-code{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:var(--surface-2);color:var(--ink);font-size:12.5px;padding:7px 12px;border-radius:9px;cursor:pointer;border:1px dashed var(--line);font-weight:600;user-select:none}
.d-code b{color:var(--navy);letter-spacing:.6px}
.d-code svg{width:13px;height:13px;color:var(--blue)}
.d-code:active{background:#e6effb;border-color:var(--blue)}
.copy-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy-surface);color:#fff;font-size:13px;font-weight:600;padding:11px 20px;border-radius:24px;z-index:9999;opacity:0;transition:.25s;pointer-events:none;box-shadow:0 10px 28px rgba(0,0,0,.28);max-width:90%;text-align:center}
.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.lb{position:fixed;inset:0;background:rgba(12,16,28,.95);z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.lb.open{display:flex;opacity:1}
.lb-stage{max-width:96vw;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:zoom-out}
.lb-img{max-width:96vw;max-height:84vh;object-fit:contain;border-radius:8px;box-shadow:0 14px 60px rgba(0,0,0,.55);background:#0c101c}
.lb-cap{color:#e6e9ef;font-size:13px;text-align:center;max-width:90vw;line-height:1.4}
.lb-x{position:absolute;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .15s}
.lb-x:hover{background:rgba(255,255,255,.24)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}
.lb-nav:hover{background:rgba(255,255,255,.24)}
.lb-prev{left:14px}.lb-next{right:14px}
.lb-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;font-weight:600;background:rgba(0,0,0,.45);padding:5px 13px;border-radius:20px}
@media(max-width:560px){.lb-nav{width:42px;height:42px;font-size:25px}.lb-prev{left:6px}.lb-next{right:6px}.lb-x{top:8px;right:8px}}
.gallery-grid a.lb-item{cursor:zoom-in}
.dg-thumbs .th{cursor:pointer}

.spec-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 8px;margin-top:14px}
.spec{text-align:center;position:relative}
.spec + .spec:before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:var(--line)}
.spec .sv{font-size:15px;font-weight:800;color:var(--navy);line-height:1.1}
.spec .sl{font-size:10px;color:var(--muted);margin-top:4px}
@media(max-width:380px){.spec-grid{grid-template-columns:repeat(3,1fr);gap:12px 6px}.spec:nth-child(3n+1):before{display:none}}

.seller{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:14px}
.seller .logo{width:46px;height:46px;border-radius:11px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 46px;overflow:hidden}
.seller .logo img{width:100%;height:100%;object-fit:cover}
.seller .info{flex:1;min-width:0}
.seller .info .nm{font-weight:700;color:var(--navy);font-size:14.5px;display:flex;align-items:center;gap:6px}
.seller .info .meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin-top:3px;font-size:11.5px;color:var(--muted)}
.seller .info .meta .rt{color:var(--ink);font-weight:700;display:flex;align-items:center;gap:2px}
.seller .info .meta .rt svg{width:12px;height:12px;color:var(--gold);fill:var(--gold)}
.seller .follow{background:#fde8e9;color:var(--red);border:0;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:10px;flex:0 0 auto}
.corp-badge{background:#e6f0fb;color:#175192;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap}

.d-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.d-actions .btn{padding:13px 6px;font-size:13px;border-radius:10px;white-space:nowrap}
.d-share-row{display:flex;justify-content:center;margin:20px 0 4px}
.d-share-bottom{width:100%;max-width:340px}
.d-share{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;line-height:0;transition:transform .1s,filter .15s}
.d-share img{width:100%;height:auto;display:block}
.d-share:hover{filter:brightness(1.04)}
.d-share:active{transform:translateY(1px)}

.tabs{display:flex;gap:4px;margin-top:18px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto;padding:11px 14px;font-size:13.5px;font-weight:700;color:var(--muted);border-bottom:2.5px solid transparent;background:none;border-top:0;border-left:0;border-right:0}
.tab.active{color:var(--red);border-bottom-color:var(--red)}
.tab-panel{display:none;padding:16px 0}
.tab-panel.active{display:block}
.tab-panel p{color:var(--ink);line-height:1.65;font-size:14px}

.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.feat .fc{width:20px;height:20px;border-radius:50%;background:#e3f5ec;color:var(--green-2);display:flex;align-items:center;justify-content:center;flex:0 0 20px}
.feat .fc svg{width:12px;height:12px}

.dmap{border-radius:14px;overflow:hidden;border:1px solid var(--line);height:170px;position:relative;background:var(--surface-2)}
.dmap-el{position:absolute;inset:0}
.dmap-go{position:absolute;bottom:10px;right:10px;background:var(--card);color:var(--navy);font-size:12px;font-weight:700;padding:7px 12px;border-radius:20px;box-shadow:var(--shadow-sm);z-index:500;display:flex;align-items:center;gap:5px}
.dmap-go svg{width:13px;height:13px}
.lmap{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.lmap iframe{width:100%;height:230px;border:0;display:block}
.lmap-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.lmap-btns .btn{padding:12px 8px;font-size:13.5px}
.le-cur{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:8px}
.le-cur-i{position:relative;cursor:pointer;display:block}
.le-cur-i img{width:100%;height:80px;object-fit:cover;border-radius:10px;border:2px solid var(--line);display:block}
.le-cur-i input{position:absolute;opacity:0;pointer-events:none}
.le-cur-x{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--muted);display:flex;align-items:center;justify-content:center}
.le-cur-i input:checked~img{opacity:.4;border-color:var(--red)}
.le-cur-i input:checked~.le-cur-x{background:var(--red);color:#fff}

.contact-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);z-index:40;background:var(--card);box-shadow:var(--shadow-nav);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));display:flex;align-items:center;gap:10px}
.contact-bar .cp{flex:0 0 auto}
.contact-bar .cp .l{font-size:10px;color:var(--muted)}
.contact-bar .cp .v{font-size:17px;font-weight:800;color:var(--red);line-height:1}
.contact-bar .cb{flex:1;display:flex;gap:8px}
.contact-bar .cb .btn{flex:1;padding:12px 6px}

.drawer-backdrop{position:fixed;inset:0;background:rgba(15,26,48,.5);z-index:60;opacity:0;visibility:hidden;transition:.25s}
body.drawer-open .drawer-backdrop{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;bottom:0;width:84%;max-width:330px;background:var(--card);z-index:61;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;overflow-y:auto}
body.drawer-open .drawer{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}
.drawer-head .brand{font-size:20px}.drawer-head .icon-btn{margin-left:auto}
.drawer-user{display:flex;align-items:center;gap:11px;padding:15px 16px;background:var(--bg)}
.drawer-user .av{width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.drawer-user b{display:block;color:var(--navy);font-size:14.5px}.drawer-user small{color:var(--muted)}
.drawer-auth{display:flex;gap:8px;padding:15px 16px}.drawer-auth .btn{flex:1}
.drawer-nav{padding:6px 0}
.drawer-nav a{display:flex;align-items:center;gap:13px;padding:13px 18px;color:var(--ink);font-weight:600;font-size:14.5px}
.drawer-nav a>svg:first-child{color:var(--muted);width:19px;height:19px}
.drawer-nav a>svg:last-child{margin-left:auto;color:var(--muted-2)}
.drawer-nav a:active{background:var(--bg)}
.drawer-nav a.logout{color:var(--red)}.drawer-nav a.logout>svg:first-child{color:var(--red)}

/* Toast bildirim — sabit üst, tema-uyumlu, otomatik kapanır (SweetAlert tarzı) */
.flash-fr{position:fixed;top:calc(12px + env(safe-area-inset-top,0));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:calc(var(--app-w) - 24px);z-index:9999;display:flex;flex-direction:column;gap:9px;pointer-events:none}
.fmsg{pointer-events:auto;display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.22);border:1px solid var(--line);border-left:4px solid #1fa463;font-size:13.5px;font-weight:600;animation:toastIn .32s cubic-bezier(.2,.85,.3,1)}
.fmsg.err{border-left-color:#e0555f}.fmsg.ok{border-left-color:#1fa463}.fmsg.info{border-left-color:#2e7cd6}
.fmsg-ic{flex:0 0 auto;display:flex}
.fmsg.err .fmsg-ic{color:#e0555f}.fmsg.ok .fmsg-ic{color:#1fa463}.fmsg.info .fmsg-ic{color:#2e7cd6}
.fmsg-tx{flex:1;min-width:0;line-height:1.4}
.fmsg-x{flex:0 0 auto;background:none;border:0;color:var(--muted-2);font-size:21px;line-height:1;cursor:pointer;padding:0 2px}
.fmsg.hide{animation:toastOut .3s forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes toastOut{to{opacity:0;transform:translateY(-18px)}}
.auth-wrap{padding:28px 20px}
.auth-logo{text-align:center;font-size:30px;font-weight:800;color:var(--navy)}
.auth-logo span{color:var(--red)}
.auth-sub{text-align:center;color:var(--muted);font-size:13px;margin:2px 0 22px}
.fcard{background:var(--card);border-radius:18px;box-shadow:var(--shadow-sm);padding:20px 18px}
.ffield{margin-bottom:14px}
.ffield label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.ffield label .req{color:var(--red)}
.finput,select.finput,textarea.finput{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;font-family:inherit;background:var(--card);color:var(--ink)}
.finput:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,111,214,.12)}
textarea.finput{min-height:110px;resize:vertical}
/* Tarayıcı otomatik-doldurma (autofill) — açık arka planı input rengine uydur (dark tema uyumu) */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,
textarea:-webkit-autofill,select:-webkit-autofill{
  -webkit-text-fill-color:var(--ink)!important;
  -webkit-box-shadow:0 0 0 1000px var(--card) inset!important;
  box-shadow:0 0 0 1000px var(--card) inset!important;
  caret-color:var(--ink);
  transition:background-color 9999s ease-in-out 0s;
}
.ffield.err .finput{border-color:var(--red)}
.ferr{color:var(--red);font-size:12px;margin-top:5px}
.fhint{color:var(--muted);font-size:12px;margin-top:5px}
.auth-alt{text-align:center;margin-top:16px;font-size:13.5px;color:var(--muted)}
.auth-alt a{color:var(--blue);font-weight:700}
.fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px;font-weight:600;font-size:14.5px;color:var(--ink);box-shadow:var(--shadow-sm)}
.btn-google:hover{background:var(--surface-2);text-decoration:none}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 2px;color:var(--muted-2);font-size:12px}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.kvkk{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--muted);margin:4px 0 14px;line-height:1.4}
.kvkk input{width:17px;height:17px;margin-top:1px;accent-color:var(--red);flex:0 0 17px}
.kvkk a{color:var(--blue);font-weight:600}

.pagebar{position:sticky;top:0;z-index:30;background:var(--card);display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pagebar h1{font-size:17px;font-weight:800;color:var(--navy);margin:0}
.pagebar .back{width:38px;height:38px;border-radius:11px;background:var(--surface-2);border:0;display:flex;align-items:center;justify-content:center;color:var(--navy);flex:0 0 38px}
.pagebar .back svg{width:20px;height:20px}
.pagebar .pr-act{margin-left:auto}

.list-filters{display:flex;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none}
.list-filters::-webkit-scrollbar{display:none}
.fpill{flex:0 0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;white-space:nowrap}
.fpill.active{background:var(--red);color:#fff;border-color:var(--red)}
.fpill svg{width:14px;height:14px}
.result-count{font-size:13px;color:var(--muted);padding:2px 0 12px}
.search-inline{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 13px;margin-top:10px}
.search-inline svg{width:17px;height:17px;color:var(--muted-2)}
.search-inline input{flex:1;border:0;outline:0;padding:10px;font-size:14px;background:transparent;color:var(--ink)}
.search-inline button{width:40px;height:40px;border-radius:9px;background:var(--red);border:0;color:#fff;display:flex;align-items:center;justify-content:center}

.profile-head{background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2));padding:26px 18px 34px;color:#fff;text-align:center}
.profile-head .pav{width:78px;height:78px;border-radius:50%;background:var(--card);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;margin:0 auto 10px}
.profile-head .pn{font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}
.profile-head .pm{font-size:12.5px;opacity:.92;margin-top:3px}
.pstat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px;margin-top:-22px;position:relative;z-index:2}
.pstat .ps{background:var(--card);border-radius:12px;padding:13px 8px;text-align:center;box-shadow:var(--shadow-sm)}
.pstat .ps b{display:block;font-size:18px;color:var(--navy)}.pstat .ps span{font-size:11px;color:var(--muted)}
.pav-wrap{position:relative;display:inline-block;margin-bottom:10px}
.pav-wrap .pav{margin:0}
.profile-head .pav{overflow:hidden;position:relative}
.profile-head .pav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.pav-cam{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.pav-cam svg{width:13px;height:13px}
.pav-cam:hover{background:#c81720;text-decoration:none}
.phead-actions{display:flex;gap:8px;justify-content:center;margin-top:14px}
.phbtn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.17);color:#fff;padding:8px 15px;border-radius:9px;font-size:13px;font-weight:600;transition:background .15s}
.phbtn:hover{background:rgba(255,255,255,.28);text-decoration:none}
.phbtn svg{width:15px;height:15px}
.phbtn.danger:hover{background:rgba(225,27,34,.92)}
.avatar-upload{display:flex;align-items:center;gap:14px}
.au-prev{width:66px;height:66px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;overflow:hidden;flex:0 0 66px;position:relative}
.au-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar-upload .btn{cursor:pointer}
.profile-menu{padding:16px 14px}
.pmi{display:flex;align-items:center;gap:13px;padding:15px 14px;background:var(--card);border-radius:12px;margin-bottom:9px;color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}
.pmi>svg:first-child{color:var(--muted);width:20px;height:20px}
.pmi>svg:last-child{margin-left:auto;color:var(--muted-2)}
.pmi.danger{color:var(--red)}.pmi.danger>svg:first-child{color:var(--red)}
.pmi .bdg{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}

.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.clist{display:flex;flex-direction:column;gap:11px}
.ccard{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}
.ccard .cph{aspect-ratio:1.7/1;background:var(--surface-2);position:relative;overflow:hidden}
.ccard .cph img{width:100%;height:100%;object-fit:cover}
.ccard .cph .ccat{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:3px 9px;border-radius:7px}
.ccard .cbd{padding:11px 13px 13px}
.ccard .cbd .ctt{font-size:14px;font-weight:700;color:var(--navy);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccard .cbd .cex{font-size:12px;color:var(--muted);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ccard .cbd .cmt{font-size:11px;color:var(--muted-2);margin-top:8px;display:flex;align-items:center;gap:5px}
.ccard .cbd .cmt svg{width:12px;height:12px}
.ccard.h{flex-direction:row}
.ccard.h .cph{width:118px;flex:0 0 118px;aspect-ratio:auto}
.ccard.h .cbd{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}

.article .acover{position:relative;aspect-ratio:1.7/1;background:var(--surface-2);overflow:hidden}
.article .acover img{width:100%;height:100%;object-fit:cover}
.acover.has-video{cursor:pointer}
.acover.has-video img{filter:brightness(.82)}
.acover-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border:0;border-radius:50%;background:rgba(232,37,45,.94);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .14s}
.acover-play:hover{transform:scale(1.06)}
.acover-play svg{width:28px;height:28px;color:#fff;fill:#fff;margin-left:3px}
.article .abody{padding:16px}
.article .acat{display:inline-block;background:#fde8e9;color:var(--red);font-size:11px;font-weight:700;padding:3px 10px;border-radius:7px;margin-bottom:10px}
.article h1{font-size:21px;font-weight:800;color:var(--navy);line-height:1.3}
.article .ameta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin:10px 0 14px}
.article .ameta span{display:flex;align-items:center;gap:4px}.article .ameta svg{width:13px;height:13px}
.article .acontent{color:var(--ink);line-height:1.75;font-size:15px}
.article .acontent p{margin:0 0 1em}.article .acontent img{border-radius:10px;margin:10px 0}
.article .acontent h2,.article .acontent h3{color:var(--navy);margin:1em 0 .4em}

.notif{display:flex;gap:12px;padding:13px 14px;background:var(--card);border-radius:12px;margin-bottom:9px;box-shadow:var(--shadow-sm);align-items:flex-start}
.notif.unread{border-left:3px solid var(--red)}
.notif .ni{width:38px;height:38px;border-radius:11px;background:#fde8e9;color:var(--red);display:flex;align-items:center;justify-content:center;flex:0 0 38px}
.notif .ni svg{width:18px;height:18px}
.notif .nb{flex:1;min-width:0}
.notif .nb .nt{font-weight:700;color:var(--navy);font-size:14px}
.notif .nb .nx{font-size:12.5px;color:var(--muted);margin-top:2px}
.notif .nb .nd{font-size:11px;color:var(--muted-2);margin-top:4px}

.conv{display:flex;gap:12px;padding:12px 14px;background:var(--card);border-radius:12px;margin-bottom:9px;box-shadow:var(--shadow-sm);align-items:center}
.conv .cav{width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 46px}
.conv .conv-c{flex:1;min-width:0}
.conv .conv-c .cn{font-weight:700;color:var(--navy);font-size:14px;display:flex;align-items:center}
.conv .conv-c .cn .ct{margin-left:auto;font-size:11px;color:var(--muted-2);font-weight:500}
.conv .conv-c .cl{font-size:12.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .unreaddot{width:9px;height:9px;border-radius:50%;background:var(--red);flex:0 0 9px}
.thread{padding:14px 14px calc(88px + env(safe-area-inset-bottom,0))}
.msg{max-width:78%;width:fit-content;padding:10px 13px;border-radius:14px;margin-bottom:9px;font-size:14px;line-height:1.4}
.msg.in{background:var(--card);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px}
.msg.out{background:var(--blue);color:#fff;margin-left:auto;border-bottom-right-radius:4px;position:relative}
.msg .mt{font-size:10px;opacity:.7;margin-top:3px;text-align:right}
.msgdel{position:absolute;left:-32px;top:50%;transform:translateY(-50%);margin:0}
.msgdel button{background:none;border:0;padding:5px;cursor:pointer;color:var(--muted-2);opacity:.6;display:flex}
.msgdel button:hover,.msgdel button:active{opacity:1;color:var(--red)}
.msg-delconv{margin:0 0 0 auto}
.msg-delconv button{background:none;border:0;padding:6px;cursor:pointer;color:var(--muted-2);display:flex}
.msg-delconv button:hover,.msg-delconv button:active{color:var(--red)}
.msg-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);background:var(--card);box-shadow:var(--shadow-nav);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0));display:flex;gap:8px;z-index:40}
.msg-bar input{flex:1;border:1px solid var(--line);border-radius:22px;padding:11px 16px;font-size:14px;outline:0;background:var(--card);color:var(--ink)}
.msg-bar button{width:44px;height:44px;border-radius:50%;background:var(--blue);border:0;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 44px}

.edate{background:var(--red);color:#fff;border-radius:10px;padding:7px 10px;text-align:center;flex:0 0 auto;min-width:48px}
.edate b{display:block;font-size:18px;line-height:1}.edate span{font-size:10px}

.poll{background:var(--card);border-radius:14px;box-shadow:var(--shadow-sm);padding:16px;margin-bottom:14px}
.poll h3{font-size:15px;color:var(--navy);margin-bottom:12px}
.poll-opt{margin-bottom:9px;width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer}
.poll-opt .bar{position:relative;background:var(--surface-2);border-radius:9px;height:40px;overflow:hidden;display:flex;align-items:center}
.poll-opt .fill{position:absolute;left:0;top:0;bottom:0;background:rgba(43,155,240,.22);transition:width .4s}
.poll-opt .lbl{position:relative;padding:0 12px;font-size:13.5px;font-weight:600;color:var(--ink);z-index:1;display:flex;width:100%;align-items:center}
.poll-opt .lbl .pct{margin-left:auto;color:var(--blue);font-weight:700}

.vthumb{position:relative;aspect-ratio:1.7/1;border-radius:12px;overflow:hidden;background:#000}
.vthumb img{width:100%;height:100%;object-fit:cover;opacity:.85}
.vthumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vthumb .play span{width:52px;height:52px;border-radius:50%;background:rgba(232,37,45,.92);display:flex;align-items:center;justify-content:center}
.vthumb .play svg{width:24px;height:24px;color:#fff;fill:#fff;margin-left:3px}

/* Gezi rehberi tür sekmeleri zaten .list-filters kullanır */
.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}

.cg-head{display:flex;align-items:center;gap:9px;padding:12px 14px 8px}
.cg-ava{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#3f8de0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;overflow:hidden}
.cg-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cg-greet{flex:1;min-width:0}
.cg-hi{font-size:16px;font-weight:800;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-hi b{color:var(--blue)}
.cg-loc{font-size:12.5px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:4px}
.cg-loc .cg-wemoji{font-size:14px}
.cg-ic{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--ink)}
button.cg-ic{border:0;cursor:pointer;padding:0;font:inherit}
.cg-ic svg{width:17px;height:17px}
.cg-ic .cg-dot{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;background:var(--red);color:#fff;border-radius:9px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:1.5px solid var(--bg)}

.cg-ai-card{display:block;margin:10px 0 0;line-height:0;border-radius:16px;overflow:hidden}
.cg-ai-card img{width:100%;height:auto;display:block}
.cg-ai-badge{display:inline-block;vertical-align:middle;margin-left:5px;background:linear-gradient(135deg,rgba(86,104,224,.22),rgba(140,96,235,.22));border:1px solid rgba(135,150,250,.5);color:#aebcff;font-size:11px;font-weight:800;letter-spacing:.8px;padding:3px 10px;border-radius:11px;box-shadow:0 0 12px rgba(110,120,245,.22)}

.cg-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.cg-tile{min-width:0}
.cg-tile-t{max-width:100%;overflow-wrap:break-word}
.cg-tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px 7px 11px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:7px;min-height:96px}
.cg-tile-more{display:none}
.cg-tiles.expanded .cg-tile-more{display:flex}
button.cg-tile{cursor:pointer;font-family:inherit}
.cg-tile-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}
.cg-tile-ic svg{width:22px;height:22px}
.cg-tile-t{font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.2px}
.cg-tile-s{font-size:10px;color:var(--muted);line-height:1.25}
.cg-tile.blue .cg-tile-ic{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.cg-tile.blue2 .cg-tile-ic{background:linear-gradient(135deg,#4d8df0,#2f6fd0)}
.cg-tile.orange .cg-tile-ic{background:linear-gradient(135deg,#ff9f43,#f5872a)}
.cg-tile.purple .cg-tile-ic{background:linear-gradient(135deg,#9b6bff,#7c4dff)}
.cg-tile.red .cg-tile-ic{background:linear-gradient(135deg,#ff5b6a,#e23744)}
.cg-tile.green .cg-tile-ic{background:linear-gradient(135deg,#34d77b,#1fa463)}
.cg-tile.cyan .cg-tile-ic{background:linear-gradient(135deg,#2bc4e0,#1b96d6)}
@media(max-width:330px){.cg-tiles{gap:8px}}

.cg-sea{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px}
.cg-sea-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.cg-sea-loc{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}
.cg-sea-loc svg{width:15px;height:15px;color:var(--blue)}
.cg-sea-tag{font-size:10.5px;font-weight:800;letter-spacing:.5px;color:var(--gold);display:flex;align-items:center;gap:5px}
.cg-sea-tag i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.cg-sea-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cg-sea-col{background:var(--surface-2);border-radius:13px;padding:13px}
.cg-sea-l{font-size:10.5px;font-weight:700;letter-spacing:.3px;color:var(--muted);display:flex;align-items:center;gap:6px}
.cg-sea-v{font-size:25px;font-weight:800;color:var(--ink);margin-top:6px;line-height:1}
.cg-sea-v small{font-size:14px;font-weight:700;color:var(--muted);margin-left:2px}
.cg-sea-sub{font-size:11.5px;color:var(--muted);margin-top:6px}
.cg-sea-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--ink);padding-top:12px;border-top:1px solid var(--line-2)}
.cg-sea-note span{font-size:15px}
.cg-sea-note svg{width:16px;height:16px;margin-left:auto;color:var(--muted-2);flex:0 0 16px}

.cg-tile.navy .cg-tile-ic,.cg-tile-ic.navy{background:linear-gradient(135deg,#3a4a6b,#26324c)}
.cg-tile-ic.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.cg-tile-ic.blue2{background:linear-gradient(135deg,#4d8df0,#2f6fd0)}
.cg-tile-ic.orange{background:linear-gradient(135deg,#ff9f43,#f5872a)}
.cg-tile-ic.purple{background:linear-gradient(135deg,#9b6bff,#7c4dff)}
.cg-tile-ic.red{background:linear-gradient(135deg,#ff5b6a,#e23744)}
.cg-tile-ic.green{background:linear-gradient(135deg,#34d77b,#1fa463)}
.cg-tile-ic.cyan{background:linear-gradient(135deg,#2bc4e0,#1b96d6)}

.asis-hero{text-align:center;padding:8px 8px 4px}
.asis-ill{width:96px;height:96px;margin:0 auto 18px;border-radius:28px;background:linear-gradient(135deg,#2f73c9,#16345f);display:flex;align-items:center;justify-content:center;color:#cfe2ff;box-shadow:0 10px 30px rgba(20,60,120,.4)}
.asis-ill svg{width:42px;height:42px}
.asis-hero h2{font-size:22px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:9px}
.asis-hero p{font-size:14px;color:var(--muted);line-height:1.55;margin:12px auto 0;max-width:340px}
.asis-soon{display:inline-block;margin-top:16px;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:20px}
.asis-quick{margin-top:26px}
.asis-qh{font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--muted-2);text-transform:uppercase;margin-bottom:10px;padding-left:4px}
.asis-q{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 15px;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--ink)}
.asis-q>svg:first-child{width:20px;height:20px;color:var(--blue);flex:0 0 20px}
.asis-q span{flex:1}
.asis-q>svg:last-child{width:16px;height:16px;color:var(--muted-2)}

.cg-block{margin-top:22px}
.cg-sec-h{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.cg-sec-t{font-size:17px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.cg-sec-t svg{width:18px;height:18px;color:var(--blue)}
.cg-sec-m{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:2px;white-space:nowrap}
.cg-sec-m svg{width:14px;height:14px}

.cg-ann-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.cg-ann-scroll::-webkit-scrollbar{display:none}
.cg-ann{flex:0 0 78%;max-width:300px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 16px 14px;position:relative;overflow:hidden}
.cg-ann:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.cg-ann.red:before{background:var(--red)}.cg-ann.blue:before{background:#2f8fe0}.cg-ann.green:before{background:var(--green-2)}.cg-ann.orange:before{background:var(--orange)}
.cg-ann-lbl{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.4px}
.cg-ann-lbl svg{width:14px;height:14px}
.cg-ann.red .cg-ann-lbl{color:#ff6b73}.cg-ann.blue .cg-ann-lbl{color:#5aa9f0}.cg-ann.green .cg-ann-lbl{color:#3fcf86}.cg-ann.orange .cg-ann-lbl{color:#ffac5b}
.cg-ann-t{font-size:16px;font-weight:800;color:var(--ink);margin-top:9px;line-height:1.2}
.cg-ann-s{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.4;min-height:34px}
.cg-ann-time{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted-2);margin-top:11px}
.cg-ann-time svg{width:13px;height:13px}

.cg-nchips{display:flex;gap:8px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none;margin-bottom:6px}
.cg-nchips::-webkit-scrollbar{display:none}
.cg-nchip{flex:0 0 auto;background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:700;padding:8px 16px;border-radius:11px}
.cg-nchip.active{background:var(--blue);color:#fff}
.cg-nchip[style*="--cc"]{background:var(--cc);color:#fff}
.cg-news{display:flex;flex-direction:column}
.cg-news-row{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line-2)}
.cg-news-row:last-child{border-bottom:0}
.cg-news-ph{width:74px;height:60px;flex:0 0 74px;border-radius:12px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted-2)}
.cg-news-ph img{width:100%;height:100%;object-fit:cover}
.cg-news-bd{flex:1;min-width:0}
.cg-news-t{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cg-news-m{font-size:12px;margin-top:5px;color:var(--muted)}
.cg-news-cat{font-weight:800}
.cg-news-row>svg{width:18px;height:18px;color:var(--muted-2);flex:0 0 18px}

.cg-poll-row{margin-top:22px;display:grid;grid-template-columns:1.15fr 1fr;gap:12px}
.cg-poll-row.cg-poll-solo{grid-template-columns:1fr}
.cg-poll,.cg-poll-cta{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:15px}
.cg-poll-q{font-size:14.5px;font-weight:800;color:var(--ink);margin:4px 0 12px;line-height:1.3}
.cg-poll-opt{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.cg-poll-l{font-size:12px;color:var(--ink);width:58px;flex:0 0 58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-poll-bar{flex:1;height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.cg-poll-bar i{display:block;height:100%;border-radius:6px;transition:width .5s}
.cg-poll-p{font-size:11.5px;font-weight:700;color:var(--muted);width:34px;text-align:right;flex:0 0 34px}
.cg-poll-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.cg-poll-foot>span{font-size:11.5px;color:var(--muted)}
.cg-poll-btn{background:var(--blue);color:#fff;font-size:12.5px;font-weight:700;padding:8px 15px;border-radius:10px;white-space:nowrap}
.cg-poll-cta{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(31,111,214,.14),rgba(31,111,214,.03))}
.cg-cta-ill{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#2f73c9,#1b3a6b);display:flex;align-items:center;justify-content:center;color:#cfe2ff;margin-bottom:12px}
.cg-cta-t{font-size:15px;font-weight:800;color:var(--ink)}
.cg-cta-s{font-size:12px;color:var(--muted);line-height:1.4;margin-top:6px}
.cg-cta-btn{margin-top:13px;background:var(--blue);color:#fff;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:11px;display:inline-flex;align-items:center;gap:5px}
@media(max-width:430px){.cg-poll-row{grid-template-columns:1fr}}

.cg-recent{display:flex;flex-direction:column;gap:11px}

.cg-topbar{display:flex;align-items:center;gap:6px;padding:12px 14px 0}
.cg-topbar .cg-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink);margin-left:-6px}
.cg-topbar>span{font-size:17px;font-weight:800;color:var(--ink)}

.dy-intro{display:flex;align-items:flex-start;gap:10px;margin-top:6px}
.dy-h1{font-size:22px;font-weight:800;color:var(--ink)}
.dy-sub{font-size:12.5px;color:var(--muted);margin-top:3px}
.dy-filter{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:700;padding:8px 13px;border-radius:11px;white-space:nowrap}
.dy-filter svg{width:14px;height:14px}
.dy-chips{display:flex;gap:8px;overflow-x:auto;padding:14px 0 6px;scrollbar-width:none}
.dy-chips::-webkit-scrollbar{display:none}
.dy-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);color:var(--muted);font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:12px}
.dy-chip svg{width:13px;height:13px}
.dy-chip.active{background:var(--blue);color:#fff}
.dy-chip.red.on{background:var(--red);color:#fff}.dy-chip.blue.on{background:#2f8fe0;color:#fff}.dy-chip.green.on{background:var(--green-2);color:#fff}.dy-chip.purple.on{background:#7c4dff;color:#fff}
.dy-chip.red{color:#ff6b73}.dy-chip.blue{color:#5aa9f0}.dy-chip.green{color:#3fcf86}.dy-chip.purple{color:#a98bff}

.dy-list{display:flex;flex-direction:column;gap:13px;margin-top:6px}
.dy-card{display:block;text-decoration:none;color:inherit;position:relative;border-radius:18px;padding:16px 17px 15px;overflow:hidden;background:var(--card);border:1px solid var(--line);background-size:cover;background-position:center}
.dy-card.has-img{border:0;color:#fff}
.dy-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.dy-card.red:before{background:var(--red)}.dy-card.blue:before{background:#2f8fe0}.dy-card.green:before{background:var(--green-2)}.dy-card.purple:before{background:#7c4dff}
.dy-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.4px}
.dy-badge svg{width:14px;height:14px}
.dy-card.red .dy-badge{color:#ff7b82}.dy-card.blue .dy-badge{color:#69b2f2}.dy-card.green .dy-badge{color:#46d68d}.dy-card.purple .dy-badge{color:#b29bff}
.dy-card.has-img.red .dy-badge{color:#ff8e94}.dy-card.has-img.blue .dy-badge{color:#7dc0ff}.dy-card.has-img.green .dy-badge{color:#5fe39e}
.dy-card-t{font-size:18px;font-weight:800;margin-top:10px;line-height:1.2;color:var(--ink)}
.dy-card.has-img .dy-card-t{color:#fff}
.dy-card-s{font-size:13px;margin-top:7px;line-height:1.45;color:var(--muted)}
.dy-card.has-img .dy-card-s{color:rgba(255,255,255,.82)}
.dy-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px;font-size:11.5px;color:var(--muted-2)}
.dy-card.has-img .dy-meta{color:rgba(255,255,255,.75)}
.dy-meta span{display:inline-flex;align-items:center;gap:5px}
.dy-meta svg{width:13px;height:13px;opacity:.85}
.dy-more{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:10px}
.dy-more .dy-spin{display:none;width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:clspin .8s linear infinite}
.dy-more.loading .dy-spin{display:block}
.dy-more.loading #dyMoreBtn{display:none}

.ev-month{font-size:13px;font-weight:800;color:var(--muted-2);letter-spacing:.6px;margin:8px 0 10px;text-transform:uppercase}
.ev-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.ev-days::-webkit-scrollbar{display:none}
.ev-day{flex:0 0 auto;width:46px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:9px 0;text-align:center;text-decoration:none;cursor:pointer}
.ev-day span{display:block;font-size:10.5px;color:var(--muted);font-weight:600}
.ev-day b{display:block;font-size:17px;font-weight:800;color:var(--ink);margin-top:3px}
.ev-day.active{background:var(--blue);border-color:var(--blue)}
.ev-day.active span,.ev-day.active b{color:#fff}
.ev-today{display:flex;align-items:center;gap:12px;margin-top:14px;border-radius:18px;padding:16px 18px;color:#fff;background:linear-gradient(115deg,rgba(14,28,58,.92),rgba(47,115,201,.55)),url(../img/event-today.jpg);background-size:cover;background-position:center}
.ev-today-n{font-size:21px;font-weight:800;line-height:1.1}
.ev-today-s{font-size:13px;opacity:.9;margin-top:2px}
.ev-today-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:11px;white-space:nowrap}
.ev-today-btn svg{width:15px;height:15px}
.ev-scroll{display:flex;gap:13px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.ev-scroll::-webkit-scrollbar{display:none}
.ev-card{flex:0 0 70%;max-width:270px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.ev-cover{height:130px;position:relative;background:linear-gradient(135deg,#2a3550,#1a2238);background-size:cover;background-position:center}
.ev-datebox{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.55);border-radius:11px;padding:6px 9px;text-align:center;color:#fff;line-height:1}
.ev-datebox b{font-size:17px;font-weight:800;display:block}
.ev-datebox span{font-size:9.5px;font-weight:700;opacity:.9}
.ev-cat{position:absolute;left:64px;top:13px;font-size:10.5px;font-weight:800;color:#fff;padding:4px 9px;border-radius:8px}
.ev-heart{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;color:#fff}
.ev-heart svg{width:16px;height:16px}
.ev-body{padding:12px 14px 13px}
.ev-t{font-size:15px;font-weight:800;color:var(--ink);line-height:1.2;margin-bottom:7px}
.ev-m{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-top:4px}
.ev-m svg{width:13px;height:13px;flex:0 0 13px;color:var(--muted-2)}
.ev-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px}
.ev-going{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--muted-2)}
.ev-going svg{width:13px;height:13px}
.ev-det{font-size:12px;font-weight:800;color:#fff;padding:7px 14px;border-radius:10px}
.ev-cat.purple,.ev-det.purple{background:#7c4dff}.ev-cat.green,.ev-det.green{background:#1fa463}.ev-cat.orange,.ev-det.orange{background:#f5872a}.ev-cat.red,.ev-det.red{background:#e23744}.ev-cat.blue,.ev-det.blue{background:#2563eb}.ev-cat.pink,.ev-det.pink{background:#e84393}.ev-cat.cyan,.ev-det.cyan{background:#1b96d6}
.ev-pop{position:relative;border-radius:18px;padding:17px;min-height:152px;color:#fff;background:linear-gradient(120deg,#26324c,#1a2238);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:12px}
.ev-pop-t{font-size:20px;font-weight:800;line-height:1.2}
.ev-pop-m{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.92;margin-top:6px}
.ev-pop-m svg{width:13px;height:13px}
.ev-pop-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
.ev-pop-foot>span:first-child{display:flex;align-items:center;gap:5px;font-size:12px;opacity:.92}
.ev-pop-foot>span:first-child svg{width:13px;height:13px}
.ev-pop-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#16223c;font-size:12px;font-weight:800;padding:8px 13px;border-radius:10px}
.ev-pop-btn svg{width:14px;height:14px}
.ev-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.ev-catbox{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--ink)}
.ev-catemoji{width:56px;height:56px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-sm)}
.ev-catemoji.purple{background:linear-gradient(135deg,#9b6bff,#7c4dff)}.ev-catemoji.green{background:linear-gradient(135deg,#34d77b,#1fa463)}.ev-catemoji.orange{background:linear-gradient(135deg,#ff9f43,#f5872a)}.ev-catemoji.red{background:linear-gradient(135deg,#ff5b6a,#e23744)}.ev-catemoji.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ev-catemoji.pink{background:linear-gradient(135deg,#ff6fb3,#e84393)}.ev-catemoji.cyan{background:linear-gradient(135deg,#2bc4e0,#1b96d6)}
.ev-create{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;background:linear-gradient(135deg,#7c4dff,#2f73c9);color:#fff;font-size:15px;font-weight:800;padding:15px;border-radius:16px}
.ev-create svg{width:18px;height:18px}
.ev-create{cursor:pointer;list-style:none}
.ev-create::-webkit-details-marker{display:none}
.ev-suggest[open] .ev-create{border-radius:16px 16px 0 0}
.ev-suggest-form{display:flex;flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;padding:14px}
.ev-suggest-form textarea.finput{min-height:72px;resize:vertical}

.ed-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;padding:12px;background:var(--card);border-bottom:1px solid var(--line)}
.ed-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.ed-top>span{font-size:16px;font-weight:800;color:var(--ink);flex:1}
.ed-ic{width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:0;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.ed-ic svg{width:18px;height:18px}
.ed-ic.on{color:var(--red)}
.ed-ic.on svg{fill:currentColor}
.ed-cover{height:210px;position:relative;background:linear-gradient(135deg,#2a3550,#16203a);background-size:cover;background-position:center}
.ed-pop{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:5px;background:#7c4dff;color:#fff;font-size:11px;font-weight:800;padding:6px 11px;border-radius:9px}
.ed-pop svg{width:13px;height:13px}
.ed-body{padding:16px 16px 0}
.ed-title{font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}
.ed-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:9px;font-size:13px;color:var(--muted)}
.ed-meta span{display:inline-flex;align-items:center;gap:6px}
.ed-meta svg{width:14px;height:14px;color:var(--blue)}
.ed-stats{display:flex;gap:16px;margin-top:9px;font-size:12.5px;color:var(--muted)}
.ed-stats span{display:inline-flex;align-items:center;gap:5px}
.ed-stats svg{width:14px;height:14px;color:var(--muted-2)}
.ed-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.ed-act{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--surface-2);border:0;border-radius:13px;padding:11px 4px;font-size:11px;font-weight:700;color:var(--ink)}
.ed-act svg{width:18px;height:18px;color:var(--muted)}
.ed-act.primary{background:var(--blue);color:#fff}.ed-act.primary svg{color:#fff}
.ed-act.on{background:rgba(31,111,214,.16);color:var(--blue)}.ed-act.on svg{color:var(--blue);fill:currentColor}
.ed-act.primary.on{background:var(--green-2);color:#fff}.ed-act.primary.on svg{color:#fff;fill:none}
.ed-count{margin-top:18px;border-radius:16px;padding:15px;background:linear-gradient(135deg,#3a2b7a,#5a3fb0);color:#fff;text-align:center}
.ed-count-h{font-size:12px;font-weight:700;opacity:.85;margin-bottom:11px}
.ed-count-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ed-count-g div{background:rgba(255,255,255,.12);border-radius:11px;padding:9px 4px}
.ed-count-g b{font-size:23px;font-weight:800;display:block;line-height:1;font-variant-numeric:tabular-nums}
.ed-count-g span{font-size:10px;opacity:.85;margin-top:3px;display:block}
.ed-sec{margin-top:22px}
.ed-sec h2{font-size:16px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
.ed-sec h2 svg{width:16px;height:16px;color:var(--blue)}
.ed-sec-h{display:flex;align-items:center;justify-content:space-between}
.ed-more{font-size:12.5px;font-weight:700;color:var(--muted)}
.ed-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-top:10px}
.ed-prog{margin-top:12px;border-left:2px solid var(--line);padding-left:4px}
.ed-prog-row{display:flex;align-items:flex-start;gap:14px;padding:9px 0 9px 14px;position:relative}
.ed-prog-row:before{content:"";position:absolute;left:-5px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.ed-prog-t{font-size:13px;font-weight:800;color:var(--blue);width:48px;flex:0 0 48px;padding-top:1px}
.ed-prog-c{flex:1;min-width:0}
.ed-prog-ttl{font-size:13.5px;color:var(--ink);font-weight:700}
.ed-prog-d{margin:5px 0 0;padding-left:16px;list-style:disc}
.ed-prog-d li{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:2px}
.ed-loc{font-size:13px;color:var(--muted);margin-top:8px}
.ed-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;background:var(--surface-2);color:var(--ink);font-size:13px;font-weight:700;padding:12px;border-radius:12px}
.ed-nav svg{width:16px;height:16px;color:var(--blue)}
.ed-att-avs{display:flex;align-items:center;margin-top:12px}
.ed-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#3f8de0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;margin-left:-10px;border:2px solid var(--card);position:relative;overflow:hidden}
.ed-av:first-child{margin-left:0}
.ed-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-av.more{background:var(--surface-2);color:var(--muted);font-size:12px}
.ed-org{display:flex;align-items:center;gap:12px;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}
.ed-org-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#2f73c9,#1b3a6b);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 46px}
.ed-org-bd{flex:1}
.ed-org-n{font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:5px}
.ed-org-n svg{width:14px;height:14px;color:var(--blue)}
.ed-org-s{font-size:12px;color:var(--muted);margin-top:2px}
.ed-org-f{background:rgba(31,111,214,.14);color:var(--blue);font-size:12.5px;font-weight:700;padding:8px 15px;border-radius:11px}
.ed-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:var(--card);border-top:1px solid var(--line);z-index:40}
.ed-bar-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#7c4dff,#5a3fb0);color:#fff;font-size:15px;font-weight:800;padding:14px;border:0;border-radius:14px}
.ed-bar-btn svg{width:18px;height:18px}
.ed-bar-btn.on{background:var(--green-2)}

.cg-ann.has-img{border:0;color:#fff;background-size:cover;background-position:center}
.cg-ann.has-img:before{display:none}
.cg-ann.has-img .cg-ann-t{color:#fff}
.cg-ann.has-img .cg-ann-s{color:rgba(255,255,255,.82)}
.cg-ann.has-img .cg-ann-time{color:rgba(255,255,255,.78)}
.cg-ann.has-img.red .cg-ann-lbl{color:#ff8e94}.cg-ann.has-img.blue .cg-ann-lbl{color:#7dc0ff}.cg-ann.has-img.green .cg-ann-lbl{color:#5fe39e}.cg-ann.has-img.purple .cg-ann-lbl{color:#bda6ff}
.cg-ann-time svg{vertical-align:-2px}

.hl-card{display:flex;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.hl-img{position:relative;width:128px;flex:0 0 128px;background:var(--surface-2);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hl-noimg{color:var(--muted-2)}
.hl-cat{position:absolute;left:8px;top:8px;font-size:10px;font-weight:800;color:#fff;padding:4px 9px;border-radius:8px}
.hl-cat.green{background:#1fa463}.hl-cat.blue{background:#2563eb}.hl-cat.orange{background:#f5872a}.hl-cat.purple{background:#7c4dff}
.hl-fav{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);border:0;display:flex;align-items:center;justify-content:center;color:#fff}
.hl-fav svg{width:15px;height:15px}
.hl-fav.on{background:var(--red)}.hl-fav.on svg{fill:#fff}
.hl-bd{flex:1;min-width:0;padding:11px 13px;display:flex;flex-direction:column}
.hl-t{font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hl-loc{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);margin-top:5px}
.hl-loc svg{width:12px;height:12px;flex:0 0 12px}
.hl-price{font-size:16px;font-weight:800;color:#2bbd72;margin-top:7px}
.hl-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.hl-chips span{background:var(--surface-2);color:var(--muted);font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:7px;white-space:nowrap}
.hl-time{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted-2);margin-top:9px}
.hl-time svg{width:11px;height:11px}

.pf-cover{height:158px;background:linear-gradient(135deg,#2a3550,#16203a);background-size:cover;background-position:center;position:relative}
.pf-cover-edit{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600;padding:8px 12px;border-radius:10px}
.pf-cover-edit svg{width:14px;height:14px}
.pf-head{display:flex;align-items:flex-start;justify-content:space-between;padding:0 16px;margin-top:-46px}
.pf-avatar{position:relative;width:96px;height:96px;flex:0 0 96px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#3f8de0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:34px;border:4px solid var(--bg)}
.pf-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.pf-avatar-tier{border-width:3px}
.pf-cam{position:absolute;right:2px;bottom:2px;width:28px;height:28px;border-radius:50%;background:var(--blue);border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}
.pf-cam svg{width:13px;height:13px}
.pf-puan{margin-top:54px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:11px 14px;min-width:142px}
.pf-puan-l{font-size:11.5px;color:var(--muted);font-weight:600}
.pf-puan-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px}
.pf-puan-v{font-size:24px;font-weight:800;color:var(--ink)}
.pf-puan-star{width:30px;height:30px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;color:#fff}
.pf-puan-star svg{width:16px;height:16px;fill:#fff}
.pf-puan-lvl{display:flex;align-items:center;gap:3px;font-size:11.5px;color:var(--muted);margin-top:7px}
.pf-puan-lvl b{color:var(--blue)}
.pf-puan-lvl svg{width:13px;height:13px}
.acc-h{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:13px}
.acc-h svg{color:var(--blue)}
.acc-h.danger,.acc-h.danger svg{color:var(--red)}
.acc-danger{border:1px solid rgba(232,55,68,.28)}
.acc-danger-note{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 13px}
.acc-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.acc-row:first-of-type{border-top:0;padding-top:0}
.acc-row span{color:var(--muted)}.acc-row b{color:var(--ink);font-weight:700;text-align:right;word-break:break-word}
.acc-link{display:flex;align-items:center;gap:11px;padding:14px 2px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;border-top:1px solid var(--line)}
.acc-link:first-child{border-top:0}
.acc-link>span{flex:1}
.acc-link>svg:first-child{color:var(--blue)}
.acc-link>svg:last-child{color:var(--muted-2)}
.pf-id{padding:12px 16px 0}
.pf-name{font-size:21px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pf-biz{display:inline-flex;align-items:center;gap:4px;background:rgba(31,111,214,.16);color:#5aa9f0;font-size:11px;font-weight:700;padding:3px 9px;border-radius:8px}
.pf-biz svg{width:13px;height:13px}
.pf-loc{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);margin-top:7px}
.pf-loc svg{width:14px;height:14px;color:var(--red)}
.pf-since{font-size:12.5px;color:var(--muted-2);margin-top:5px}
.pf-edit{display:inline-flex;align-items:center;gap:7px;margin-top:12px;background:var(--surface-2);color:var(--ink);font-size:13.5px;font-weight:700;padding:10px 18px;border-radius:11px;border:1px solid var(--line);transition:border-color .15s,background .15s}
.pf-edit:active{background:var(--card)}
.pf-edit svg{width:14px;height:14px}
.pf-actions{display:flex;gap:8px;flex-wrap:nowrap;margin-top:12px}
.pf-actions .pf-edit{flex:1 1 0;min-width:0;justify-content:center;margin-top:0;padding:10px 8px}
.pf-edit-adv{background:linear-gradient(135deg,rgba(124,77,255,.18),rgba(124,77,255,.06));border-color:rgba(124,77,255,.35);color:#7c4dff}
.pf-edit-adv svg{color:#7c4dff}
@media(max-width:430px){
  .pf-actions.pf-actions{gap:5px}
  .pf-actions .pf-edit{font-size:12px;padding:9px 5px}
  .pf-actions .pf-edit svg{display:none}
}
@media(max-width:340px){
  .pf-actions .pf-edit{font-size:10.5px;padding:9px 3px}
}
.pf-stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:9px;padding:18px 16px 4px}
.pf-stat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px 6px 11px;text-decoration:none;transition:border-color .15s,transform .12s}
.pf-stat:active{transform:scale(.97)}
.pf-stat-ic{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center}
.pf-stat-ic svg{width:18px;height:18px}
.pf-stat-ic.green{background:rgba(37,211,102,.16);color:#34d77b}
.pf-stat-ic.orange{background:rgba(255,122,0,.16);color:#ff9f43}
.pf-stat-ic.blue{background:rgba(31,111,214,.16);color:#4d8df0}
.pf-stat-ic.purple{background:rgba(124,77,255,.16);color:#a98bff}
.pf-stat b{font-size:17px;font-weight:800;color:var(--ink);line-height:1}
.pf-stat span{font-size:11px;color:var(--muted)}
.pf-tabs{display:flex;gap:4px;padding:14px 12px 0;border-bottom:1px solid var(--line);margin-top:14px}
.pf-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 11px;font-size:12px;font-weight:700;color:var(--muted);border-bottom:2.5px solid transparent;margin-bottom:-1px}
.pf-tab svg{width:19px;height:19px}
.pf-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px 0}
.pf-cell{position:relative;aspect-ratio:1;background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center}
.pf-cell img{width:100%;height:100%;object-fit:cover}
.pf-noimg{color:var(--muted-2)}
.pf-cell-type{position:absolute;right:6px;top:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.pf-cell-type svg{width:15px;height:15px;fill:#fff}
.pf-cell-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.42);color:#fff;font-size:12.5px;font-weight:700;opacity:0;transition:opacity .15s}
.pf-cell-ov span{display:inline-flex;align-items:center;gap:4px}
.pf-cell-ov svg{width:14px;height:14px;fill:#fff}
.pf-cell:hover .pf-cell-ov,.pf-cell:active .pf-cell-ov{opacity:1}
.pf-cell-price{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-size:12px;font-weight:800;padding:16px 8px 7px}
.pf-cell-title{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:11.5px;font-weight:700;line-height:1.3;padding:18px 8px 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pf-cell-art .pf-noimg{background:var(--surface-2)}
.pf-empty{text-align:center;color:var(--muted-2);padding:40px 16px}
.pf-empty svg{opacity:.5}
.pf-empty div{margin-top:10px;font-size:13.5px}
.pf-adv{display:flex;align-items:center;gap:13px;margin:16px 14px;background:linear-gradient(135deg,rgba(124,77,255,.18),rgba(124,77,255,.05));border:1px solid rgba(124,77,255,.25);border-radius:16px;padding:14px}
.pf-adv-ic{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:linear-gradient(135deg,#9b6bff,#7c4dff);display:flex;align-items:center;justify-content:center;color:#fff}
.pf-adv-bd{flex:1;min-width:0}
.pf-adv-bd b{font-size:14.5px;font-weight:800;color:var(--ink);display:block}
.pf-adv-bd small{font-size:12px;color:var(--muted)}
.pf-adv-btn{display:inline-flex;align-items:center;gap:4px;background:#7c4dff;color:#fff;font-size:12px;font-weight:700;padding:9px 13px;border-radius:11px;white-space:nowrap}
.pf-adv-btn svg{width:14px;height:14px}
.pf-shead{display:flex;align-items:center;gap:8px;margin:26px 14px 12px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;font-weight:800;color:var(--ink);scroll-margin-top:72px}
.pf-shead svg{width:17px;height:17px;color:var(--muted-2)}
.pf-menu{padding:0 14px}
.pf-mi{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:10px}
.pf-mi-ic{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.pf-mi-ic svg{width:19px;height:19px}
.pf-mi-ic.blue{background:rgba(31,111,214,.14);color:#4d8df0}
.pf-mi-ic.green{background:rgba(37,211,102,.14);color:#34d77b}
.pf-mi-ic.orange{background:rgba(255,122,0,.14);color:#ff9f43}
.pf-mi-ic.purple{background:rgba(124,77,255,.14);color:#a98bff}
.pf-mi-ic.teal{background:rgba(43,196,224,.14);color:#2bc4e0}
.pf-mi-ic.navy{background:rgba(80,100,140,.18);color:#9fb2d6}
.pf-mi-ic.red{background:rgba(232,37,45,.14);color:#ff6b73}
.pf-mi-bd{flex:1;min-width:0}
.pf-mi-bd b{font-size:14px;font-weight:700;color:var(--ink);display:block}
.pf-mi-bd small{font-size:11.5px;color:var(--muted)}
.pf-mi>svg:last-child{width:18px;height:18px;color:var(--muted-2);flex:0 0 18px}
.pf-mi-out b{color:#ff6b73}
.cover-upload{display:block;position:relative;height:130px;border-radius:12px;overflow:hidden;background:var(--surface-2);border:1px dashed var(--line);cursor:pointer}
.cover-upload img{width:100%;height:100%;object-fit:cover}
.cover-upload span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(0,0,0,.3);color:#fff;font-size:13px;font-weight:600}
.cover-upload>span svg{width:16px;height:16px}
.pe-hero{position:relative;margin:-20px -18px 52px;border-radius:18px 18px 0 0}
.pe-hero .pe-cover{display:block;height:152px;border:0;border-radius:18px 18px 0 0;background:linear-gradient(135deg,#2a3550,#16203a)}
.pe-hero .pe-cover>span{inset:auto 12px 12px auto;width:auto;height:auto;background:rgba(0,0,0,.55);border-radius:10px;padding:8px 12px;font-size:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.pe-hero .pe-avatar{position:absolute;left:18px;bottom:-36px;width:94px;height:94px;display:block;z-index:2;cursor:pointer}
.pe-hero .pe-avatar .au-prev{width:94px;height:94px;flex:none;font-size:34px;border:4px solid var(--card);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.pe-av-cam{position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:var(--blue);border:3px solid var(--card);display:flex;align-items:center;justify-content:center;color:#fff}
.pe-av-cam svg{width:14px;height:14px}
.pe-actions{display:flex;gap:10px;margin-top:20px}
.pe-actions>.btn{flex:1}

/* ===== Sosyal Akış (/akis — Nexus parlak) ===== */
.app>.nx{position:relative;min-height:100vh;background:#06080f;padding-bottom:100px;overflow:hidden}
.app>.nx:before{content:"";position:absolute;top:-40px;left:-20%;width:140%;height:360px;background:radial-gradient(55% 80% at 28% 0,rgba(31,111,214,.24),transparent 70%),radial-gradient(45% 70% at 92% 8%,rgba(31,111,214,.22),transparent 70%);pointer-events:none;z-index:0}
.app>.nx>*{position:relative;z-index:1}
.nx-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}
.nx-logo{font-size:25px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#5aa9f0,#3f8de0,#5aa9f0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(31,111,214,.55))}
.nx-head-r{display:flex;gap:10px}
.nx-ic{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cfe0ff;background:rgba(31,111,214,.12);border:1px solid rgba(31,111,214,.3);box-shadow:0 0 16px rgba(31,111,214,.22)}
.nx-ic svg{width:20px;height:20px}
.nx-ic .nx-dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#e84393;box-shadow:0 0 8px #e84393}
.nx-stories{display:flex;gap:14px;overflow-x:auto;padding:2px 16px 13px;scrollbar-width:none}
.nx-stories::-webkit-scrollbar{display:none}
.nx-story{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;width:66px}
.nx-ring{width:66px;height:66px;border-radius:50%;padding:2.5px;display:flex;position:relative;background:conic-gradient(from 210deg,#5aa9f0,#1f6fd6,#e84393,#5aa9f0,#5aa9f0)}
.nx-ring.add{background:none;border:2px dashed rgba(31,111,214,.5)}
.nx-ring.on{box-shadow:0 0 14px rgba(31,111,214,.4)}
.nx-av{width:100%;height:100%;border-radius:50%;background:#0c1020;border:2.5px solid #06080f;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#7c9fff;font-weight:800;font-size:20px}
.nx-av img{width:100%;height:100%;object-fit:cover}
.nx-ring.add .nx-av{color:#3f8de0}
.nx-online{position:absolute;right:3px;bottom:3px;width:13px;height:13px;border-radius:50%;background:#5aa9f0;border:2.5px solid #06080f;box-shadow:0 0 8px #5aa9f0}
.nx-sn{font-size:11.5px;color:#aeb6cf;max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-post{margin:0 0 22px}
.nx-ph{display:flex;align-items:center;gap:11px;padding:4px 16px 12px}
.nx-pav{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1f6fd6,#5aa9f0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;border:2px solid rgba(31,111,214,.4)}
.nx-pav img{width:100%;height:100%;object-fit:cover}
.nx-pm{flex:1;min-width:0}
.nx-pn{font-size:14.5px;font-weight:800;color:#eaf0ff;display:flex;align-items:center;gap:5px}
.nx-vrf{display:inline-flex}
.nx-vrf{vertical-align:middle}.nx-vrf svg{width:15px;height:15px;display:block}
.nx-pl{font-size:11.5px;color:#8b93ad;margin-top:1px}
.nx-pmore{background:none;border:0;color:#8b93ad;padding:4px}
.nx-pmore svg{width:20px;height:20px}
.nx-car{position:relative;margin:0 12px;border-radius:20px;overflow:hidden;border:1px solid rgba(31,111,214,.22);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.nx-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.nx-track::-webkit-scrollbar{display:none}
.nx-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1}
.nx-slide img{width:100%;height:100%;object-fit:cover;display:block}
.nx-count{position:absolute;right:12px;top:12px;background:rgba(6,8,15,.72);color:#fff;font-size:12px;font-weight:700;padding:4px 11px;border-radius:20px;backdrop-filter:blur(6px)}
.nx-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.nx-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .2s}
.nx-dots span.on{background:#7c9fff;box-shadow:0 0 8px #7c9fff;width:18px;border-radius:3px}
.nx-acts{display:flex;align-items:center;gap:20px;padding:13px 18px 0}
.nx-a{display:flex;align-items:center;gap:7px;background:none;border:0;color:#cdd5ea;font-size:14px;font-weight:700}
.nx-a svg{width:24px;height:24px}
.nx-a[data-postlike] svg{color:#e84393}
.nx-a[data-postlike].on svg{fill:#e84393}
.nx-a:nth-child(2) svg{color:#7c9fff}
.art-share{display:grid;grid-template-columns:repeat(4,1fr);margin:14px -16px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.art-share.art-share-c3{grid-template-columns:repeat(3,1fr)}
.art-share.art-share-c2{grid-template-columns:repeat(2,1fr)}
.art-share-i{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 4px;background:none;border:0;border-left:1px solid var(--line);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .14s}
.art-share-i:first-child{border-left:0}
.art-share-i svg{width:25px;height:25px}
.art-share-i:active{opacity:.6}
.art-share-i.on{color:var(--red)}
.art-share-i.on svg{fill:currentColor}
.art-share-i.sv{color:var(--blue)}
.art-share-i.sv svg{fill:currentColor}
.art-summary{margin:4px 0 18px;padding:13px 15px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}
.art-summary-h{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.art-summary-lbl{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.2px}
.art-summary-ai{display:inline-flex;align-items:center;gap:4px;background:rgba(31,111,214,.12);color:var(--blue);font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}
.art-summary-ai svg{width:13px;height:13px}
.art-summary-t{margin:0;font-style:italic;color:var(--ink);font-size:15px;line-height:1.6;opacity:.92}
.nx-a:nth-child(3) svg{color:#5aa9f0}
.nx-bm{margin-left:auto;color:#7fb3f0}
.nx-bm.on svg{fill:#7fb3f0}
.nx-likes{display:flex;align-items:center;gap:9px;padding:11px 18px 0;font-size:13px;color:#cdd5ea}
.nx-likeavs{display:flex}
.nx-la{width:22px;height:22px;border-radius:50%;overflow:hidden;border:2px solid #06080f;margin-left:-8px;background:#1a2238}
.nx-la:first-child{margin-left:0}
.nx-la img{width:100%;height:100%;object-fit:cover}
.nx-likes b{color:#eaf0ff;font-weight:800}
.nx-cap{padding:7px 18px 0;font-size:13.5px;color:#dce3f5;line-height:1.45}
.nx-cap b{color:#fff;font-weight:800}
.nx-cmore{display:block;padding:6px 18px 0;font-size:13px;color:#8b93ad}
.nx-time{padding:9px 18px 2px;font-size:11px;color:#6b7390;letter-spacing:.2px}
.nx-addc{display:flex;align-items:center;gap:10px;padding:13px 16px 0}
.nx-pav.xs{width:34px;height:34px;flex:0 0 34px;border-width:1.5px;font-size:14px}
.nx-addc input{flex:1;background:rgba(31,111,214,.08);border:1px solid rgba(31,111,214,.2);border-radius:24px;padding:10px 16px;color:#dce3f5;font-size:13.5px;outline:none}
.nx-addc input::placeholder{color:#6b7390}
.nx-react{display:flex;gap:8px}
.nx-react button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(31,111,214,.25);background:rgba(31,111,214,.1);font-size:17px;box-shadow:0 0 12px rgba(31,111,214,.14)}
.nx-empty{text-align:center;color:#6b7390;padding:50px 16px}
.nx-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);z-index:50;display:flex;align-items:flex-end;justify-content:space-around;background:rgba(17,25,42,.92);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-top:1px solid rgba(31,111,214,.22);border-radius:22px 22px 0 0;padding:9px 6px calc(9px + env(safe-area-inset-bottom,0));min-height:66px;box-shadow:0 -10px 34px rgba(0,0,0,.5),0 -2px 10px rgba(0,0,0,.34)}
.nx-nav>a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8b93ad;font-size:10.5px;font-weight:600;transition:color .2s ease}
.nx-nav>a svg{width:24px;height:24px}
.nx-nav>a.on{color:#3f8de0;font-weight:700}
.nx-plus{flex:1;margin-top:-26px}
.nx-plus span{width:56px;height:56px;border-radius:50%;background:#1f6fd6;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px rgba(31,111,214,.45),0 2px 5px rgba(0,0,0,.2);transition:transform .18s cubic-bezier(.34,1.56,.64,1);margin:0 auto}
.nx-plus span svg{width:26px;height:26px}
.nx-plus span:active{transform:scale(.92)}

.app>.nx{background:#04060d}
.app>.nx:before{height:540px;background:
  radial-gradient(58% 70% at 30% 0,rgba(31,111,214,.30),transparent 70%),
  radial-gradient(48% 60% at 92% 6%,rgba(31,111,214,.26),transparent 70%),
  radial-gradient(40% 50% at 70% 22%,rgba(43,196,224,.14),transparent 70%),
  radial-gradient(1px 1px at 34px 44px,rgba(255,255,255,.75),transparent),
  radial-gradient(1px 1px at 118px 96px,rgba(255,255,255,.5),transparent),
  radial-gradient(1.5px 1.5px at 176px 52px,rgba(255,255,255,.65),transparent),
  radial-gradient(1px 1px at 86px 168px,rgba(255,255,255,.5),transparent),
  radial-gradient(1px 1px at 210px 138px,rgba(255,255,255,.6),transparent),
  radial-gradient(1.5px 1.5px at 256px 30px,rgba(255,255,255,.5),transparent),
  radial-gradient(1px 1px at 150px 210px,rgba(255,255,255,.45),transparent),
  radial-gradient(1px 1px at 300px 90px,rgba(255,255,255,.55),transparent);
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;
  background-size:100% 100%,100% 100%,100% 100%,300px 300px,300px 300px,300px 300px,300px 300px,300px 300px,300px 300px,300px 300px,300px 300px}
.app>.nx>.nx-planet{position:absolute;left:-70px;top:-70px;width:280px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(91,107,165,.32),rgba(31,111,214,.1) 46%,transparent 70%);box-shadow:none;z-index:0;pointer-events:none}
.nx-planet:before{display:none}
.nx-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:11px 16px 6px}
.nx-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;z-index:2;padding:0 6px}
.nx-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);width:146px;height:34px;border:1.5px solid rgba(31,111,214,.42);border-radius:50%;box-shadow:0 0 16px rgba(31,111,214,.36),inset 0 0 9px rgba(43,196,224,.18);pointer-events:none}
.nx-orbit:after{content:"";position:absolute;right:4px;top:50%;width:6px;height:6px;border-radius:50%;background:#5aa9f0;box-shadow:0 0 10px #5aa9f0;transform:translateY(-50%)}
.nx-logo{position:relative;display:inline-flex;align-items:center;gap:0;background:none;font-size:27px;font-weight:800;letter-spacing:3px;text-transform:uppercase;line-height:1;filter:drop-shadow(0 0 13px rgba(31,111,214,.5))}
.nx-logo>span{background:linear-gradient(90deg,#5aa9f0,#7c9fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-logo>span:last-child{background:linear-gradient(90deg,#3f8de0,#e066c4);-webkit-background-clip:text;background-clip:text}
.nx-x{flex:0 0 auto;width:.95em;height:1.2em;margin:0 -3px 0 -2px}
.nx-head-r{position:relative;z-index:2;margin-left:auto}
.nx-out{position:relative;z-index:3;flex:0 0 auto}
.nx-ic{box-shadow:0 0 18px rgba(31,111,214,.32),inset 0 0 12px rgba(31,111,214,.14)}
.nx-ic .nx-dot{top:7px;right:8px}

.nx-single{padding-bottom:90px}
.nx-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:14px;background:rgba(6,8,15,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(31,111,214,.18)}
.nx-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#cdd5ea}
.nx-top>span{font-size:16px;font-weight:800;color:#eaf0ff}
.nx-fakeinput{flex:1;background:rgba(31,111,214,.08);border:1px solid rgba(31,111,214,.2);border-radius:24px;padding:10px 16px;color:#6b7390;font-size:13.5px}
.nx-react a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(31,111,214,.25);background:rgba(31,111,214,.1);font-size:17px;box-shadow:0 0 12px rgba(31,111,214,.14);text-decoration:none}
.nx-cmts{padding:6px 16px 0}
.nx-cmts-h{font-size:14px;font-weight:800;color:#eaf0ff;padding:14px 2px 10px;border-top:1px solid rgba(31,111,214,.14)}
.nx-cmt{display:flex;gap:11px;padding:9px 0}
.nx-pav.sm{width:38px;height:38px;flex:0 0 38px;font-size:15px}
.nx-cmt-b{flex:1;min-width:0;font-size:13.5px;color:#dce3f5;line-height:1.45}
.nx-cmt-b b{color:#fff;font-weight:800;margin-right:3px}
.nx-cmt-t{font-size:11px;color:#6b7390;margin-top:3px}
.nx-cmt a{color:inherit;text-decoration:none}
.nx-cmt a.nx-pav{flex:0 0 38px}
.nx-cap a,.nx-likes-l,a.nx-likes{color:inherit;text-decoration:none}
.nx-cmt-empty{text-align:center;color:#6b7390;padding:30px 16px}
.nx-cmt-empty svg{opacity:.5}
.nx-cmt-empty div{margin-top:8px;font-size:13px}
.nx-cform{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);display:flex;align-items:center;gap:10px;padding:11px 14px calc(11px + env(safe-area-inset-bottom,0));background:rgba(8,11,20,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(31,111,214,.2);z-index:50}
.nx-cform input{flex:1;background:rgba(31,111,214,.08);border:1px solid rgba(31,111,214,.22);border-radius:24px;padding:11px 16px;color:#eaf0ff;font-size:14px;outline:none}
.nx-cform input::placeholder{color:#6b7390}
.nx-cform button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:linear-gradient(135deg,#3f8de0,#23508f);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px rgba(31,111,214,.5)}
.np-form{padding:18px 16px}
.np-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:170px;border-radius:18px;border:1.5px dashed rgba(31,111,214,.4);background:rgba(31,111,214,.06);color:#7fb3f0;cursor:pointer;overflow:hidden}
.np-drop.has-img{border-style:solid;border-color:rgba(31,111,214,.5);background-size:cover;background-position:center}
.np-drop.has-img>svg,.np-drop.has-img>span,.np-drop.has-img>small{display:none}
.np-drop.has-img::after{content:"Değiştir";position:absolute;left:0;right:0;bottom:0;padding:7px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.np-drop svg{width:30px;height:30px}
.np-drop span{font-size:14.5px;font-weight:700;color:#cdd5ea}
.np-drop small{font-size:11.5px;color:#6b7390}
.np-prev{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.np-prev img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.np-form textarea{width:100%;margin-top:14px;background:rgba(31,111,214,.06);border:1px solid rgba(31,111,214,.2);border-radius:14px;padding:13px 15px;color:#eaf0ff;font-size:14px;outline:none;resize:vertical;font-family:inherit}
.np-form textarea::placeholder{color:#6b7390}
.np-loc{display:flex;align-items:center;gap:8px;margin-top:12px;background:rgba(31,111,214,.06);border:1px solid rgba(31,111,214,.2);border-radius:14px;padding:0 14px}
.np-loc svg{width:16px;height:16px;color:#7fb3f0;flex:0 0 16px}
.np-loc input{flex:1;background:none;border:0;padding:13px 0;color:#eaf0ff;font-size:14px;outline:none}
.np-loc input::placeholder{color:#6b7390}
.np-share{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;padding:15px;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,#3f8de0,#23508f);box-shadow:0 0 24px rgba(31,111,214,.5)}
.np-share svg{width:18px;height:18px}
.np-prev-vid{display:block}
.np-prev-vid video{width:100%;max-height:54vh;border-radius:14px;background:#000;display:block}
.np-poster{display:flex;flex-direction:column;gap:7px;margin-top:14px;font-size:13px;font-weight:600;color:#7fb3f0}
.np-poster small{color:#6b7390;font-weight:500}
.np-poster input{font-size:12px;color:#cdd5ea}
.np-drop-sm{height:118px;margin-top:14px}
.np-drop-sm svg{width:24px;height:24px}
/* .np-drop bir .ffield içinde <label> olarak kullanılınca .ffield label{display:block} flex'i ezer — geri al */
.ffield .np-drop{display:flex;color:#7fb3f0;font-size:inherit;font-weight:inherit;margin-bottom:0}
.np-poster-prev{margin-top:12px}
.np-poster-prev img{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:14px}
.rl-stage{position:relative;display:block;width:100%;max-width:300px;margin:2px auto 0;aspect-ratio:9/16;max-height:58vh;border-radius:20px;border:1.5px dashed rgba(31,111,214,.4);background:rgba(31,111,214,.06);overflow:hidden;cursor:pointer}
.rl-stage.has-vid{border-style:solid;border-color:rgba(31,111,214,.5);background:#000}
.rl-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7fb3f0;text-align:center;padding:18px}
.rl-empty svg{width:34px;height:34px}
.rl-empty b{font-size:15px;color:#cdd5ea}
.rl-empty small{font-size:11.5px;color:#6b7390;max-width:210px;line-height:1.4}
.rl-stage.has-vid .rl-empty{display:none}
.rl-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.rl-stage.has-vid .rl-vid{display:block}
.rl-change{position:absolute;top:10px;right:10px;display:none;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);padding:6px 11px;border-radius:20px}
.rl-change svg{width:14px;height:14px}
.rl-stage.has-vid .rl-change{display:inline-flex}
.rl-cover{display:none;align-items:center;gap:12px;margin-top:14px;padding:10px;border:1px solid rgba(31,111,214,.2);border-radius:14px;background:rgba(31,111,214,.06)}
.rl-cover.show{display:flex}
.rl-cover-thumb{width:46px;height:62px;border-radius:9px;overflow:hidden;flex:none;background:#000}
.rl-cover-thumb img{width:100%;height:100%;object-fit:cover}
.rl-cover-txt{flex:1;min-width:0}
.rl-cover-txt b{display:block;font-size:13.5px;color:#eaf0ff}
.rl-cover-txt span{display:block;font-size:11.5px;color:#8a93ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-cover-btn{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#7fb3f0;background:rgba(31,111,214,.12);border:0;border-radius:10px;padding:8px 12px;cursor:pointer}
.rl-cover-btn svg{width:15px;height:15px}

.nxs{position:fixed;inset:0;background:#000;z-index:200;display:none;align-items:center;justify-content:center}
.nxs.on{display:flex}
.nxs-img{max-width:520px;max-height:100%;width:100%;object-fit:contain}
.nxs-bars{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:3;max-width:520px;margin:0 auto}
.nxs-bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.nxs-bars span.done{background:#fff}
.nxs-bars span.run:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#fff;animation:nxsfill 4.2s linear forwards}
@keyframes nxsfill{to{width:100%}}
.nxs-head{position:absolute;top:24px;left:14px;right:14px;display:flex;align-items:center;gap:10px;z-index:3;color:#fff;max-width:520px;margin:0 auto}
.nxs-av{width:38px;height:38px;border-radius:50%;background:#333 center/cover;border:2px solid rgba(255,255,255,.85);flex:0 0 38px}
.nxs-name{font-size:14px;font-weight:700;flex:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.nxs-u{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#fff;text-decoration:none}
.nxs-x{background:none;border:0;color:#fff;font-size:30px;line-height:1;padding:0 4px}
.nxs-l,.nxs-r{position:absolute;top:0;bottom:0;width:32%;background:none;border:0;z-index:2;cursor:pointer}
.nxs-l{left:0}.nxs-r{right:0}
.nxs-views{display:none;position:absolute;bottom:0;left:0;right:0;z-index:4;align-items:center;justify-content:center;gap:7px;padding:16px 12px calc(20px + env(safe-area-inset-bottom,0));background:linear-gradient(transparent,rgba(0,0,0,.75));border:0;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.nxs-views svg{width:18px;height:18px}
.nxs-sheet{position:absolute;inset:0;z-index:6;display:none;align-items:flex-end;background:rgba(0,0,0,.5)}
.nxs-sheet.on{display:flex}
.nxs-sheet-card{width:100%;max-width:520px;margin:0 auto;background:var(--card);border-radius:18px 18px 0 0;max-height:70%;display:flex;flex-direction:column;animation:nxsUp .22s ease}
@keyframes nxsUp{from{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}
.nxs-sheet-h{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:800;font-size:15px}
.nxs-sheet-h svg{width:18px;height:18px;color:var(--muted)}
.nxs-sheet-h b{flex:1}
.nxs-sheet-x{background:none;border:0;color:var(--muted);font-size:26px;line-height:1;padding:0 4px;cursor:pointer}
.nxs-sheet-list{overflow-y:auto;padding:8px 18px 22px}
.nxs-viewer{display:flex;align-items:center;gap:12px;padding:9px 0}
.nxs-viewer-av{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--blue) center/cover;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}
.nxs-viewer b{font-size:14px;color:var(--ink);font-weight:600}
.nxs-sheet-empty{text-align:center;color:var(--muted);padding:28px 0;font-size:13.5px}
.cc{display:flex;flex-direction:column;height:100dvh;background:#0b0f1d;color:#e6ecf5;position:relative;overflow:hidden}
.cc-head{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#11192a;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:6;flex:0 0 auto}
.cc-back{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#cdd5ea}
.cc-head-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font-family:inherit;padding:0}
.cc-head-av{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#2a3550 center/cover;display:flex;align-items:center;justify-content:center;color:#9fb2d6}
.cc-head-av svg{width:20px;height:20px}
.cc-head-t{min-width:0}
.cc-head-t b{display:block;font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.cc-head-t small{font-size:12px;color:#8b93ad}
.cc-members{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background:#11192a;border-bottom:1px solid rgba(255,255,255,.08);transition:max-height .26s ease;z-index:5;box-shadow:0 12px 24px rgba(0,0,0,.4)}
.cc-members.on{max-height:55vh;overflow-y:auto}
.cc-members-in{padding:12px 14px}
.cc-members-h{font-size:12px;font-weight:700;color:#8b93ad;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.cc-members-h svg{width:14px;height:14px}
.cc-mem{display:flex;align-items:center;gap:11px;padding:6px 0}
.cc-mem-av{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#2a3550;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#cdd5ea;overflow:hidden}
.cc-mem-av img{width:100%;height:100%;object-fit:cover}
.cc-mem-n{font-size:14px;color:#e6ecf5}
.cc-feed{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:7px}
.cc-msg{display:flex;gap:8px;max-width:84%;align-self:flex-start}
.cc-msg.me{align-self:flex-end;flex-direction:row-reverse}
.cc-av{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2a3550;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#cdd5ea;align-self:flex-end;overflow:hidden}
.cc-av img{width:100%;height:100%;object-fit:cover}
.cc-bub{background:#1b2740;border-radius:15px;padding:7px 11px 5px;font-size:14px;line-height:1.42;min-width:54px}
.cc-msg.me .cc-bub{background:#2563eb;color:#fff;border-bottom-right-radius:5px}
.cc-msg:not(.me) .cc-bub{border-bottom-left-radius:5px}
.cc-sender{display:block;font-size:11.5px;font-weight:700;color:#7cc0ff;margin-bottom:2px}
.cc-media{display:block;border-radius:11px;overflow:hidden;margin:1px 0 4px;max-width:230px}
.cc-media img,.cc-media video{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:11px}
.cc-txt{white-space:pre-wrap;word-break:break-word}
.cc-time{display:block;text-align:right;font-size:10px;color:rgba(255,255,255,.55);margin-top:2px}
.cc-empty{margin:auto;text-align:center;color:#6b7390;padding:30px}
.cc-empty svg{opacity:.5}.cc-empty div{margin-top:8px;font-size:14px}
.cc-bar{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0));background:#11192a;border-top:1px solid rgba(255,255,255,.07);position:relative}
.cc-attach{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7fb3f0;cursor:pointer}
.cc-input{flex:1;min-width:0;background:#0b0f1d;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:11px 16px;color:#e6ecf5;font-size:14px;outline:none;font-family:inherit}
.cc-input:focus{border-color:rgba(31,111,214,.5)}
.cc-send{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1f6fd6,#23508f);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cc-send:disabled{opacity:.5}
.cc-prev{display:none;position:absolute;left:10px;right:10px;bottom:calc(100% + 6px);align-items:center;gap:8px;background:#1b2740;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 12px;font-size:13px;color:#cdd5ea}
.cc-prev svg{width:16px;height:16px;color:#7fb3f0;flex:0 0 16px}
.cc-prev-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-prev button{background:none;border:0;color:#8b93ad;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}
.cc-joinbar{display:flex;flex:0 0 auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:#11192a;border-top:1px solid rgba(255,255,255,.07)}
.cc-joinbar button,.cc-joinbar span{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1f6fd6,#23508f);border:0;color:#fff;font-weight:700;font-size:14.5px;padding:14px;border-radius:14px;cursor:pointer}

.pf-uname{font-size:13px;color:var(--muted);margin-top:2px}
.pf-bio{font-size:13px;color:var(--ink);margin-top:8px;line-height:1.45}
.pf-actions{display:flex;gap:8px;margin-top:13px;flex-wrap:nowrap}
.pf-follow{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--blue);color:#fff;font-size:13.5px;font-weight:700;padding:11px;border:0;border-radius:11px}
.pf-follow svg{width:14px;height:14px}
.pf-follow .pf-f-yes{display:none}
.pf-follow.on{background:var(--surface-2);color:var(--ink)}
.pf-follow.on .pf-f-no{display:none}
.pf-follow.on .pf-f-yes{display:inline-flex;align-items:center;gap:6px}
.pf-msg{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-2);color:var(--ink);font-size:13.5px;font-weight:700;padding:11px;border-radius:11px}
.pf-msg svg{width:14px;height:14px}

.rls{position:fixed;inset:0;max-width:var(--app-w);margin:0 auto;background:#000;z-index:60;overflow:hidden}
.rls-top{position:absolute;top:0;left:0;right:0;z-index:7;display:flex;align-items:center;gap:10px;padding:16px;color:#fff;background:linear-gradient(rgba(0,0,0,.55),transparent)}
.rls-back,.rls-cam{color:#fff;display:flex;width:32px;height:32px;align-items:center;justify-content:center}
.rls-top>span{font-size:18px;font-weight:800;flex:1}
.rls-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
.rls-feed::-webkit-scrollbar{display:none}
.rls-item{position:relative;height:100%;scroll-snap-align:start;background:#0a0a12}
.rls-video{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:1}
.rls-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rls-video:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.6))}
.rls-play{position:relative;z-index:1;width:74px;height:74px;border-radius:50%;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;color:#fff}
.rls-play svg{width:34px;height:34px;fill:#fff;margin-left:4px}
.rls-rail{position:absolute;right:10px;bottom:104px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:19px}
.rls-author-name{color:#fff;font-weight:800;text-decoration:none}
.rls-act{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;width:54px}
.rls-act svg{width:27px;height:27px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.rls-act>span{display:flex;align-items:center;justify-content:center}
.rls-act.on svg{fill:#e84393;color:#e84393}
.rls-act.pop svg{animation:rlsPop .3s ease}
@keyframes rlsPop{0%{transform:scale(1)}40%{transform:scale(1.3)}100%{transform:scale(1)}}
.rls-mute .rm-on{display:none}
.rls.sound-on .rls-mute .rm-off{display:none}
.rls.sound-on .rls-mute .rm-on{display:flex}
.rv-stage{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:9/16;max-height:64vh;background:#000;border-radius:14px;overflow:hidden}
.rv-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;background:#000}
.rls-info{position:absolute;left:14px;right:76px;bottom:108px;z-index:4;color:#fff}
.rls-author{display:flex;align-items:center;gap:8px;font-size:14px}
.rls-author-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1f6fd6,#5aa9f0);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;overflow:hidden;flex:0 0 30px}
.rls-author-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.rls-author b{font-weight:800}
.rl-up{position:fixed;inset:0;z-index:10005;display:none;align-items:center;justify-content:center;background:rgba(6,10,20,.74);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:24px}
.rl-up.show{display:flex}
.rl-up-box{width:100%;max-width:320px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.rl-up-spin{width:42px;height:42px;margin:0 auto 14px;border:3px solid var(--line);border-top-color:var(--blue,#1f6fd6);border-radius:50%;animation:rlspin .8s linear infinite}
@keyframes rlspin{to{transform:rotate(360deg)}}
.rl-up-t{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:13px}
.rl-up-bar{height:8px;border-radius:6px;background:var(--surface-2,#eef0f4);overflow:hidden;margin-bottom:8px}
.rl-up-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3f8de0,#23508f);border-radius:6px;transition:width .2s}
.rl-up-pct{font-size:13px;font-weight:700;color:var(--blue,#1f6fd6)}
.rl-up-note{font-size:11.5px;color:var(--muted);margin-top:9px;line-height:1.4}
.rls-follow{border:1px solid rgba(255,255,255,.65);border-radius:8px;padding:3px 11px;font-size:12px;font-weight:700}
.rls-cap{font-size:14.5px;font-weight:600;margin-top:11px;line-height:1.35;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.rls-desc{font-size:12.5px;opacity:.88;margin-top:5px;line-height:1.4}
.rls-music{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:11px;opacity:.92}
.rls-music svg{width:13px;height:13px}
.rls-views{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:7px;opacity:.9}
.rls-views svg{width:13px;height:13px}
.rls-views b{font-weight:700}
.rls-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;gap:12px}
.rls-nav{z-index:8}

.rls-feed{height:100vh;height:100dvh}
.rls-item{height:100vh;height:100dvh}
.rls-video{position:relative;inset:auto;width:100%;height:100%;z-index:1}

.nx-manage{display:flex;gap:10px;padding:11px 18px 0}
.nx-mng{display:inline-flex;align-items:center;gap:6px;background:rgba(31,111,214,.1);border:1px solid rgba(31,111,214,.25);color:#cdd5ea;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:10px}
.nx-mng svg{width:14px;height:14px}
.nx-mng.danger{background:rgba(232,37,45,.12);border-color:rgba(232,37,45,.3);color:#ff8e94}
/* Gönderi düzenleme + sürüm geçmişi */
.nx-edited{display:inline-flex;align-items:center;gap:4px;margin:6px 18px 0;font-size:12px;font-weight:700;color:#7c9fff;text-decoration:none}
.nx-edited svg{width:13px;height:13px}
.nx-time .nx-edited{margin:0;font-size:11px}
.np-curlbl{font-size:12px;font-weight:700;color:#8b93ad;margin:2px 2px 6px}
.np-cur{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}
.np-cur img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;opacity:.92}
.pst-list{padding:6px 0 28px}
.pst-sub{padding:4px 18px 16px;font-size:12.5px;color:#8b93ad}
.pst-ver{padding:0 18px 18px;margin-bottom:18px;border-bottom:1px solid rgba(124,159,255,.12)}
.pst-ver:last-of-type{border-bottom:0;margin-bottom:0}
.pst-ver-h{display:flex;align-items:center;justify-content:space-between;padding:0 0 11px;font-size:12px;color:#8b93ad}
.pst-ver-h b{color:#eaf0ff;font-weight:800;font-size:14px}
.pst-cur .pst-ver-h b{color:#7c9fff}
.pst-ver .nx-car{margin:0;border-radius:14px;overflow:hidden}
.pst-cap{padding:12px 0 0;font-size:14px;color:#dce3f5;line-height:1.55;white-space:pre-line}
.pst-cap.empty{color:#6b7390;font-style:italic}
.pst-loc{padding:9px 0 0;font-size:11.5px;color:#8b93ad;display:flex;align-items:center;gap:5px}
.pst-loc svg{width:13px;height:13px}
.pst-empty{text-align:center;color:#6b7390;padding:30px 0}
.pst-empty svg{width:36px;height:36px;opacity:.5;margin-bottom:8px}
.nx-capedit{display:none;padding:11px 16px 0}
.nx-capedit.open{display:block}
.nx-capedit textarea{width:100%;background:rgba(31,111,214,.08);border:1px solid rgba(31,111,214,.22);border-radius:12px;padding:11px 14px;color:#eaf0ff;font-size:13.5px;outline:none;resize:vertical;font-family:inherit;min-height:60px}
.nx-capedit button{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3f8de0,#23508f);color:#fff;border:0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700}
.nx-capedit button svg{width:15px;height:15px}

.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:3px;padding:3px 0}
.exp-cell{position:relative;aspect-ratio:1;overflow:hidden;background:#11131f;display:block}
.exp-cell.tall{grid-row:span 2;aspect-ratio:auto}
.exp-cell img{width:100%;height:100%;object-fit:cover}
.exp-type{position:absolute;right:6px;top:6px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.exp-type svg{width:15px;height:15px;fill:#fff}
.exp-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.42);color:#fff;font-size:12.5px;font-weight:700;opacity:0;transition:opacity .15s}
.exp-ov span{display:inline-flex;align-items:center;gap:4px}
.exp-ov svg{width:13px;height:13px;fill:#fff}
.exp-cell:hover .exp-ov,.exp-cell:active .exp-ov{opacity:1}

.rls-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.rls-file.playing .rls-play{display:none}
.rls-file .rls-play{z-index:2}

/* ===== SEYYAH Keşif Rehberi ===== */
.sy{background:#06121a;min-height:100vh;padding-bottom:34px}
.sy-hero{position:relative;min-height:308px;background:linear-gradient(135deg,#0d2a38,#06121a);background-size:cover;background-position:center;display:flex;flex-direction:column;border-radius:0 0 26px 26px;overflow:hidden}
.sy-head{display:flex;align-items:center;gap:12px;padding:16px 16px 0}
.sy-icbtn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:0;background:rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;color:#fff}
.sy-icbtn svg{width:22px;height:22px}
.sy-icbtn.on{color:#ff5a5f}.sy-icbtn.on svg{fill:currentColor}
.sy-search{background:rgba(0,0,0,.5)}
.sy-brand{flex:1;display:flex;align-items:center;gap:10px;justify-content:center;text-decoration:none}
.sy-logo-ic{color:#2ed3d3;display:flex;filter:drop-shadow(0 0 8px rgba(46,211,211,.5))}
.sy-logo-ic svg{width:26px;height:26px}
.sy-logo{font-size:24px;font-weight:800;letter-spacing:1px;color:#fff;line-height:1;display:flex;flex-direction:column}
.sy-logo small{font-size:8.5px;letter-spacing:2px;color:#2ed3d3;font-weight:700;margin-top:3px}
.sy-hero-body{margin-top:auto;padding:0 22px 26px}
.sy-hero-body h1{font-size:29px;font-weight:800;color:#fff;line-height:1.18}
.sy-hero-body h1 b{color:#2ed3d3}
.sy-near{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:1.5px solid rgba(46,211,211,.6);color:#fff;font-size:14px;font-weight:600;padding:11px 20px;border-radius:30px;background:rgba(46,211,211,.08)}
.sy-near svg{width:17px;height:17px;color:#2ed3d3}
.sy-main{padding:22px 16px 0}
.sy-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sy-sec-h h2{font-size:21px;font-weight:800;color:#fff}
.sy-more{display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:600;color:#2ed3d3}
.sy-more svg{width:15px;height:15px}
.sy-cats{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sy-cat{position:relative;display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#0e2230,#0a1a26);border:1px solid rgba(46,211,211,.13);border-radius:16px;padding:13px;overflow:hidden;min-height:74px}
.sy-cat-ic{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(46,211,211,.1);border:1px solid rgba(46,211,211,.25);display:flex;align-items:center;justify-content:center;color:#2ed3d3;z-index:1}
.sy-cat-ic svg{width:23px;height:23px}
.sy-cat-t{flex:1;min-width:0;z-index:1}
.sy-cat-t b{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1.15}
.sy-cat-t small{font-size:10.5px;color:#7e98a6}
.sy-cat-img{position:absolute;right:0;top:0;bottom:0;width:44%;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%);mask-image:linear-gradient(90deg,transparent,#000 65%);opacity:.5}
.sy-feat{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sy-fcard{position:relative;height:150px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#12303f,#0a1a26);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:13px}
.sy-rate{position:absolute;left:11px;top:11px;display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.6);color:#ffce45;font-size:12px;font-weight:800;padding:4px 9px;border-radius:9px}
.sy-rate svg{width:12px;height:12px;fill:#ffce45;color:#ffce45}
.sy-fav{position:absolute;right:11px;top:11px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff}
.sy-fav svg{width:16px;height:16px}
.sy-fcard-b b{font-size:16px;font-weight:800;color:#fff;display:block}
.sy-fcard-b small{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#cfe3ea;margin-top:3px}
.sy-fcard-b small svg{width:12px;height:12px;color:#2ed3d3}
.sy-cta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sy-cta{position:relative;min-height:98px;border-radius:16px;padding:15px;background:linear-gradient(135deg,#10303e,#0a1a26);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.sy-cta.teal{background:linear-gradient(135deg,#0f8a92,#0c6066)}
.sy-cta b{font-size:16px;font-weight:800;color:#fff;display:block}
.sy-cta small{font-size:11.5px;color:#cfe3ea;display:block;margin-top:4px;line-height:1.3}
.sy-cta-go{align-self:flex-end;width:34px;height:34px;border-radius:50%;background:rgba(46,211,211,.85);display:flex;align-items:center;justify-content:center;color:#06121a}
.sy-cta-go svg{width:18px;height:18px}
.sy-map{display:flex;align-items:center;gap:12px;margin-top:16px;border-radius:16px;padding:16px;background:linear-gradient(120deg,#0e2735,#0a1a26);border:1px solid rgba(46,211,211,.16)}
.sy-map-bd{flex:1}
.sy-map-bd b{font-size:16px;font-weight:800;color:#fff;display:block}
.sy-map-bd small{font-size:12px;color:#7e98a6}
.sy-map-btn{display:inline-flex;align-items:center;gap:7px;background:#2ed3d3;color:#06121a;font-size:13px;font-weight:800;padding:11px 16px;border-radius:12px;white-space:nowrap}
.sy-map-btn svg{width:16px;height:16px}

.sy-detail{padding-bottom:30px}
.sy-d-hero{min-height:296px;background:linear-gradient(135deg,#0d2a38,#06121a);background-size:cover;background-position:center}
.sy-d-body{padding:0 18px}
.sy-d-cat{display:inline-flex;align-items:center;gap:6px;margin-top:-28px;position:relative;background:rgba(6,16,24,.72);border:1px solid rgba(46,211,211,.5);color:#2ed3d3;font-size:11px;font-weight:800;letter-spacing:.6px;padding:6px 13px;border-radius:30px}
.sy-d-cat svg{width:14px;height:14px}
.sy-d-title{font-size:31px;font-weight:800;color:#fff;margin-top:14px;line-height:1.12}
.sy-d-sub{font-size:15px;color:#aebfc8;margin-top:10px;line-height:1.45}
.sy-d-meta{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:#cfe3ea}
.sy-d-meta span{display:inline-flex;align-items:center;gap:5px}
.sy-d-meta svg{width:14px;height:14px;color:#2ed3d3}
.sy-d-rate{color:#fff;font-weight:700}
.sy-d-rate svg{fill:#ffce45;color:#ffce45}
.sy-d-sep{color:#3a4f5a}
.sy-d-car{position:relative;margin-top:16px;border-radius:18px;overflow:hidden;background:#0a1a26;border:1px solid rgba(46,211,211,.16)}
.sy-d-car .dg-track{aspect-ratio:1.35/1}
.sy-d-car .dg-slide img{width:100%;height:100%;object-fit:cover}
.sy-d-car .dg-count{background:rgba(6,18,26,.7);top:12px;bottom:auto}
.sy-d-car .dg-thumbs{background:#0a1a26;padding:10px}
.sy-d-car .dg-thumbs .th.active{border-color:#2ed3d3}
.td2-car{position:relative;margin:14px 0;border-radius:18px;overflow:hidden;background:#0a1a26;border:1px solid rgba(46,211,211,.16)}
.td2-car .dg-track{aspect-ratio:1.35/1}
.td2-car .dg-slide img{width:100%;height:100%;object-fit:cover}
.td2-car .dg-count{background:rgba(6,18,26,.7);top:12px;bottom:auto}
.td2-car .dg-thumbs{background:#0a1a26;padding:10px}
.td2-car .dg-thumbs .th.active{border-color:#2ed3d3}
.sy-d-desc{margin-top:16px;font-size:15px;color:#cfdae2;line-height:1.7}
.sy-d-desc p{margin:0 0 13px}
.sy-d-desc p:last-child{margin-bottom:0}
.sy-d-desc h2,.sy-d-desc h3,.sy-d-desc h4{color:#fff;margin:18px 0 8px;font-size:17px;line-height:1.3}
.sy-d-desc ul,.sy-d-desc ol{margin:0 0 13px;padding-left:20px}
.sy-d-desc li{margin-bottom:6px}
.sy-d-desc a{color:#2ed3d3;text-decoration:underline}
.sy-d-desc img{max-width:100%;border-radius:12px;margin:8px 0}
.sy-d-desc blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid #2ed3d3;color:#aebfc8}
.sy-d-info{display:flex;justify-content:space-between;gap:6px;margin-top:14px;background:linear-gradient(120deg,#0e2230,#0a1a26);border:1px solid rgba(46,211,211,.13);border-radius:16px;padding:15px 10px}
.sy-d-info-i{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;flex:1}
.sy-d-info-ic{color:#2ed3d3}
.sy-d-info-ic svg{width:18px;height:18px}
.sy-d-info-i small{font-size:9.5px;color:#7e98a6}
.sy-d-info-i b{font-size:11px;color:#fff;font-weight:700}
.sy-d-sec{margin-top:24px}
.sy-d-sec h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:13px}
.sy-d-video{position:relative;height:200px;border-radius:18px;overflow:hidden;background:#0d2230;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.sy-d-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sy-d-play{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;color:#fff}
.sy-d-play svg{width:30px;height:30px;fill:#fff;margin-left:3px}
.sy-d-vmeta{position:absolute;left:14px;bottom:12px;color:#fff;font-size:13px;font-weight:600}
.sy-d-vmeta span{opacity:.8}
.sy-d-map{border-radius:16px;overflow:hidden;border:1px solid rgba(46,211,211,.16)}
.sy-d-mapbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.sy-d-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px;border-radius:13px;font-size:13.5px;font-weight:700;border:1px solid rgba(46,211,211,.3);background:rgba(46,211,211,.08);color:#fff}
.sy-d-btn svg{width:16px;height:16px;color:#2ed3d3}
.sy-d-btn.teal{background:#2ed3d3;color:#06121a;border-color:#2ed3d3}
.sy-d-btn.teal svg{color:#06121a}
.sy-d-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.sy-d-feat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:linear-gradient(120deg,#0e2230,#0a1a26);border:1px solid rgba(46,211,211,.13);border-radius:14px;padding:14px 5px;font-size:10.5px;font-weight:600;color:#cfe3ea}
.sy-d-feat-ic{width:42px;height:42px;border-radius:12px;background:rgba(46,211,211,.1);display:flex;align-items:center;justify-content:center;color:#2ed3d3}
.sy-d-feat-ic svg{width:22px;height:22px}
.sy-d-notes{display:flex;gap:13px;background:linear-gradient(120deg,#0e2230,#0a1a26);border:1px solid rgba(46,211,211,.13);border-radius:16px;padding:16px}
.sy-d-notes-ic{color:#2ed3d3;flex:0 0 auto}
.sy-d-notes-ic svg{width:18px;height:18px}
.sy-d-notes ul{margin:0;padding-left:18px;color:#aebfc8;font-size:13.5px;line-height:1.7}

/* SEYYAH harita konteyneri (dmap-el absolute için relative ata) */
.sy-d-map{position:relative;height:150px}

.sy-list{background:#06121a;min-height:100vh;padding-bottom:30px}
.sy-list .sy-head{background:#08161f;border-bottom:1px solid rgba(46,211,211,.12);position:sticky;top:0;z-index:20;padding:14px 16px}
.sy-list-title{flex:1;text-align:center;font-size:18px;font-weight:800;color:#fff}
.sy-list-main{padding:14px 16px 0}
.sy-search-box{display:flex;align-items:center;gap:9px;background:#0e2230;border:1px solid rgba(46,211,211,.18);border-radius:13px;padding:11px 15px}
.sy-search-box svg{width:18px;height:18px;color:#2ed3d3;flex:0 0 18px}
.sy-search-box input{flex:1;background:none;border:0;outline:none;color:#fff;font-size:14px}
.sy-search-box input::placeholder{color:#5e7884}
.sy-chips{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none}
.sy-chips::-webkit-scrollbar{display:none}
.sy-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:#0e2230;border:1px solid rgba(46,211,211,.16);color:#aebfc8;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:11px;white-space:nowrap}
.sy-chip svg{width:13px;height:13px}
.sy-chip.on{background:#2ed3d3;color:#06121a;border-color:#2ed3d3}
.sv-chips{display:flex;gap:8px;overflow-x:auto;padding:12px;scrollbar-width:none}
.sv-chips::-webkit-scrollbar{display:none}
.sv-chip{flex:0 0 auto;display:inline-flex;align-items:center;background:var(--surface-2,var(--bg));border:1px solid var(--line);color:var(--muted);font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:11px;white-space:nowrap;text-decoration:none}
.sv-chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.sv-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}
.sv-row .sv-ic{flex:0 0 40px;height:40px;border-radius:11px;background:rgba(31,111,214,.12);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.sv-row .sv-main{flex:1;min-width:0}
.sv-row .sv-main b{display:block;font-size:14px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv-row .sv-main small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted-2)}
.sv-row>svg:last-child{flex:0 0 auto;color:var(--muted-2)}
/* Üyelik tier rozeti + paketler sayfası */
.rank-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--badge-color);border-radius:50%;vertical-align:middle;flex:0 0 auto}
[data-tip]{cursor:pointer}
.tipbubble{position:absolute;z-index:9999;background:var(--navy-surface,#1a2238);color:#fff;font-size:12px;font-weight:600;padding:7px 11px;border-radius:9px;max-width:230px;line-height:1.35;box-shadow:0 8px 24px rgba(0,0,0,.45);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.tipbubble.show{opacity:1;transform:translateY(0)}
.tier-badge{border-radius:50%;object-fit:cover;vertical-align:middle;flex:0 0 auto;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.tier-chip{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}
.tier-chip-label{font-size:12.5px;font-weight:800;color:var(--tier);line-height:1;white-space:nowrap}
.mp-wrap{background:var(--bg);padding:0 14px calc(94px + env(safe-area-inset-bottom,0)) 14px;min-height:100vh}
.mp-hero{position:relative;margin:0 -14px 18px;min-height:220px;display:flex;align-items:center;overflow:hidden;background:#0a0f1c;border-radius:0 0 20px 20px}
.mp-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center right}
.mp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,20,.94) 0%,rgba(7,11,20,.78) 32%,rgba(7,11,20,.25) 64%,rgba(7,11,20,0) 100%)}
.mp-hero-content{position:relative;z-index:1;padding:26px 18px}
.mp-hero-content h1{font-size:clamp(30px,9vw,40px);font-weight:900;color:#fff;line-height:1.04;margin:0;letter-spacing:-.5px}
.mp-hero-content h1 span{display:block;color:#39d98a}
.mp-hero-content p{color:#e3e9f2;font-size:14px;margin:12px 0 0;line-height:1.5;max-width:62%;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.mp-list{display:flex;flex-direction:column;gap:14px}
.mp-reqs{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-bottom:14px}
.mp-reqs-h{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:6px}
.mp-reqs-h svg{color:var(--muted-2)}
.mp-req{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line-2)}
.mp-req-bd{flex:1;min-width:0}
.mp-req-bd b{display:block;color:var(--ink);font-size:13.5px;font-weight:700}
.mp-req-bd small{color:var(--muted);font-size:11.5px}
.mp-req-st{flex:0 0 auto;font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px;white-space:nowrap}
.mp-req-st.pending{background:rgba(245,166,35,.18);color:var(--gold)}
.mp-req-st.approved{background:rgba(31,164,99,.16);color:var(--green-2)}
.mp-req-st.rejected{background:rgba(225,27,34,.14);color:var(--red)}
:root[data-theme="dark"] .mp-reqs{background:#0c1322;border-color:#20304d}
.mp-card{display:flex;align-items:center;gap:12px;position:relative;background:var(--card);border:1px solid var(--tier);border-radius:18px;padding:18px 14px;text-decoration:none;box-shadow:var(--shadow-sm)}
.mp-card.is-popular{border-width:3px;box-shadow:0 0 0 1px var(--tier),0 12px 34px rgba(245,166,35,.16)}
.mp-pop{position:absolute;top:0;right:18px;background:var(--tier);color:#1a1205;font-size:10px;font-weight:800;letter-spacing:.4px;padding:4px 10px;border-radius:0 0 9px 9px}
.mp-medal{flex:0 0 100px;width:100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.mp-medal b{color:var(--ink);font-size:15.5px;font-weight:800;margin-top:5px}
.mp-medal small{color:var(--muted);font-size:11px;line-height:1.2}
.mp-feats{flex:1;list-style:none;margin:0;padding:0;min-width:0}
.mp-feats li{display:flex;align-items:flex-start;gap:6px;color:var(--navy-2);font-size:12px;line-height:1.35;padding:2.5px 0}
.mp-feats li svg{flex:0 0 auto;color:var(--tier);margin-top:1px;width:14px;height:14px}
.mp-price{flex:0 0 auto;text-align:right;padding-left:2px}
.mp-price span{display:block;color:var(--tier);font-size:25px;font-weight:900;line-height:1}
.mp-price small{color:var(--muted);font-size:11.5px}
.mp-arrow{flex:0 0 auto;color:var(--muted-2)}
.mp-card{margin:0}
.mp-buy{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.mp-cta{display:flex;align-items:center;justify-content:flex-end}
.mp-cta-btn{display:inline-flex;align-items:center;gap:5px;background:var(--tier);color:#fff;border:0;border-radius:10px;padding:9px 14px;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.mp-cta-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:7px 9px;border-radius:9px;white-space:nowrap;line-height:1}
.mp-cta-badge.active{background:rgba(31,164,99,.16);color:var(--green-2)}
.mp-cta-badge.pending{background:rgba(245,166,35,.18);color:var(--gold)}
.mp-cta-badge svg{width:14px;height:14px}
.mp-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 6px}
.mp-trust-i{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px}
.mp-trust-i svg{color:var(--green-2);width:21px;height:21px}
.mp-trust-i b{color:var(--ink);font-size:10.5px;font-weight:700;line-height:1.2}
.mp-trust-i small{color:var(--muted);font-size:9px;line-height:1.25}
/* Koyu modda premium görünüm (gradient kart + derin zemin + parlak mint) korunur */
:root[data-theme="dark"] .mp-wrap{background:#0a0f1c}
:root[data-theme="dark"] .mp-card{background:linear-gradient(160deg,#121a2e,#0c1322)}
:root[data-theme="dark"] .mp-trust{background:#0c1322;border-color:#20304d}
:root[data-theme="dark"] .mp-feats li{color:#c6d2e0}
:root[data-theme="dark"] .mp-trust-i svg{color:#39d98a}
/* AI ile üret — ortak tetik buton + modal (tema-doğru) */
.ai-trigger{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#2f80ed,#1b62c9);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:700;font-size:13.5px;cursor:pointer;margin-bottom:8px;box-shadow:0 4px 14px rgba(31,98,201,.3)}
.ai-trigger svg{flex:0 0 auto}
.ai-trigger:hover{filter:brightness(1.06)}
.ai-trigger:active{transform:translateY(1px)}
.ai-trigger.is-spent,.ai-trigger:disabled{filter:grayscale(.5);opacity:.55;cursor:not-allowed;box-shadow:none}
.ai-quota{margin:0 0 16px;font-size:12.5px;color:var(--muted);text-align:center}
.ai-quota b{color:var(--ink)}
.ai-quota svg{vertical-align:-2px;color:var(--blue)}
.ai-quota-empty{background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;padding:11px 14px;text-align:left}
.ai-quota-empty a{color:var(--blue);font-weight:700;text-decoration:none}
.np-form .ai-trigger{margin-top:14px}
.np-form .ai-quota{margin-bottom:0}
.aimodal-ov{position:fixed;inset:0;background:rgba(6,10,20,.62);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s;padding:20px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.aimodal-ov.show{opacity:1}
.aimodal{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;max-width:440px;width:100%;box-shadow:0 24px 70px rgba(0,0,0,.5);transform:scale(.92) translateY(8px);transition:transform .2s cubic-bezier(.2,.8,.3,1)}
.aimodal-ov.show .aimodal{transform:scale(1) translateY(0)}
.aimodal-x{position:absolute;top:11px;right:11px;width:30px;height:30px;border:0;background:transparent;color:var(--muted-2);font-size:22px;line-height:1;cursor:pointer;border-radius:8px}
.aimodal-x:hover{background:var(--surface-2);color:var(--ink)}
.aimodal-h{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--ink);padding-right:28px}
.aimodal-h svg{color:var(--blue);flex:0 0 auto}
.aimodal-p{margin:7px 0 14px;font-size:13px;color:var(--muted);line-height:1.5}
.aimodal-kw{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14px;color:var(--ink);outline:none}
.aimodal-kw:focus{border-color:var(--blue)}
.aimodal-kw::placeholder{color:var(--muted-2)}
.aimodal-kw:disabled{opacity:.6}
.aimodal-msg{margin-top:10px;font-size:12.5px;font-weight:600}
.aimodal-msg.err{color:var(--red)}
.aimodal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.aimodal-actions .btn{justify-content:center}
.aimodal-go{min-width:128px}
.ai-upsell{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;padding:12px 14px;margin-bottom:16px;text-decoration:none;color:var(--text);font-size:13px}
.ai-upsell>svg:first-child{color:var(--blue);flex:0 0 auto}
.ai-upsell span{flex:1}
.ai-upsell b{color:var(--blue)}
.ai-upsell>svg:last-child{color:var(--muted-2);flex:0 0 auto}
.sy-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:2px}
.sy-empty{text-align:center;color:#5e7884;padding:50px 16px}
.sy-empty svg{opacity:.5;color:#2ed3d3}
.sy-empty div{margin-top:10px;font-size:14px}

/* Cide Asistanı — sabit koyu (teal) tema */
.asis-wrap{display:flex;flex-direction:column;height:100dvh;background:#03070f;color:#eef3fb}
/* ============================================================
   Cide Asistanı — /asistan HEADER (düz/flat, kart YOK)
   Çevrimiçi sağ-üstte. Köşe spark yok. Robot arkası yumuşak ışıma.
   ============================================================ */
.asis-hero{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 11px 46px;border:0;border-radius:0;border-bottom:1px solid rgba(58,168,214,.13);background:radial-gradient(110% 150% at 22% -55%,rgba(30,120,190,.13),transparent 60%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.asis-back{position:absolute;top:calc(50% + (env(safe-area-inset-top,0px) / 2));left:6px;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#cfe0f5;z-index:4}
.asis-hero-robot{position:relative;width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center}
.asis-hero-robot::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(51,214,194,.30),rgba(38,150,214,.15) 46%,transparent 72%);z-index:-1;pointer-events:none}
.asis-hero-robot img{width:100%;height:100%;object-fit:contain}
.asis-hero-mid{flex:1;min-width:0;text-align:left}
.asis-hero-ttl{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:#f2f7ff;letter-spacing:.2px;line-height:1.18}
.asis-hero-sub{font-size:12.5px;color:#8a94a6;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asis-hero-on{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;margin:0;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#34d96e;z-index:3}
.asis-hero-on i{width:7px;height:7px;border-radius:50%;background:#2bd968;box-shadow:0 0 0 3px rgba(43,217,104,.20)}
.asis-hero-spark{display:none}
.asis-hero-ttl .cg-ai-badge{vertical-align:middle}
@media (prefers-reduced-motion:reduce){.asis-hero-robot::before{animation:none}}
.asis-log{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:13px;-webkit-overflow-scrolling:touch}
.asis-row{display:flex;gap:9px;align-items:flex-start;max-width:100%;animation:asisIn .26s ease both}
@keyframes asisIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.asis-row.user{justify-content:flex-end}
.asis-ava{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(135deg,#1f9bd6,#10406a);display:flex;align-items:center;justify-content:center;color:#bfeeff}
.asis-ava svg{width:18px;height:18px}
.asis-bot{display:flex;flex-direction:column;gap:9px;min-width:0;max-width:84%}
.asis-bubble{padding:11px 15px;border-radius:16px;font-size:14.5px;line-height:1.5}
.asis-row.bot>.asis-bubble,.asis-bot .asis-bubble{background:rgba(10,38,66,.72);color:#e6f1fb;border:1px solid rgba(46,200,235,.14);border-bottom-left-radius:5px;max-width:84%}
.asis-bot .asis-bubble{max-width:100%}
.asis-row.user .asis-bubble{background:linear-gradient(135deg,#1aa3d6,#1466c0);color:#fff;border-bottom-right-radius:5px;max-width:84%}
.asis-cards{display:flex;flex-direction:column;gap:8px}
.asis-card{display:flex;align-items:center;gap:11px;background:rgba(8,30,56,.6);border:1px solid rgba(46,200,235,.18);border-radius:13px;padding:10px;text-decoration:none}
.asis-card-img,.asis-card-ic{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:17px}
.asis-card-ic{background:linear-gradient(135deg,#1aa3d6,#1466c0);text-transform:uppercase}
.asis-card-b{flex:1;min-width:0}
.asis-card-b b{display:block;font-size:14px;color:#eaf4ff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asis-card-b small{font-size:12px;color:#8fb0d6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asis-card:after{content:"›";color:#5f86ad;font-size:20px;padding:0 4px;flex:0 0 auto}
.asis-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#8a97ab;letter-spacing:.3px;text-transform:uppercase}
.asis-hint svg{width:14px;height:14px;color:#46cdee;filter:drop-shadow(0 0 5px rgba(70,205,238,.45))}

.asis-chips{display:flex;flex-wrap:wrap;gap:9px;padding-top:4px;align-items:stretch}
.asis-chips::-webkit-scrollbar{display:none}

.asis-chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 14px;
  border-radius:13px;
  font-size:12.5px;
  font-weight:600;
  line-height:1;
  color:#e7eefa;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  cursor:pointer;
  white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.asis-chip svg{
  width:16px;height:16px;flex:0 0 auto;color:#5b8cf0;
  transition:transform .2s ease,filter .2s ease;
}
.asis-chip span{
  white-space:nowrap;
  line-height:1;
  text-align:left;
  letter-spacing:.1px;
}

/* 1) Hava & deniz — amber */
.asis-chip:nth-child(1){background:rgba(243,193,74,.10);border-color:rgba(243,193,74,.28)}
.asis-chip:nth-child(1) svg{color:#f3c14a}
/* 2) Etkinlikler — mavi */
.asis-chip:nth-child(2){background:rgba(91,140,240,.10);border-color:rgba(91,140,240,.28)}
.asis-chip:nth-child(2) svg{color:#5b8cf0}
/* 3) Gezilecek yerler — teal */
.asis-chip:nth-child(3){background:rgba(51,214,194,.10);border-color:rgba(51,214,194,.28)}
.asis-chip:nth-child(3) svg{color:#33d6c2}
/* 4) Son ilanlar — mavi */
.asis-chip:nth-child(4){background:rgba(108,156,240,.10);border-color:rgba(108,156,240,.28)}
.asis-chip:nth-child(4) svg{color:#6c9cf0}
/* 5) Fırsatlar — mor */
.asis-chip:nth-child(5){background:rgba(155,108,240,.10);border-color:rgba(155,108,240,.28)}
.asis-chip:nth-child(5) svg{color:#9b6cf0}

/* hover — renk ailesine göre parlama */
.asis-chip:hover{transform:translateY(-2px)}
.asis-chip:hover svg{transform:scale(1.08)}
.asis-chip:nth-child(1):hover{background:rgba(243,193,74,.18);border-color:rgba(243,193,74,.5);box-shadow:0 5px 16px rgba(243,193,74,.18)}
.asis-chip:nth-child(1):hover svg{filter:drop-shadow(0 0 6px rgba(243,193,74,.6))}
.asis-chip:nth-child(2):hover{background:rgba(91,140,240,.18);border-color:rgba(91,140,240,.5);box-shadow:0 5px 16px rgba(91,140,240,.18)}
.asis-chip:nth-child(2):hover svg{filter:drop-shadow(0 0 6px rgba(91,140,240,.6))}
.asis-chip:nth-child(3):hover{background:rgba(51,214,194,.18);border-color:rgba(51,214,194,.5);box-shadow:0 5px 16px rgba(51,214,194,.18)}
.asis-chip:nth-child(3):hover svg{filter:drop-shadow(0 0 6px rgba(51,214,194,.6))}
.asis-chip:nth-child(4):hover{background:rgba(108,156,240,.18);border-color:rgba(108,156,240,.5);box-shadow:0 5px 16px rgba(108,156,240,.18)}
.asis-chip:nth-child(4):hover svg{filter:drop-shadow(0 0 6px rgba(108,156,240,.6))}
.asis-chip:nth-child(5):hover{background:rgba(155,108,240,.18);border-color:rgba(155,108,240,.5);box-shadow:0 5px 16px rgba(155,108,240,.18)}
.asis-chip:nth-child(5):hover svg{filter:drop-shadow(0 0 6px rgba(155,108,240,.6))}

.asis-chip:active{transform:scale(.95) translateY(0);box-shadow:none}
.asis-bar{display:flex;align-items:center;gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(46,200,235,.16);background:#041427}
.asis-bar-ic{display:inline-flex;color:#46cdee;flex:0 0 auto}
.asis-bar-ic svg{width:18px;height:18px}
.asis-bar input{flex:1;background:linear-gradient(#070f20,#070f20) padding-box,linear-gradient(90deg,#27d3e6,#9a5cf0) border-box;border:1.5px solid transparent;border-radius:26px;padding:12px 17px;font-size:14.5px;color:#eef3fb;outline:none}
.asis-bar input::placeholder{color:#7e8a9c}
.asis-bar button{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:50%;background:linear-gradient(135deg,#5b6ef0,#9a5cf0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 14px rgba(120,90,240,.4)}
.asis-bar button svg{width:20px;height:20px}
.asis-typing{display:inline-flex;gap:4px;align-items:center}
.asis-typing span{width:7px;height:7px;border-radius:50%;background:#5f86ad;animation:asisb 1s infinite}
.asis-typing span:nth-child(2){animation-delay:.15s}
.asis-typing span:nth-child(3){animation-delay:.3s}
@keyframes asisb{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.nx-car{position:relative}
.nx-a svg{transition:transform .15s ease}
@keyframes nxpop{0%{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.85)}100%{transform:scale(1)}}
.nx-a.pop svg{animation:nxpop .45s cubic-bezier(.2,.7,.3,1.4)}
.nx-burst{position:absolute;top:50%;left:50%;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;z-index:6;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));animation:nxburst .8s ease forwards}
.nx-burst svg{width:100%;height:100%}
@keyframes nxburst{0%{opacity:0;transform:scale(.2)}15%{opacity:.95;transform:scale(1.2)}30%{transform:scale(.95)}45%{transform:scale(1.05)}70%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(1.15)}}
.nx-track{scroll-behavior:smooth}
.nx-act button,.nx-a,.nx-save{transition:opacity .15s,color .15s,transform .12s}
.nx-act button:active,.nx-a:active{transform:scale(.9)}

.nx-likes{text-decoration:none;color:inherit;cursor:pointer}
.nx-ulist{padding:2px 0 24px}
.nx-urow{display:flex;align-items:center;gap:12px;padding:9px 2px}
.nx-uav{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:0 0 46px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3f8de0,#23508f);color:#fff;font-weight:700;font-size:17px;text-decoration:none}
.nx-uav img{width:100%;height:100%;object-fit:cover}
.nx-uinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-decoration:none}
.nx-un{display:flex;align-items:center;gap:4px;font-weight:700;font-size:14px;color:#eaf0ff}
.nx-unm{font-size:12.5px;color:#8b93ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nx-ufollow{border:0;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#3f8de0,#23508f);color:#fff;flex:0 0 auto;transition:opacity .15s}
.nx-ufollow:active{opacity:.85}
.nx-ufollow::after{content:"Takip Et"}
.nx-ufollow.on{background:rgba(255,255,255,.12);color:#eaf0ff}
.nx-ufollow.on::after{content:"Takip Ediliyor"}

.nx-storyform{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin:0;padding:0;border:0;background:none}
.nx-storyform .nx-ring{cursor:pointer}
.nx-addbadge{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#3f8de0,#23508f);border:2.5px solid #06080f;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:3}

.sy-d-info-i > div{display:flex;flex-direction:column;gap:2px;align-items:center;line-height:1.3}
.sy-d-info-i small{display:block}
.sy-d-info-i b{display:block}
.sy-d-video{margin:0 -18px!important;width:calc(100% + 36px)!important;max-width:none!important;aspect-ratio:auto!important;border-radius:0!important;height:230px}

/* Carousel: tıklanır nokta + sürükle imleci (smooth'u kapat ki sürükleme akıcı olsun) */
.nx-dots span{cursor:pointer;padding:3px;margin:-3px}
.nx-track{scroll-behavior:auto;cursor:grab}
.nx-track:active{cursor:grabbing}

.cg-tile{border-radius:18px;box-shadow:0 6px 18px rgba(0,0,0,.15);transition:transform .14s ease,box-shadow .14s ease}
.cg-tile:active{transform:scale(.96)}
:root[data-theme="dark"] .cg-tile{background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-color:rgba(255,255,255,.08)}
.cg-tile-ic{box-shadow:0 4px 12px rgba(0,0,0,.25)}
:root[data-theme="dark"] .cg-tile.blue{background:linear-gradient(165deg,rgba(59,130,246,.17),rgba(59,130,246,.04));border-color:rgba(59,130,246,.3)}
:root[data-theme="dark"] .cg-tile.blue2{background:linear-gradient(165deg,rgba(77,141,240,.17),rgba(77,141,240,.04));border-color:rgba(77,141,240,.3)}
:root[data-theme="dark"] .cg-tile.orange{background:linear-gradient(165deg,rgba(255,159,67,.17),rgba(255,159,67,.04));border-color:rgba(255,159,67,.32)}
:root[data-theme="dark"] .cg-tile.forange{background:linear-gradient(165deg,rgba(245,135,42,.17),rgba(245,135,42,.04));border-color:rgba(245,135,42,.32)}
:root[data-theme="dark"] .cg-tile.purple,:root[data-theme="dark"] .cg-tile.purple2{background:linear-gradient(165deg,rgba(31,111,214,.18),rgba(31,111,214,.05));border-color:rgba(31,111,214,.32)}
:root[data-theme="dark"] .cg-tile.red{background:linear-gradient(165deg,rgba(232,55,68,.17),rgba(232,55,68,.04));border-color:rgba(232,55,68,.32)}
:root[data-theme="dark"] .cg-tile.hred{background:linear-gradient(165deg,rgba(224,85,95,.17),rgba(224,85,95,.04));border-color:rgba(224,85,95,.32)}
:root[data-theme="dark"] .cg-tile.green{background:linear-gradient(165deg,rgba(52,215,123,.16),rgba(52,215,123,.04));border-color:rgba(52,215,123,.3)}
:root[data-theme="dark"] .cg-tile.tgreen{background:linear-gradient(165deg,rgba(46,204,113,.16),rgba(46,204,113,.04));border-color:rgba(46,204,113,.3)}
:root[data-theme="dark"] .cg-tile.cyan{background:linear-gradient(165deg,rgba(43,196,224,.16),rgba(43,196,224,.04));border-color:rgba(43,196,224,.3)}
:root[data-theme="dark"] .cg-tile.gold{background:linear-gradient(165deg,rgba(224,179,87,.17),rgba(224,179,87,.04));border-color:rgba(224,179,87,.32)}
:root[data-theme="dark"] .cg-tile.navy{background:linear-gradient(165deg,rgba(120,140,180,.14),rgba(120,140,180,.04));border-color:rgba(120,140,180,.32)}

.bottomnav{background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
  box-shadow:0 -8px 30px rgba(20,35,63,.13),0 -2px 8px rgba(20,35,63,.06);border-top:1px solid rgba(20,35,63,.07)}
:root[data-theme="dark"] .bottomnav{background:rgba(17,25,42,.88);box-shadow:0 -10px 34px rgba(0,0,0,.5),0 -2px 10px rgba(0,0,0,.34);border-top:1px solid rgba(255,255,255,.08)}
/* Aktif sekme: sadece mavi renk + kalın etiket — arkada pill/gölge YOK. Hover: sade renk geçişi (gölgesiz). */
.bn:not(.active):hover{color:var(--text)}
.bn.center .fab{background:#1f6fd6;
  box-shadow:0 6px 16px rgba(31,99,214,.42),0 2px 5px rgba(0,0,0,.18);
  position:relative;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.bn.center .fab svg{position:relative;z-index:1}
.bn.center .fab:active{transform:scale(.92)}
.bn.center{background:none;border:0;cursor:pointer;font:inherit}
/* Oluştur alt-sayfası (create sheet) — + fab'a basınca açılır */
.csheet{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}
.csheet[hidden]{display:none}
.csheet-bd{position:absolute;inset:0;background:rgba(6,10,20,.55);opacity:0;transition:opacity .22s}
.csheet.open .csheet-bd{opacity:1}
.csheet-panel{position:relative;width:100%;max-width:var(--app-w);background:var(--card);border-radius:22px 22px 0 0;padding:10px 16px calc(26px + env(safe-area-inset-bottom,0));box-shadow:0 -12px 40px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .26s cubic-bezier(.32,.72,0,1)}
.csheet.open .csheet-panel{transform:translateY(0)}
.csheet-grip{display:block;width:40px;height:4px;border-radius:3px;background:var(--line);margin:4px auto 14px}
.csheet-h{font-size:15px;font-weight:800;color:var(--ink);text-align:center;margin-bottom:18px}
.csheet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.cs-opt{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:600;color:var(--ink);text-decoration:none;text-align:center;line-height:1.15}
.cs-opt:active{opacity:.65}
.cs-ic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}
.cs-ic.blue{background:linear-gradient(135deg,#2f73c9,#1f6fd6)}
.cs-ic.purple{background:linear-gradient(135deg,#9b6bff,#5a3fb0)}
.cs-ic.pink{background:linear-gradient(135deg,#e84393,#c0327a)}
.cs-ic.green{background:linear-gradient(135deg,#2ecc71,#1fa463)}
.cs-ic.teal{background:linear-gradient(135deg,#1fb6a6,#0f7a6e)}

/* Lightbox (galeri büyütme) butonları — koyu cam (parlak görsellerde görünür; beyaz-üstü-beyaz düzeltme) */
.lb-x,.lb-nav{background:rgba(0,0,0,.55)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.lb-x:hover,.lb-nav:hover{background:rgba(0,0,0,.78)!important}

.nmz{max-width:var(--app-w);margin:0 auto;min-height:100vh;padding-bottom:26px;color:var(--ink)}
.pr-hero{position:relative;text-align:center;padding:46px 18px 22px;background:linear-gradient(165deg,#16455a,#0f2c3e 60%,var(--bg));border-radius:0 0 26px 26px;overflow:hidden}
.pr-back{position:absolute;top:16px;left:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;z-index:3}
.pr-loc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#9fe0cf;background:rgba(255,255,255,.08);padding:5px 12px;border-radius:20px}
.pr-loc svg{flex:0 0 auto}
.pr-h1{font-size:22px;font-weight:800;letter-spacing:.4px;color:#fff;margin:11px 0 4px;display:flex;align-items:center;justify-content:center;gap:8px}
.pr-h1 svg{color:#5fd0b0}
.pr-date{font-size:12.5px;color:#a9c8d4}
.pr-hijri{color:#7fb8c9}
.pr-count{margin:20px auto 0;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,.05);border:1px solid rgba(95,208,176,.3);border-radius:20px;padding:16px 18px}
.pr-count-lbl{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#7fb8c9}
.pr-count-name{font-size:17px;font-weight:800;color:#fff;margin-top:1px}
.pr-count-time{font-size:42px;font-weight:800;line-height:1.04;color:#5fd0b0;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(95,208,176,.4)}
.pr-count-at{font-size:12px;color:#a9c8d4;display:inline-flex;align-items:center;gap:5px;margin-top:2px}
.pr-count-at svg{color:#7fb8c9;flex:0 0 auto}
.pr-tabs{display:flex;gap:8px;padding:16px 14px 4px;overflow-x:auto;scrollbar-width:none}
.pr-tabs::-webkit-scrollbar{display:none}
.pr-tab{flex:1;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 6px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer}
.pr-tab svg{width:20px;height:20px;flex:0 0 auto}
.pr-tab.active{background:linear-gradient(135deg,#1f9e7f,#137559);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(31,158,127,.32)}
.pr-list{margin:16px 14px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.pr-row{display:flex;align-items:center;gap:13px;padding:13px 15px;border-bottom:1px solid var(--line)}
.pr-row:last-child{border-bottom:0}
.pr-row.on{background:linear-gradient(90deg,rgba(95,208,176,.16),transparent);box-shadow:inset 3px 0 0 #5fd0b0}
.pr-ic{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.pr-row.on .pr-ic{background:rgba(95,208,176,.22);color:#5fd0b0}
.pr-row.past .pr-ic{background:rgba(31,164,99,.13);color:var(--green)}
.pr-name{font-size:15px;font-weight:700;color:var(--ink);flex:1}
.pr-row.on .pr-name{color:#fff}
.pr-time{font-size:19px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;flex:0 0 auto}
.pr-row.on .pr-time{color:#5fd0b0}
.pr-row.past .pr-time{color:var(--green)}
.pr-rem{flex:0 0 96px;font-size:11px;color:var(--muted);text-align:right}
.pr-card{position:relative;margin:14px 14px 0;padding:16px 18px;border-radius:18px;border:1px solid var(--line);overflow:hidden;background:var(--card)}
.pr-card-sil{position:absolute;left:0;right:0;bottom:0;width:100%;height:46px;color:rgba(95,208,176,.08);z-index:0;display:block}
.pr-card>*:not(.pr-card-sil){position:relative;z-index:1}
.pr-card-h{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1.2px;font-weight:800;color:#5fd0b0;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.pr-ar{font-size:21px;line-height:1.95;text-align:right;color:var(--ink);direction:rtl;margin:0 0 10px}
.pr-tr{font-size:14px;line-height:1.6;color:var(--ink);opacity:.9;margin:0 0 8px}
.pr-card small{font-size:11.5px;color:var(--muted);font-weight:600}
.pr-err{text-align:center;color:var(--muted);padding:50px 20px}
.pr-err svg{color:var(--muted);margin-bottom:10px}
.cg-tile.gold .cg-tile-ic{background:linear-gradient(135deg,#e0b357,#c9952f)}

.tm{max-width:var(--app-w);margin:0 auto;background:#0c1424;min-height:100vh;color:#e6ecf5;padding-bottom:26px}
.tm-hero{position:relative;text-align:center;padding:42px 20px 24px;background:linear-gradient(160deg,#1e3a6e,#13294e 60%,#0d1c38);border-radius:0 0 26px 26px;overflow:hidden}
.tm-hero.sm{padding:18px 16px;text-align:left;display:flex;align-items:center;gap:12px;border-radius:0}
.tm-back{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 40px;position:absolute;top:16px;left:14px;z-index:2}
.tm-hero.sm .tm-back{position:static}
.tm-logo{display:inline-flex;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.12);align-items:center;justify-content:center;color:#9fc0ee;margin-bottom:8px}
.tm-hero h1{font-size:21px;font-weight:800;letter-spacing:.5px;color:#fff;margin:0}
.tm-hero.sm h1{font-size:17px}
.tm-hero p{font-size:13px;color:#9fc0ee;margin:5px 0 0}
.tm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 14px 0}
.tm-stat{background:#131e33;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.tm-stat-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff}
.tm-stat-ic.blue{background:#2e7cd6}.tm-stat-ic.orange{background:#f5872a}.tm-stat-ic.green{background:#1fa463}.tm-stat-ic.purple{background:#7c4dff}
.tm-stat b{font-size:17px;font-weight:800;color:#fff}
.tm-stat small{font-size:9px;color:#8aa0c0}
.tm-create{display:flex;align-items:center;gap:11px;margin:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#16365f,#102543);border:1px solid rgba(110,160,230,.2)}
.tm-create-ic{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#2e7cd6;display:flex;align-items:center;justify-content:center;color:#fff}
.tm-create-t{flex:1;display:flex;flex-direction:column}
.tm-create-t b{font-size:14px;color:#fff}
.tm-create-t span{font-size:11px;color:#9fc0ee}
.tm-create-btn{border:0;background:#2e7cd6;color:#fff;font-size:12px;font-weight:700;padding:9px 12px;border-radius:11px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.tm-form{display:none;flex-direction:column;gap:10px;margin:0 14px;padding:14px;border-radius:16px;background:#131e33;border:1px solid rgba(255,255,255,.07)}
.tm-form.open{display:flex}
.tm-form .finput{background:#0e1828;border:1px solid rgba(255,255,255,.1);color:#e6ecf5;border-radius:11px;padding:11px 13px;font-size:14px;width:100%}
.tm-form .finput.err{border-color:#e0555f}
.tm-form textarea.finput{min-height:90px;resize:vertical}
.tm-form-row{display:flex;gap:10px}
.tm-form-row .finput{flex:1;min-width:0}
.tm-sec-h{font-size:11px;letter-spacing:1px;font-weight:800;color:#8aa0c0;display:block;margin:20px 16px 10px}
.tm-list{display:flex;flex-direction:column;gap:10px;padding:0 14px}
.tm-card{display:flex;gap:12px;padding:12px;border-radius:16px;background:#131e33;border:1px solid rgba(255,255,255,.06);text-decoration:none;position:relative}
.tm-card-img{width:64px;height:64px;flex:0 0 64px;border-radius:12px;overflow:hidden;background:#0e1828;display:flex;align-items:center;justify-content:center;color:#3f5878}
.tm-card-img img{width:100%;height:100%;object-fit:cover}
.tm-card-b{flex:1;min-width:0}
.tm-card-loc{font-size:11px;color:#7d97bb;display:flex;align-items:center;gap:3px}
.tm-card-t{font-size:14.5px;font-weight:700;color:#fff;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-card-d{font-size:12px;color:#9aabc4;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tm-card-meta{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:11px;color:#7d97bb}
.tm-card-meta span{display:inline-flex;align-items:center;gap:3px}
.tm-card-time{margin-left:auto}
.tm-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:800;padding:4px 8px;border-radius:8px}
.st-new{background:rgba(46,124,214,.2);color:#6cb0ff}.st-fwd{background:rgba(46,211,211,.16);color:#4fd6d6}
.st-rev{background:rgba(245,135,42,.18);color:#ffaa5b}.st-wrk{background:rgba(124,77,255,.2);color:#b29bff}.st-res{background:rgba(31,164,99,.2);color:#3fcf86}
.td{padding:14px}
.td-cat{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.5px;color:#6cb0ff;background:rgba(46,124,214,.16);padding:5px 11px;border-radius:9px}
.td-img{margin:12px 0;border-radius:16px;overflow:hidden}
.td-img img{width:100%;display:block}
.td-loc{font-size:12px;color:#7d97bb;display:flex;align-items:center;gap:4px;margin-top:10px}
.td-title{font-size:21px;font-weight:800;color:#fff;line-height:1.25;margin:6px 0 10px}
.td-author{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#9aabc4}
.td-av{width:30px;height:30px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#2e7cd6,#1a4f9c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:0 0 30px}
.td-av img{width:100%;height:100%;object-fit:cover}
.td-author b{color:#e6ecf5}
.td-body{font-size:14.5px;line-height:1.65;color:#c5d2e4;margin:14px 0}
.td-acts{display:flex;margin:6px -14px 14px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.td-act{flex:1;background:none;border:0;border-right:1px solid rgba(255,255,255,.07);padding:13px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#9aabc4;cursor:pointer;font-family:inherit;transition:color .15s}
.td-acts > .td-act:last-child{border-right:0}
.td-act:hover{color:#cdd8ea}
.td-act svg{width:22px;height:22px}
.td-act b{font-size:15px;font-weight:800;color:#fff;line-height:1}
.td-act small{font-size:10px;letter-spacing:.2px}
.td-act.on{color:#ff5a7a}
.td-act.on svg{color:#ff5a7a;fill:#ff5a7a}
.td-sec{margin:22px 0 12px}
.td-sec-h{font-size:11px;letter-spacing:1px;font-weight:800;color:#8aa0c0}
.td-track{display:flex;justify-content:space-between;position:relative;padding:0 6px}
.td-track::before{content:"";position:absolute;top:11px;left:24px;right:24px;height:2px;background:rgba(255,255,255,.1)}
.td-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;flex:1;text-align:center}
.td-step-dot{width:24px;height:24px;border-radius:50%;background:#1a2740;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff}
.td-step.done .td-step-dot{background:#1fa463;border-color:#1fa463}
.td-step.cur .td-step-dot{background:#f5872a;border-color:#f5872a;box-shadow:0 0 0 4px rgba(245,135,42,.2)}
.td-step-l{font-size:9px;color:#7d97bb;line-height:1.2}
.td-step.done .td-step-l,.td-step.cur .td-step-l{color:#c5d2e4}
.td-official{background:linear-gradient(135deg,#0f2c1e,#0d1f30);border:1px solid rgba(31,164,99,.25);border-radius:16px;padding:14px;margin-bottom:10px}
.td-official-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.td-official-ic{width:30px;height:30px;border-radius:9px;background:#1fa463;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 30px}
.td-official-h b{font-size:14px;color:#fff;flex:1}
.td-official-badge{font-size:9px;font-weight:800;color:#3fcf86;background:rgba(31,164,99,.2);padding:3px 8px;border-radius:7px}
.td-official p{font-size:13.5px;line-height:1.55;color:#c5d2e4;margin:0 0 6px}
.td-official small{font-size:11px;color:#7d97bb}
.td-comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.td-comment-b{flex:1;min-width:0}
.td-comment-n{font-size:13px;font-weight:700;color:#e6ecf5;display:flex;align-items:center;gap:5px}
.td-comment-n span{font-size:11px;font-weight:400;color:#7d97bb}
.td-comment-n a,.td-author a{color:inherit;text-decoration:none}
.td-comment-n a:hover,.td-author a:hover{text-decoration:underline}
.td-comment-b p{font-size:13.5px;color:#c5d2e4;margin:2px 0 0;line-height:1.5}
.td-empty{font-size:13px;color:#7d97bb;text-align:center;padding:16px}
.td-cform{display:flex;gap:8px;margin-top:14px;padding-bottom:80px}
.td-cform input{flex:1;min-width:0;background:#131e33;border:1px solid rgba(255,255,255,.1);color:#e6ecf5;border-radius:13px;padding:12px 15px;font-size:14px}
.td-cform button{width:46px;flex:0 0 46px;border:0;border-radius:13px;background:#2e7cd6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.td-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,rgba(12,20,36,.5),#0c1424 45%);display:flex;z-index:40}
.td-support{width:100%;border:0;border-radius:14px;padding:14px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#2e7cd6,#1a5cb0);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.td-support.on{background:rgba(255,255,255,.1);color:#6cb0ff}

.hl{max-width:var(--app-w);margin:0 auto;background:var(--bg);min-height:100vh;color:var(--ink);padding-bottom:26px}
.hl-hero{display:flex;align-items:center;gap:11px;padding:18px 14px;background:linear-gradient(135deg,var(--red),#b3161d);border-radius:0 0 22px 22px}
.hl-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 38px}
.hl-hero-t{flex:1;min-width:0}
.hl-hero-t h1{font-size:21px;font-weight:800;color:#fff;margin:0}
.hl-hero-t p{font-size:11.5px;color:rgba(255,255,255,.85);margin:2px 0 0}
.hl-112{display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--red);font-weight:800;font-size:13px;padding:9px 13px;border-radius:12px;text-decoration:none;flex:0 0 auto}
.hl-hosp{margin:14px;border-radius:18px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.hl-hosp-banner{position:relative;height:104px;background:linear-gradient(135deg,var(--red-2),#9c2a20 70%,#7a1d15);overflow:hidden}
.hl-hosp-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 78% 12%,rgba(255,255,255,.22),transparent 60%)}
.hl-hosp-cross{position:absolute;right:10px;bottom:-16px;color:rgba(255,255,255,.16);line-height:0}
.hl-hosp-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#fff;background:var(--green-2);padding:5px 10px;border-radius:9px}
.hl-hosp-tag svg{width:12px;height:12px}
.hl-hosp-body{padding:13px 15px}
.hl-hosp-body>b{font-size:17px;font-weight:800;color:var(--ink);display:block}
.hl-hosp-body>small{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted);margin-top:4px}
.hl-svc{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.hl-svc span{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);padding:6px 10px;border-radius:9px}
.hl-svc span svg{color:var(--red);flex:0 0 auto}
.hl-svc.sm span{font-size:10px;padding:4px 8px;gap:4px}
.hl-acts{display:flex;gap:9px;margin-top:4px}
.hl-call,.hl-dir{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:12px;font-size:13px;font-weight:700;text-decoration:none}
.hl-call{background:linear-gradient(135deg,#2ecc71,#1fa463);color:#fff}
.hl-dir{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
.hl-call.sm,.hl-dir.sm{padding:9px;font-size:12px;gap:5px}
.hl-centers{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}
.hl-center{padding:13px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
.hl-center-h{display:flex;gap:9px;align-items:center;margin-bottom:9px}
.hl-center-ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(31,164,99,.18);display:flex;align-items:center;justify-content:center;color:var(--green-2)}
.hl-center-h b{font-size:13px;color:var(--ink);display:block;line-height:1.2}
.hl-center-h small{font-size:10.5px;color:var(--muted)}
.hl-center .hl-acts{margin-top:auto}
.hl-duty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,var(--red),#7a1d15)}
.hl-duty-l{display:flex;align-items:center;gap:11px;min-width:0}
.hl-duty-ic{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff}
.hl-duty-l small{font-size:9.5px;font-weight:800;letter-spacing:1px;color:rgba(255,255,255,.85);display:block}
.hl-duty-l b{font-size:16px;color:#fff;display:block;margin:1px 0}
.hl-duty-l>div>span{font-size:11.5px;color:rgba(255,255,255,.85);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;margin-top:2px}
.hl-duty-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--red);font-weight:800;font-size:13px;padding:10px 15px;border-radius:11px;flex:0 0 auto;text-decoration:none}
.hl-sec-h{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--ink);margin:20px 16px 10px}
.hl-sec-h svg{color:var(--red)}
.hl-pharm{display:flex;flex-direction:column;gap:8px;padding:0 14px}
.hl-prow{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.hl-prow.duty{border-color:rgba(232,37,45,.4);background:linear-gradient(135deg,rgba(232,37,45,.1),var(--card))}
.hl-prow-ic{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.hl-prow-b{flex:1;min-width:0}
.hl-prow-b b{font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:6px}
.hl-prow-badge{font-size:8.5px;font-weight:800;color:#fff;background:var(--red);padding:2px 6px;border-radius:6px}
.hl-prow-b small{font-size:11px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-prow-acts{display:flex;gap:6px;flex:0 0 auto}
.hl-pact{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:7px 10px;border-radius:9px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);text-decoration:none}
.hl-pact.call{background:rgba(31,164,99,.16);color:var(--green-2);border-color:rgba(31,164,99,.3)}
.hl-pact svg{flex:0 0 auto}
.hl-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px 14px 0}
.hl-tool{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none}
.hl-tool-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:3px}
.hl-tool-ic.red{background:var(--red)}.hl-tool-ic.green{background:#1fa463}.hl-tool-ic.orange{background:#f5872a}
.hl-tool b{font-size:12px;color:var(--ink)}
.hl-tool small{font-size:9.5px;color:var(--muted)}
.hl-emergency{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 14px 0;padding:15px;border-radius:15px;background:linear-gradient(135deg,#2ecc71,#1fa463);color:#fff;font-size:15px;font-weight:800;text-decoration:none}
.cg-tile.hred .cg-tile-ic{background:linear-gradient(135deg,#e0555f,#c0392b)}

.tur{max-width:var(--app-w);margin:0 auto;background:var(--bg);min-height:100vh;color:var(--ink);padding-bottom:26px}
.tur-bar{display:flex;align-items:center;gap:11px;padding:16px 14px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.tur-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 38px}
.tur-bar-t{flex:1}.tur-bar-t h1{font-size:19px;font-weight:800;color:#fff;margin:0}.tur-bar-t p{font-size:11px;color:rgba(255,255,255,.85);margin:2px 0 0}
.tur-fav{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:600;padding:7px 10px;border-radius:11px;text-decoration:none}
.tur-map{display:flex;align-items:flex-end;justify-content:space-between;margin:14px;height:120px;border-radius:18px;background:var(--surface-2);background-size:cover;background-position:center;padding:16px;text-decoration:none}
.tur-map-b{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:#fff}
.tur-map-go{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#fff;background:var(--blue);padding:6px 11px;border-radius:20px}
.tur-sec-h{font-size:15px;font-weight:800;color:var(--ink);text-align:center;margin:18px 16px 2px}
.tur-sec-s{font-size:12px;color:var(--muted);text-align:center;margin:0 24px 14px}
.tur-list{display:flex;flex-direction:column;gap:13px;padding:0 14px}
.tur-card{display:flex;gap:12px;align-items:center;padding:11px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none;position:relative}
.tur-num{position:absolute;top:-7px;left:-7px;width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 2px 8px rgba(31,111,214,.5)}
.tur-card-img{width:74px;height:74px;flex:0 0 74px;border-radius:13px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.tur-card-img img{width:100%;height:100%;object-fit:cover}
.tur-card-b{flex:1;min-width:0}
.tur-card-t{font-size:14.5px;font-weight:700;color:var(--ink)}
.tur-card-d{font-size:11.5px;color:var(--muted);line-height:1.4;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tur-card-tags{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted)}
.tur-card-tags span{display:inline-flex;align-items:center;gap:3px}
.tur-card-r{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.tur-price{font-size:17px;font-weight:800;color:var(--green-2)}
.tur-card-r small{font-size:9px;color:var(--muted)}
.tur-detail{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;color:#fff;background:var(--blue);padding:6px 11px;border-radius:10px;margin-top:5px}
.tur-note{display:flex;gap:8px;margin:18px 14px 0;padding:13px;border-radius:14px;background:rgba(31,111,214,.1);border:1px solid rgba(31,111,214,.18);font-size:11.5px;color:var(--muted);line-height:1.5}
.tur-note svg{flex:0 0 16px;color:var(--blue)}
.td2-hero{position:relative;height:300px;background:var(--surface-2);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}
.td2-back{position:absolute;top:16px;left:14px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff}
.td2-hero-b{padding:0 18px 20px}
.td2-dur{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#fff;background:var(--blue);padding:4px 11px;border-radius:20px}
.td2-hero-b h1{font-size:26px;font-weight:800;color:#fff;margin:8px 0 4px;line-height:1.2}
.td2-loc{display:flex;align-items:center;gap:4px;font-size:13px;color:#e6eef7}
.td2{padding:14px}
.td2-price-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.td2-price-card small{font-size:11px;color:rgba(255,255,255,.85);display:block}
.td2-price-card b{font-size:24px;font-weight:800;color:#fff}
.td2-price-card>span{font-size:11px;color:rgba(255,255,255,.85);text-align:right;max-width:120px}
.td2-desc{font-size:14.5px;line-height:1.65;color:var(--ink);margin:16px 0}
.td2-info{display:flex;gap:8px;margin:14px 0}
.td2-info>div{flex:1;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.td2-info-ic{color:var(--blue)}.td2-info small{font-size:9.5px;color:var(--muted)}.td2-info b{font-size:11.5px;color:var(--ink)}
.td2-sec-h{font-size:14px;font-weight:800;color:var(--ink);margin:22px 0 12px}
.td2-other{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:80px}
.td2-ocard{flex:0 0 130px;text-decoration:none}
.td2-ocard-img{width:130px;height:90px;border-radius:13px;overflow:hidden;background:var(--surface-2)}
.td2-ocard-img img{width:100%;height:100%;object-fit:cover}
.td2-ocard-t{font-size:12.5px;font-weight:700;color:var(--ink);margin:6px 0 2px;line-height:1.3}
.td2-ocard-p{font-size:13px;font-weight:800;color:var(--green-2)}
.td2-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--app-w);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.22);display:flex;gap:10px;z-index:40}
.td2-call{width:52px;flex:0 0 52px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--blue);display:flex;align-items:center;justify-content:center;text-decoration:none}
.td2-wa{flex:1;border-radius:14px;background:linear-gradient(135deg,#2ecc71,#1fa463);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 0}
.td2-price{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;padding:0 6px 0 4px}
.td2-price small{font-size:9.5px;color:var(--muted);line-height:1}
.td2-price b{font-size:17px;font-weight:800;color:var(--green-2);line-height:1.15}
.cg-tile.tgreen .cg-tile-ic{background:linear-gradient(135deg,#2ecc71,#1fa463)}

.cm{max-width:var(--app-w);margin:0 auto;background:var(--bg);min-height:100vh;color:var(--ink);padding-bottom:26px}
.cm-hero{display:flex;align-items:center;gap:11px;padding:18px 14px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.cm-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 38px}
.cm-hero h1{flex:1;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#fff;margin:0}
.cm-create-toggle{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700;padding:8px 12px;border-radius:11px;border:0;cursor:pointer}
.cm-form{display:none;flex-direction:column;gap:10px;margin:14px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.cm-form.open{display:flex}
.cm-form .finput{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:11px 13px;font-size:14px;width:100%}
.cm-sec-h{display:flex;align-items:center;justify-content:space-between;margin:20px 16px 12px}
.cm-sec-h span{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;color:var(--ink)}
.cm-sec-h span svg{color:var(--blue)}
.cm-sec-h small{font-size:11px;color:var(--muted);background:var(--surface-2);padding:3px 9px;border-radius:10px}
.cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 14px}
.cm-card{height:132px;border-radius:16px;background:linear-gradient(160deg,#34507a,#22324f);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;position:relative;overflow:hidden;border:1px solid var(--line)}
.cm-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,12,22,.6));z-index:0}
.cm-card>*{position:relative;z-index:1}
.cm-card-n{font-size:14px;font-weight:800;color:#fff;line-height:1.2}
.cm-card-m{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#e6eef7;margin-top:3px}
.cm-join{position:absolute;top:10px;right:10px;border:0;border-radius:9px;padding:6px 13px;font-size:11px;font-weight:700;background:var(--blue);color:#fff;cursor:pointer;z-index:2}
.cm-join.on{background:rgba(255,255,255,.25);color:#fff}
.cm-cta{display:flex;align-items:center;justify-content:space-between;gap:11px;margin:20px 14px 0;padding:15px;border-radius:16px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.cm-cta b{font-size:14px;color:#fff;display:block}
.cm-cta span{font-size:11px;color:rgba(255,255,255,.85)}
.cm-cta button{flex:0 0 auto;border:0;border-radius:12px;background:#fff;color:var(--blue);font-size:12px;font-weight:700;padding:11px 13px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}
.cg-tile.purple2 .cg-tile-ic{background:linear-gradient(135deg,#9b6bff,#5a3fb0)}

.fr{max-width:var(--app-w);margin:0 auto;background:var(--bg);min-height:100vh;color:var(--ink);padding-bottom:26px}
.fr-hero{display:flex;align-items:center;gap:11px;padding:18px 14px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2))}
.fr-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 38px}
.fr-hero-t{flex:1;display:flex;align-items:center;gap:10px}
.fr-logo{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 40px}
.fr-hero-t h1{font-size:18px;font-weight:800;color:#fff;margin:0;letter-spacing:.5px}
.fr-hero-t p{font-size:11px;color:rgba(255,255,255,.9);margin:2px 0 0}
.fr-love{font-size:12px;font-weight:800;color:#fff;background:rgba(255,255,255,.18);padding:6px 10px;border-radius:10px}
.fr-search{display:flex;gap:9px;padding:14px 14px 4px}
.fr-search-in{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:0 13px;color:var(--muted)}
.fr-search-in input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font-size:14px;padding:12px 0;outline:none}
.fr-filter{border:0;border-radius:13px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;padding:0 15px;display:flex;align-items:center;gap:5px;cursor:pointer}
.fr-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:14px}
.fr-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.fr-cat-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}
.fr-cat-ic.orange{background:linear-gradient(135deg,#f5872a,#e0631a)}.fr-cat-ic.amber{background:linear-gradient(135deg,#f5b62a,#e08a1a)}.fr-cat-ic.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fr-cat-ic.green{background:linear-gradient(135deg,#2ecc71,#1fa463)}.fr-cat-ic.purple{background:linear-gradient(135deg,#9b6bff,#5a3fb0)}.fr-cat-ic.red{background:linear-gradient(135deg,#e0555f,#c0392b)}.fr-cat-ic.teal{background:linear-gradient(135deg,#2ed3d3,#1a9b9b)}
.fr-cat b{font-size:11px;font-weight:600;color:var(--muted);text-align:center}
.fr-sec-h{display:flex;align-items:center;justify-content:space-between;margin:16px 16px 11px}
.fr-sec-h span{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:.5px}
.fr-feat{display:flex;gap:11px;overflow-x:auto;scrollbar-width:none;padding:0 14px}
.fr-feat::-webkit-scrollbar{display:none}
.fr-fcard{flex:0 0 200px;border-radius:16px;background:var(--card);border:1px solid var(--line);overflow:hidden;text-decoration:none}
.fr-fcard-img{height:100px;background:var(--surface-2);background-size:cover;background-position:center;position:relative}
.fr-fcard-img.noimg{background:var(--surface-2)}
.fr-fcard-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.fr-fcard-logo{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:12px;object-fit:cover}
.fr-fcard-rate{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:8px}
.fr-fcard-rate svg{color:var(--gold)}
.fr-fcard-b{padding:10px 11px 6px}
.fr-fcard-b b{font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:4px}
.fr-fcard-b small{font-size:11px;color:var(--muted)}
.fr-fcard-acts{display:flex;gap:7px;padding:0 11px 11px}
.fr-mini{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:700;padding:8px;border-radius:10px;text-decoration:none}
.fr-mini.call{background:linear-gradient(135deg,#2ecc71,#1fa463);color:#fff}
.fr-mini.dir{background:var(--surface-2);color:var(--ink)}
.fr-list{display:flex;flex-direction:column;gap:9px;padding:0 14px}
.fr-row{display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.fr-row-l{flex:1;display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none}
.fr-row-av{width:48px;height:48px;flex:0 0 48px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px}
.fr-row-av img{width:100%;height:100%;object-fit:cover}
.fr-row-b{flex:1;min-width:0}
.fr-row-b b{font-size:14px;color:var(--ink);display:flex;align-items:center;gap:5px}
.fr-row-b small{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:3px}
.fr-row-b small svg{color:var(--gold)}
.fr-row-loc{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:3px;margin-top:1px}
.fr-row-acts{display:flex;gap:7px}
.fr-cmini{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.fr-cmini.call{background:rgba(31,111,214,.16);color:var(--blue)}
.fr-cmini.wa{background:rgba(37,211,102,.16);color:#25d366}
.fr-add{display:flex;align-items:center;justify-content:space-between;gap:11px;margin:18px 14px 0;padding:15px;border-radius:16px;background:linear-gradient(135deg,var(--blue-hero1),var(--blue-hero2));text-decoration:none}
.fr-add b{font-size:14px;color:#fff;display:block}
.fr-add>div>span{font-size:11px;color:rgba(255,255,255,.9)}
.fr-add-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:#fff;color:var(--blue);font-size:12.5px;font-weight:800;padding:10px 13px;border-radius:11px;white-space:nowrap}
.cg-tile.forange .cg-tile-ic{background:linear-gradient(135deg,#f5872a,#e0631a)}

.hm2{max-width:var(--app-w);margin:0 auto;background:#0c0f16;min-height:100vh;color:#e6e9f0;padding-bottom:calc(94px + env(safe-area-inset-bottom,0))}
.hm2-hero{display:flex;align-items:center;gap:11px;padding:16px 14px;background:#11151f;border-bottom:1px solid rgba(255,255,255,.06)}
.hm2-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#e6e9f0;flex:0 0 36px}
.hm2-logo{flex:1;font-size:19px;font-weight:800;color:#fff;line-height:1}
.hm2-logo b{color:#e0555f}
.hm2-logo span{font-size:9.5px;font-weight:700;color:#8b90a0;letter-spacing:1.5px;display:block;margin-top:1px}
.hm2-search{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#e6e9f0}
.hm2-breaking{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(90deg,rgba(224,85,95,.2),transparent);border-bottom:1px solid rgba(224,85,95,.2);text-decoration:none;overflow:hidden}
.hm2-bk-badge{flex:0 0 auto;font-size:9.5px;font-weight:800;color:#fff;background:#e0555f;padding:4px 9px;border-radius:7px;letter-spacing:.5px;animation:hm2blink 1.6s infinite}
@keyframes hm2blink{50%{opacity:.5}}
.hm2-bk-text{font-size:12.5px;color:#e6e9f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm2-bk-rot{position:relative;flex:1;min-width:0;height:19px;overflow:hidden}
.hm2-bk-item{position:absolute;left:0;right:0;top:0;font-size:12.5px;line-height:19px;color:#e6e9f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;opacity:0;transform:translateY(100%);transition:opacity .4s ease,transform .4s ease}
.hm2-bk-item.on{opacity:1;transform:translateY(0)}
.hm2-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:13px 14px}
.hm2-cats::-webkit-scrollbar{display:none}
.hm2-cat{flex:0 0 auto;font-size:12.5px;font-weight:700;color:#aeb4c2;background:#181d28;border:1px solid rgba(255,255,255,.06);padding:8px 15px;border-radius:11px;text-decoration:none;white-space:nowrap}
.hm2-cat.active{background:var(--c);color:#fff;border-color:transparent}
.hm2-feat{margin:4px 0 8px}
.hm2-feat .nx-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;padding:0 14px;scrollbar-width:none}
.hm2-feat .nx-track::-webkit-scrollbar{display:none}
.hm2-fcard{flex:0 0 88%;scroll-snap-align:center;height:230px;border-radius:18px;background:#181d28;background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;text-decoration:none;overflow:hidden}
.hm2-fcat{position:absolute;top:13px;left:13px;font-size:10px;font-weight:800;color:#fff;padding:4px 11px;border-radius:8px;letter-spacing:.5px}
.hm2-fcard-b h2{font-size:19px;font-weight:800;color:#fff;line-height:1.25;margin:0 0 8px}
.hm2-fmeta{display:flex;gap:13px;font-size:11.5px;color:#cdd3e0}
.hm2-fmeta span{display:inline-flex;align-items:center;gap:4px}
.hm2-sec-h{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#fff;letter-spacing:.5px;margin:20px 16px 11px}
.hm2-sec-h svg{color:#e0555f}
.hm2-latest{display:flex;flex-direction:column;padding:0 14px}
.hm2-lrow{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}
.hm2-lthumb{width:74px;height:60px;flex:0 0 74px;border-radius:12px;overflow:hidden;background:#181d28;display:flex;align-items:center;justify-content:center;color:#5a6175}
.hm2-lthumb img{width:100%;height:100%;object-fit:cover}
.hm2-lb{flex:1;min-width:0}
.hm2-lb b{font-size:14.5px;color:#fff;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm2-lcat{display:block;font-size:12px;margin-top:5px;color:#7e8497}
.hm2-lcat i{font-weight:800;font-style:normal}
.hm2-lrow>svg{color:#5a6175;flex:0 0 18px}
.hm2-top{display:flex;flex-direction:column;padding:0 8px}
.hm2-trow{display:flex;align-items:center;gap:13px;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none}
.hm2-tnum{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#5a6175;background:#181d28}
.hm2-tnum.n1{background:rgba(245,135,42,.2);color:#f5a14a}.hm2-tnum.n2{background:rgba(174,180,194,.16);color:#c0c6d4}.hm2-tnum.n3{background:rgba(224,138,26,.16);color:#e0a85a}
.hm2-tb{flex:1;min-width:0}
.hm2-tb b{font-size:13.5px;color:#e6e9f0;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm2-tb small{display:flex;align-items:center;gap:4px;font-size:11px;color:#f5a14a;margin-top:2px}

.km{max-width:var(--app-w);margin:0 auto;background:#0c0e15;min-height:100vh;color:#e6e9f0;padding-bottom:26px}
.km-head{display:flex;align-items:center;gap:11px;padding:16px 14px;background:#10131c;border-bottom:1px solid rgba(255,255,255,.06)}
.km-back{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#e6e9f0;flex:0 0 36px}
.km-logo{flex:1;font-size:19px;font-weight:800;color:#fff;line-height:1}
.km-logo b{color:#e0555f}
.km-logo span{font-size:9.5px;font-weight:700;color:#8b90a0;letter-spacing:1.5px;display:block;margin-top:1px}
.km-search{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#e6e9f0}
.km-hero{padding:26px 18px;background:linear-gradient(135deg,#2a1830,#1a1228)}
.km-hero h1{font-size:25px;font-weight:800;color:#fff;line-height:1.2;margin:0}
.km-hero p{font-size:13px;color:#b9a8d0;margin:9px 0 0}
.km-nav{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px}
.km-nav-card{border-radius:16px;padding:15px;text-decoration:none;display:flex;flex-direction:column;gap:5px}
.km-nav-card.red{background:linear-gradient(135deg,rgba(224,85,95,.18),rgba(224,85,95,.05));border:1px solid rgba(224,85,95,.3)}
.km-nav-card.purple{background:linear-gradient(135deg,rgba(155,107,255,.18),rgba(155,107,255,.05));border:1px solid rgba(155,107,255,.3)}
.km-nav-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:3px}
.km-nav-card.red .km-nav-ic{background:#e0555f}
.km-nav-card.purple .km-nav-ic{background:#9b6bff}
.km-nav-card b{font-size:13px;color:#fff;letter-spacing:.3px}
.km-nav-card small{font-size:11px;color:#9298a8}
.km-cats{display:flex;gap:8px;overflow-x:auto;padding:4px 14px 2px;-webkit-overflow-scrolling:touch}
.km-cats::-webkit-scrollbar{display:none}
.km-cat{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);padding:7px 14px;border-radius:20px;text-decoration:none;white-space:nowrap}
.km-cat.active{background:linear-gradient(135deg,#e0555f,#9b6bff);color:#fff;border-color:transparent}
.km-write{display:flex;gap:11px;padding:0 14px}
.km-wbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;border-radius:13px;font-size:13px;font-weight:700;color:#fff;text-decoration:none}
.km-wbtn.red{background:linear-gradient(135deg,#e0555f,#c0392b)}
.km-wbtn.purple{background:linear-gradient(135deg,#9b6bff,#5a3fb0)}
.km-sec-h{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#fff;letter-spacing:.5px;margin:22px 16px 11px}
.km-sec-h svg{color:#f5a14a}
.km-feat{margin:0 14px;min-height:172px;border-radius:18px;background:linear-gradient(150deg,#3a1f2e,#241a38 55%,#1a1530);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;text-decoration:none;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.km-feat::before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(224,85,95,.28),transparent 70%);pointer-events:none}
.km-feat-tag{position:absolute;top:13px;left:13px;font-size:10px;font-weight:800;color:#fff;background:#e0555f;padding:4px 11px;border-radius:8px;letter-spacing:.5px}
.km-feat-b h2{font-size:20px;font-weight:800;color:#fff;line-height:1.25;margin:0 0 9px}
.km-feat-a{display:flex;align-items:center;gap:6px;font-size:12px;color:#dfe3ec}
.km-av{width:26px;height:26px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9b6bff,#5a3fb0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex:0 0 26px}
.km-av img{width:100%;height:100%;object-fit:cover}
.km-feat-a b{color:#fff}
.km-cols{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px}
.km-col-h{font-size:11px;font-weight:800;color:#fff;letter-spacing:.3px;padding-bottom:8px;margin-bottom:4px;border-bottom:2px solid}
.km-col-h.red{border-color:#e0555f}
.km-col-h.purple{border-color:#9b6bff}
.km-crow{display:block;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none}
.km-crow b{font-size:12.5px;color:#e6e9f0;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.km-crow small{font-size:10px;color:#7e8497;display:block;margin-top:3px}
.km-empty{font-size:11.5px;color:#7e8497;padding:10px 0}
.km-writers{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:0 14px}
.km-writers::-webkit-scrollbar{display:none}
.km-writer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;width:72px;text-align:center}
.km-wav{width:58px;height:58px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9b6bff,#5a3fb0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:22px;border:2px solid rgba(155,107,255,.4)}
.km-wav img{width:100%;height:100%;object-fit:cover}
.km-writer b{font-size:11px;color:#e6e9f0;display:flex;align-items:center;gap:3px;line-height:1.2}
.km-writer small{font-size:9.5px;color:#8b90a0}
.km-cta{display:flex;align-items:center;justify-content:space-between;gap:11px;margin:20px 14px 0;padding:16px;border-radius:16px;background:linear-gradient(135deg,#e0555f,#9b6bff)}
.km-cta b{font-size:14px;color:#fff;display:block}
.km-cta>div>span{font-size:11px;color:rgba(255,255,255,.9)}
.km-cta-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:#fff;color:#c0392b;font-size:12px;font-weight:800;padding:11px 13px;border-radius:11px;text-decoration:none;white-space:nowrap}

.rg{max-width:var(--app-w);margin:0 auto;background:#0c0e14;min-height:100vh;color:#e6e9f0;padding:0 18px 30px}
.rg-head{display:flex;align-items:center;gap:12px;padding:16px 0}
.rg-back{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#e6e9f0;flex:0 0 38px}
.rg-logo{font-size:22px;font-weight:800;color:#fff}
.rg-logo span{color:#e0555f}
.rg-logo b{font-size:13px;color:#8b90a0;font-weight:700;vertical-align:super}
.rg-title{font-size:22px;font-weight:800;color:#fff;text-align:center;margin:8px 0 4px}
.rg-sub{font-size:13px;color:#9298a8;text-align:center;margin:0 0 20px}
.rg-types{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.rg-type{position:relative;display:flex;flex-direction:column;gap:5px;padding:15px;border-radius:16px;background:#14171f;border:1.5px solid rgba(255,255,255,.08);cursor:pointer}
.rg-type input{position:absolute;opacity:0;pointer-events:none}
.rg-type.on{border-color:#e0555f;background:linear-gradient(160deg,rgba(224,85,95,.12),rgba(224,85,95,.03))}
.rg-type-ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#aeb4c2}
.rg-type.on .rg-type-ic{background:#e0555f;color:#fff}
.rg-type b{font-size:14px;color:#fff}
.rg-type small{font-size:10.5px;color:#9298a8;line-height:1.4}
.rg-type-tick{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;background:#e0555f;color:#fff;display:none;align-items:center;justify-content:center}
.rg-type.on .rg-type-tick{display:flex}
.rg-sec-h{font-size:11px;font-weight:800;letter-spacing:1px;color:#8b90a0;text-align:center;margin:22px 0 14px}
.rg-row{display:flex;gap:10px}
.rg-row .rg-field{flex:1;min-width:0}
.rg-field{display:flex;align-items:center;gap:9px;background:#14171f;border:1.5px solid rgba(255,255,255,.08);border-radius:13px;padding:0 14px;margin-bottom:11px;color:#6b7180}
.rg-field.err{border-color:#e0555f}
.rg-field input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#e6e9f0;font-size:14.5px;padding:14px 0}
.rg-field input::placeholder{color:#6b7180}
.rg-eye{background:transparent;border:0;color:#6b7180;cursor:pointer;padding:4px;display:flex}
.rg-eye.on{color:#e0555f}
.rg-err{font-size:11.5px;color:#e0555f;margin:-6px 0 10px 4px}
.uname-msg{font-size:12px;margin:7px 0 10px 2px;min-height:14px;font-weight:600}
.uname-msg.ok{color:#16a34a}
.uname-msg.no{color:#e0555f}
.uname-msg.wait{color:var(--muted)}
.ffield-hint{display:block;font-size:11.5px;color:var(--muted);margin:-4px 0 2px 2px;word-break:break-all}
.ffield-hint b{color:var(--ink)}
.rg-kvkk{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#9298a8;line-height:1.5;margin:6px 0 16px;cursor:pointer}
.rg-kvkk input{margin-top:2px;accent-color:#e0555f;flex:0 0 auto}
.rg-kvkk a{color:#e0555f;text-decoration:none}
.rg-kvkk.err{color:#e0555f}
.rg-submit{width:100%;border:0;border-radius:14px;padding:15px;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#e0555f,#c0392b);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px rgba(224,85,95,.32)}
.rg-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#6b7180;font-size:11px;font-weight:700}
.rg-or::before,.rg-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.rg-alt{text-align:center;font-size:13px;color:#9298a8;margin-top:16px}
.rg-alt a{color:#e0555f;font-weight:700;text-decoration:none}
.rg .g-signin,.rg .btn-google,.rg .google-btn{background:#14171f!important;border:1.5px solid rgba(255,255,255,.1)!important;color:#e6e9f0!important}

.cide-loader{position:fixed;inset:0;z-index:9999;background:radial-gradient(120% 75% at 50% 8%,#16273f,#0a1322 52%,#05070d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;transition:opacity .55s ease,visibility .55s}
.cide-loader::before{content:"";position:absolute;left:0;right:0;top:0;height:42%;background:radial-gradient(80% 100% at 50% 0,rgba(224,85,95,.14),transparent 70%);pointer-events:none}
.cide-loader.cl-out{opacity:0;visibility:hidden;pointer-events:none}
.cl-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;animation:clrise .6s ease}
@keyframes clrise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cl-moon{color:#e0555f;filter:drop-shadow(0 0 14px rgba(224,85,95,.5));margin-bottom:8px;display:inline-flex}
.cl-logo{font-size:42px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}
.cl-logo span{color:#e0555f}
.cl-logo i{font-size:15px;font-style:normal;color:#c0c6d4;vertical-align:super;font-weight:700;letter-spacing:0}
.cl-tag{font-size:11px;letter-spacing:3px;color:#e0807f;font-weight:700;margin:9px 0 32px}
.cl-icons{display:flex;gap:22px;margin-bottom:38px}
.cl-icons span{display:flex;flex-direction:column;align-items:center;gap:7px;color:#9aa4ba;font-size:8px;font-weight:700;letter-spacing:.5px}
.cl-icons span svg{color:#e8edf5}
.cl-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.1);border-top-color:#e0555f;border-radius:50%;animation:clspin .8s linear infinite}
@keyframes clspin{to{transform:rotate(360deg)}}
.cl-loading{font-size:10.5px;letter-spacing:2.5px;color:#7e879c;font-weight:600;margin-top:16px}
.cl-foot{position:absolute;bottom:30px;left:0;right:0;font-size:9.5px;letter-spacing:1.5px;color:#5e6678;font-weight:600;z-index:1}
.cl-foot b{color:#e0555f}

/* Geri butonu: tüm yeni sayfalarda tek boyut (40px), tutarlı şekil (renk/bg tema-özel kalır) */
.pr-back,.tm-back,.hl-back,.tur-back,.td2-back,.cm-back,.fr-back,.hm2-back,.km-back,.rg-back{width:40px;height:40px;flex:0 0 40px;border-radius:50%}
/* Benzer üst-bar'lar (ikon + başlık + aksiyon): tutarlı padding ritmi */
.hl-hero,.tur-bar,.cm-hero,.fr-hero{padding:16px 14px}

/* Görülmüş hikaye — gri halka (renkli gradient kapanır, glow yok); instagram gibi sona kayar */
.nx-ring.seen{background:#3d4459;box-shadow:none}

/* İlan galeri butonları — ikon sabit koyu (var(--navy) dark mode'da açık olup beyaz bg'de kayboluyordu) */
.dg-btn{color:#16223c;background:rgba(255,255,255,.95)}
.dg-btn.on svg{color:var(--red);fill:var(--red)}

/* Yarın nöbetçi banner — bugünden daha sakin (lacivert) */
.hl-duty.next{background:linear-gradient(135deg,#2a3a5e,#1a2440);margin-top:-4px}

/* İlan arama butonu ikonu beyaz (genel .search-inline svg gri kuralını ezer) */
.search-inline button svg,.search-inline .si-go svg{color:#fff}

.nx-pu{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.msg-peer{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}
.msg-hav{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#9b6bff,#5a3fb0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
.msg-hav img{width:100%;height:100%;object-fit:cover}

.nx-dots{gap:5px;bottom:11px}
.nx-dots span{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.5);padding:0;margin:0;cursor:pointer;transition:width .25s,background .25s}
.nx-dots span.on{width:17px;background:#fff}
.nx-slide{scroll-snap-stop:always}
.nx-cmts.capped{max-height:360px;overflow:hidden;position:relative}
.nx-cmts.capped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:66px;background:linear-gradient(transparent,#0b0f1d);pointer-events:none}
.nx-cmts-more{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:8px 12px 0;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:#cfd6e8;font-weight:600;font-size:13px;cursor:pointer}

.cg-tile-ic.img{background-size:cover;background-position:center}

.c-blue{--c:#2e7cd6}.c-green{--c:#1fa463}.c-purple{--c:#9b6bff}.c-gold{--c:#e0a82e}.c-red{--c:#e8252d}.c-orange{--c:#ff7a00}.c-cyan{--c:#2ed3d3}.c-navy{--c:#46618f}
.sw-hero{background:linear-gradient(135deg,#1b2540,#0e1422 58%,#1c1018);border-radius:18px;padding:18px 16px 0;margin:14px 0 14px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.sw-hero::after{content:"";position:absolute;right:-34px;top:-26px;width:170px;height:170px;background:radial-gradient(circle,rgba(232,37,45,.26),transparent 70%);pointer-events:none}
.sw-hero-row{display:flex;align-items:center;gap:13px;position:relative;z-index:1}
.sw-hero-ic{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(232,37,45,.15);color:#ff5a60;border:1px solid rgba(232,37,45,.32)}
.sw-hero-tx h1{font-size:20px;font-weight:800;color:#fff;margin:0;letter-spacing:-.3px}
.sw-hero-tx p{font-size:12.5px;color:#a9b2c5;margin:3px 0 0;line-height:1.4}
.sw-tabs{display:flex;gap:4px;margin-top:15px;position:relative;z-index:1}
.sw-tabs .tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;color:#8b93a7;font-size:13px;font-weight:700;padding:11px 8px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.sw-tabs .tab svg{width:16px;height:16px}
.sw-tabs .tab.active{color:#ff5a60;border-bottom-color:#e8252d}
.sw-sec-h{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:800;color:var(--text);margin:18px 2px 11px}
.sw-sec-h a{font-size:12.5px;font-weight:600;color:var(--red);display:inline-flex;align-items:center;gap:1px;text-decoration:none}
.sw-sec-h a svg{width:14px;height:14px}
.sw-back{color:var(--muted);display:inline-flex;margin-right:5px}
.sw-cats{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sw-cats::-webkit-scrollbar{display:none}
.sw-cat{flex:0 0 auto;width:106px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 8px;background:var(--card);border:1.5px solid var(--line);border-radius:15px;text-align:center;text-decoration:none}
.sw-cat-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--c,#2e7cd6)}
.sw-cat-t{font-size:12px;font-weight:600;color:var(--text);line-height:1.25}
.sw-cat.active{border-color:var(--red)}
.sw-feat{margin:0 -2px}
.sw-ftrack{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 2px 4px}
.sw-ftrack::-webkit-scrollbar{display:none}
.sw-fcard{flex:0 0 76%;max-width:280px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:17px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow)}
.sw-fcard-img{aspect-ratio:1.25/1;background-size:cover;background-position:center;background-color:var(--surface-2);position:relative;display:flex;align-items:center;justify-content:center}
.sw-fcard-ph{color:#9aa3b2;opacity:.45}
.sw-fcat{position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:.4px;color:#fff;background:var(--c,#2e7cd6);padding:4px 9px;border-radius:7px}
.sw-fcard-b{padding:12px 13px 14px}
.sw-fcard-b>b{display:block;font-size:15px;font-weight:800;color:var(--text)}
.sw-fcard-b>small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.sw-fach{display:flex;align-items:flex-start;gap:5px;margin-top:9px;font-size:12px;font-weight:600;color:var(--text)}
.sw-fach svg{color:#e0a82e;flex:0 0 13px;margin-top:1px}
.sw-cta{margin:18px 0;border:1.5px solid rgba(232,37,45,.4);border-radius:16px;background:linear-gradient(135deg,rgba(232,37,45,.08),transparent 70%);overflow:hidden}
.sw-cta>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 14px;cursor:pointer}
.sw-cta>summary::-webkit-details-marker{display:none}
.sw-cta-ic{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(232,37,45,.14);color:var(--red)}
.sw-cta-tx{flex:1;min-width:0}
.sw-cta-tx>b{display:block;font-size:14.5px;color:var(--text)}
.sw-cta-tx>span{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}
.sw-cta-btn{flex:0 0 auto;font-size:12.5px;font-weight:700;color:#fff;background:var(--red);padding:9px 12px;border-radius:10px;display:inline-flex;align-items:center;gap:1px}
.sw-cta[open] .sw-cta-btn{display:none}
.sw-apply{padding:2px 14px 16px}
.sw-apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:6px 0 14px}
.sw-apply-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}
.sw-apply-grid label.full{grid-column:1/-1}
/* Ön yüz form kontrolleri — admin tarzı .input/.select/.textarea sınıflarını
   kullanan ön yüz sayfaları (başarı duvarı, ilan ver, foto yarışması) için.
   (Admin ayrı admin.css yükler; burada çakışma olmaz.) */
.input,.select,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--ink);font-size:14px;font-family:inherit;outline:none}
.input::placeholder,.textarea::placeholder{color:var(--muted-2)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--blue)}
.textarea{resize:vertical;min-height:72px}
.select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
.sw-bios{display:flex;flex-direction:column;gap:9px}
.sw-bio{display:flex;align-items:center;gap:13px;padding:11px 13px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none}
.sw-bio-img{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background-size:cover;background-position:center;background-color:var(--surface-2);display:flex;align-items:center;justify-content:center;color:#9aa3b2}
.sw-bio-b{flex:1;min-width:0}
.sw-bio-b>b{display:block;font-size:14.5px;font-weight:700;color:var(--text)}
.sw-bio-b>small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.sw-bio-aw{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:#d99a1e;margin-top:4px}
.sw-bio>svg{color:var(--muted-2);flex:0 0 18px}
.sw-d-cover img{aspect-ratio:1.2/1;object-fit:cover}
.sw-d-sub{font-size:14px;color:var(--muted);margin:-2px 0 12px}
.sw-d-badge{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:9px 13px;border-radius:11px;margin:0 8px 8px 0}
.sw-d-badge.ach{background:rgba(224,168,46,.14);color:#c98e16}
.sw-d-badge.ach svg{color:#e0a82e}
.sw-d-badge.aw{background:rgba(232,37,45,.1);color:var(--red)}

.pc-hero{position:relative;border-radius:18px;padding:18px 16px 16px;margin:14px 0 14px;background:linear-gradient(120deg,#16233f,#0e1422);background-size:cover;background-position:center;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.07)}
.pc-hero-ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(232,37,45,.85);color:#fff;margin-bottom:11px}
.pc-hero-tag{font-size:11px;font-weight:800;letter-spacing:1px;color:#ff6168}
.pc-hero h1{font-size:22px;font-weight:800;margin:3px 0 0;letter-spacing:-.4px}
.pc-hero-theme{font-size:12.5px;color:#cfd6e4;margin:7px 0 0}
.pc-hero-theme b{color:#ff6168}
.pc-hero-stats{display:flex;gap:8px;margin-top:15px;border-top:1px solid rgba(255,255,255,.12);padding-top:13px}
.pc-hero-stats>div{flex:1;display:flex;gap:7px;align-items:flex-start;min-width:0}
.pc-st-ic{color:#ff6168;flex:0 0 auto;margin-top:1px}
.pc-hero-stats small{display:block;font-size:10px;color:#9aa4b8;text-transform:uppercase;letter-spacing:.3px}
.pc-hero-stats b{display:block;font-size:12px;color:#fff;margin-top:2px;line-height:1.3}
.pc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}
.pc-tabs .tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:0;color:var(--muted);font-size:13px;font-weight:700;padding:11px 6px;cursor:pointer;border-bottom:2px solid transparent}
.pc-tabs .tab svg{width:15px;height:15px}
.pc-tabs .tab.active{color:var(--red);border-bottom-color:var(--red)}
.pc-prose{font-size:14px;line-height:1.6;color:var(--text)}
.pc-prose p{margin:0 0 11px}
.pc-join{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;font-size:14px;font-weight:700;padding:13px;border-radius:13px;text-decoration:none;margin-bottom:14px;box-shadow:0 8px 20px rgba(232,37,45,.32)}
.pc-filterbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.pc-chips{display:flex;gap:7px;overflow-x:auto;flex:1;scrollbar-width:none}
.pc-chips::-webkit-scrollbar{display:none}
.pc-chip{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--text);background:var(--card);border:1px solid var(--line);padding:7px 13px;border-radius:20px;text-decoration:none}
.pc-chip.active{background:var(--red);border-color:var(--red);color:#fff}
.pc-sort{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-card{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}
.pc-card-img{aspect-ratio:1/1;background-size:cover;background-position:center;background-color:var(--surface-2);position:relative}
.pc-rank{position:absolute;top:9px;left:9px;min-width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;background:#5b6472;padding:0 6px}
.pc-rank.n1{background:var(--red)}.pc-rank.n2{background:#5b6472}.pc-rank.n3{background:#c8772e}.pc-rank.n4{background:#c8772e}
.pc-votes{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;background:rgba(8,12,22,.72);color:#fff;font-size:12px;font-weight:700;padding:5px 9px;border-radius:20px}
.pc-votes svg{color:#ff5a60}
.pc-card-b{padding:10px 11px 11px}
.pc-up{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.pc-up-av{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--blue);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}
.pc-up-tx{min-width:0}
.pc-up-tx b{display:block;font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-up-tx small{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--muted)}
.pc-vote{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--red);color:#fff;border:0;font-size:13px;font-weight:700;padding:10px;border-radius:11px;cursor:pointer;transition:.15s}
.pc-vote svg{fill:currentColor}
.pc-vote.on,.pc-vote.done,.pc-vote:disabled{background:var(--surface-2);color:var(--muted);cursor:default}
.pc-vote.done{font-weight:600}
.pc-days{color:var(--red)!important}
.pc-quota{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom,0));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:calc(var(--app-w) - 24px);z-index:39;display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 14px;box-shadow:0 10px 30px rgba(20,35,63,.22)}
:root[data-theme="dark"] .pc-quota{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pc-q-ic{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(224,168,46,.16);color:#e0a82e}
.pc-q-tx b{display:block;font-size:13.5px;color:var(--text)}
.pc-q-tx small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.app-main.pc{padding-bottom:calc(150px + env(safe-area-inset-bottom,0))}

.wz-head{display:flex;align-items:center;gap:13px;margin:14px 0 16px}
.wz-head-ic{width:50px;height:50px;flex:0 0 50px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff}
.wz-head h1{font-size:20px;font-weight:800;margin:0}
.wz-head p{font-size:12.5px;color:var(--muted);margin:3px 0 0}
.wz-already{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:34px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.wz-already svg{color:var(--green)}
.wz-already b{font-size:16px;color:var(--text)}
.wz-already span{font-size:13px;color:var(--muted)}
.wz-already .btn{margin-top:8px}
.wz-steps{display:flex;align-items:flex-start;margin-bottom:18px}
.wz-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.wz-step:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;background:var(--line)}
.wz-step.done::after{background:var(--red)}
.wz-step-n{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--muted);border:2px solid var(--line);position:relative;z-index:1}
.wz-step.active .wz-step-n,.wz-step.done .wz-step-n{background:var(--red);color:#fff;border-color:var(--red)}
.wz-step-l{font-size:11px;font-weight:600;color:var(--muted)}
.wz-step.active .wz-step-l{color:var(--red)}
.wz-panel{display:none}
.wz-panel.active{display:block;animation:wzfade .2s ease}
@keyframes wzfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wz-drop{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:36px 18px;border:2px dashed var(--red);border-radius:16px;background:rgba(232,37,45,.04);cursor:pointer}
.wz-drop-ic{color:var(--red)}
.wz-drop b{font-size:16px;color:var(--text)}
.wz-drop small{font-size:12.5px;color:var(--muted)}
.wz-drop-btn{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-size:13.5px;font-weight:700;padding:11px 22px;border-radius:11px;margin-top:6px}
.wz-drop-name{font-size:12.5px;font-weight:600;color:var(--green)}
.wz-hint{font-size:13px;color:var(--muted);margin:0 0 12px}
.wz-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wz-cat{position:relative;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--card);border:1.5px solid var(--line);border-radius:13px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer}
.wz-cat input{position:absolute;opacity:0}
.wz-cat:has(input:checked){border-color:var(--red);background:rgba(232,37,45,.06);color:var(--red)}
.wz-preview{display:flex;flex-direction:column;gap:12px}
.wz-prev-img{width:100%;border-radius:14px;max-height:320px;object-fit:cover;background:var(--surface-2)}
.wz-prev-info{font-size:13.5px;color:var(--text);line-height:1.6}
.wz-prev-info b{color:var(--muted);font-weight:600}
.wz-terms{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text);line-height:1.45;margin-bottom:16px}
.wz-terms input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--red);margin-top:1px}
.wz-nav{display:flex;gap:10px;margin-top:18px}
.wz-nav .btn{flex:1;justify-content:center}
.wz-nav [data-prev]{flex:0 0 auto}
.wz-status,.wz-tips{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:15px}
.wz-status h3,.wz-tips h3{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--text);margin:0 0 13px}
.wz-status h3 svg,.wz-tips h3 svg{color:var(--red)}
.wz-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.wz-stat-grid>div{background:var(--surface-2);border-radius:11px;padding:12px}
.wz-stat-grid b{display:block;font-size:18px;font-weight:800;color:var(--text)}
.wz-stat-grid small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.wz-tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wz-tip{display:flex;gap:9px;align-items:flex-start}
.wz-tip span{color:var(--red);flex:0 0 auto;margin-top:1px}
.wz-tip small{font-size:12px;color:var(--muted);line-height:1.4}

/* Sabit alt menü ile içerik çakışmasını önle — temalı tam-sayfa kapsayıcılara alt boşluk */
.nmz,.tm,.hl,.tur,.cm,.fr,.km,.sy,.sy-list,.article{padding-bottom:calc(94px + env(safe-area-inset-bottom,0))}
.article.article-flow{padding-bottom:0}

/* Haber sosyal katmanı — tema-duyarlı (nexus yapısı, açık/koyu renkler) */
.app-main .nx-acts{gap:22px;padding:6px 2px 0;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}
.app-main .nx-a{color:var(--muted)}
.app-main .nx-a[data-newslike] svg{color:#e84393}
.app-main .nx-a[data-newslike].on svg{fill:#e84393}
.app-main .nx-a:nth-child(2) svg{color:var(--blue)}
.app-main .nx-cmts{padding:6px 2px 0}
.app-main .nx-cmts-h{color:var(--ink);border-top:0;padding:6px 0 10px}
.app-main .nx-cmt-b{color:var(--ink)}
.app-main .nx-cmt-b b{color:var(--ink)}
.app-main .nx-cmt-t{color:var(--muted)}
.app-main .nx-cmt-empty{color:var(--muted)}
.news-react{display:flex;gap:8px;margin:4px 0 14px;flex-wrap:wrap}
.news-emo{display:inline-flex;align-items:center;gap:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:6px 12px;font-size:17px;line-height:1;cursor:pointer;transition:transform .12s,border-color .15s,background .15s}
.news-emo:active{transform:scale(.9)}
.news-emo .emo-n{font-size:12px;font-weight:700;color:var(--muted)}
.news-emo .emo-n[hidden]{display:none}
.news-emo.on{background:rgba(31,111,214,.14);border-color:var(--blue)}
.news-emo.on .emo-n{color:var(--blue)}
.news-cform{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.news-cform .finput{flex:1;border-radius:22px;padding:11px 16px}
.news-cform .btn{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%}
.news-cform .btn svg{width:18px;height:18px}
.news-login{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--ink);text-decoration:none;font-weight:600;font-size:13.5px;margin-bottom:14px}

.pr-panel[hidden]{display:none}
button.pr-tab{cursor:pointer;font-family:inherit}
.pr-imsak-h{text-align:center;font-size:13px;font-weight:800;color:#5fd0b0;letter-spacing:.5px;margin:16px 14px 10px}
.pr-imsak{margin:0 12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.pr-imsak-row{display:grid;grid-template-columns:30px repeat(6,1fr);align-items:center;font-size:11px;color:var(--ink);border-bottom:1px solid var(--line);padding:7px 4px}
.pr-imsak-row:last-child{border-bottom:0}
.pr-imsak-row span{text-align:center;font-variant-numeric:tabular-nums}
.pr-imsak-d{color:var(--muted);font-weight:700}
.pr-imsak-head{background:var(--surface-2);color:#5fd0b0;font-weight:800;font-size:9.5px;letter-spacing:.2px}
.pr-imsak-row.today{background:linear-gradient(90deg,rgba(95,208,176,.18),transparent);color:#5fd0b0}
.pr-imsak-row.today .pr-imsak-d{color:#5fd0b0}

a.cm-card-b{text-decoration:none;color:inherit}
.art-types{display:flex;gap:10px}
.art-type{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer}
.art-type:has(input:checked){border-color:var(--blue);background:rgba(46,124,214,.12);color:var(--blue)}
.art-type input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.art-note{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-top:10px}
.pf-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:2px 0 10px;cursor:pointer}
.pf-toggle>span{display:flex;flex-direction:column;gap:2px;font-size:13.5px;font-weight:600;color:var(--ink)}
.pf-toggle>span svg{vertical-align:-2px}
.pf-toggle small{font-size:11px;font-weight:400;color:var(--muted)}
.pf-toggle input{display:none}
.pf-toggle i{flex:0 0 42px;width:42px;height:24px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);position:relative;transition:background .2s}
.pf-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .2s}
.pf-toggle input:checked + i{background:var(--blue);border-color:var(--blue)}
.pf-toggle input:checked + i:after{left:21px}
.pf-private{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:5px 10px;border-radius:9px;align-self:flex-end;margin-bottom:6px}
.cmd-hero{position:relative;min-height:172px;display:flex;flex-direction:column;justify-content:flex-end;padding:46px 16px 16px;background:linear-gradient(180deg,#1e2740,#151a2e);background-size:cover;background-position:center;border-radius:0 0 22px 22px}
.cmd-type{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#fff;background:rgba(124,77,255,.85);padding:4px 10px;border-radius:9px}
.cmd-hero-b h1{font-size:24px;font-weight:800;color:#fff;margin:8px 0 4px}
.cmd-meta{display:flex;align-items:center;gap:5px;font-size:13px;color:rgba(255,255,255,.85)}
.cmd-body{padding:16px 14px}
.cmd-desc{font-size:14px;color:#aab4c8;line-height:1.5;margin:0 0 14px}
.cmd-join{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;padding:13px;font-size:14.5px;font-weight:700;background:linear-gradient(135deg,#7c4dff,#5a3fb0);color:#fff;cursor:pointer}
.cmd-join.on{background:#1a2238;color:#cdd5ea;border:1px solid rgba(255,255,255,.1)}
.cmd-sec{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:#e6e9f2;margin:20px 0 12px}
.cmd-sec svg{color:#9b8bff}
.cmd-members{display:flex;flex-wrap:wrap;gap:14px 10px}
.cmd-mem{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px;text-align:center}
.cmd-mem-av{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c4dff,#5a3fb0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}
.cmd-mem-av img{width:100%;height:100%;object-fit:cover}
.cmd-mem-n{font-size:11px;color:#aab4c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}
.cmd-empty,.cmd-feed-empty{text-align:center;color:#7c8db0;padding:26px 16px}
.cmd-empty svg,.cmd-feed-empty svg{opacity:.5}
.cmd-feed-empty{margin-top:14px;border-top:1px solid rgba(255,255,255,.06);padding-top:24px}
.cmd-empty div,.cmd-feed-empty div{margin-top:8px;font-size:13px}

.crop-modal{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:300;display:none;align-items:center;justify-content:center;padding:16px}
.crop-modal.on{display:flex}
.crop-box{width:100%;max-width:460px;background:var(--card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.crop-area{position:relative;background:#000;max-height:68vh;min-height:240px}
.crop-area img{display:block;max-width:100%}
.crop-actions{display:flex;gap:10px;padding:12px}
.crop-actions button{flex:1;border:0;border-radius:11px;padding:13px;font-size:14px;font-weight:700;cursor:pointer}
.crop-cancel{background:var(--surface-2);color:var(--ink)}
.crop-ok{background:var(--blue);color:#fff}
.crop-modal.round .cropper-view-box,.crop-modal.round .cropper-face{border-radius:50%}
.pf-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.pf-social a{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.pf-block{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted-2);font-size:12.5px;font-weight:600;cursor:pointer;padding:6px;margin-top:6px}
.pf-block.on{color:var(--red)}

.tv{max-width:var(--app-w);margin:0 auto;background:#0a0d14;min-height:100vh;color:#e6e9f0;padding-bottom:calc(94px + env(safe-area-inset-bottom,0))}
.tv-head{display:flex;align-items:center;gap:10px;padding:16px 16px 10px}
.tv-mb,.tv-search{width:40px;height:40px;flex:0 0 40px;border:0;background:none;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;cursor:pointer}
.tv-mb{justify-content:flex-start}
.tv-search{justify-content:flex-end}
.tv-logo{flex:1;text-align:center;font-size:23px;font-weight:800;letter-spacing:.5px;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px}
.tv-logo b{background:#e0202a;color:#fff;border-radius:7px;padding:1px 8px;margin-left:3px;font-weight:800}
.tv-logo-pl{display:inline-flex;align-items:center;justify-content:center}
.tv-logo-pl svg{fill:#e0202a;color:#e0202a}
@keyframes tvpulse{0%,100%{opacity:1}50%{opacity:.3}}
.tv-live{margin:0 14px 16px}
.tv-live-h{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:8px}
.tv-live-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;background:#e0555f;color:#fff;padding:3px 8px;border-radius:7px}
.tv-live-badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:tvpulse 1.4s infinite}
.tv-live-player{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000 center/cover;cursor:pointer}
.tv-hero{margin:4px 14px 18px}
.tv-stage{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#161b26 center/cover;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tv-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.tv-play{width:64px;height:64px;border-radius:50%;background:rgba(224,32,42,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(224,32,42,.45);z-index:2}
.tv-play svg{fill:#fff;color:#fff;width:26px;height:26px;margin-left:4px}
.tv-stage.playing .tv-play{display:none}
.tv-hero-info{padding:14px 2px 0}
.tv-hero-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.6px;color:#fff;background:#e0202a;padding:4px 10px;border-radius:7px}
.tv-hero-title{font-size:21px;font-weight:800;color:#fff;line-height:1.2;margin:10px 0 0}
.tv-hero-desc{font-size:13.5px;color:#9aa6bd;margin:6px 0 0;line-height:1.45}
.tv-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:11px}
.tv-hero-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#8b97ae}
.tv-hero-meta svg{vertical-align:-2px;margin-right:3px;opacity:.85}
.tv-hero-meta .tv-sep{opacity:.5}
.tv-hero-btn{display:inline-flex;align-items:center;gap:7px;background:#e0202a;color:#fff;border:0;border-radius:11px;padding:10px 18px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}
.tv-hero-btn svg{fill:#fff}
.tv-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 14px 14px}
.tv-cats::-webkit-scrollbar{display:none}
.tv-cat{flex:0 0 auto;font-size:12.5px;font-weight:600;color:#c2cbdc;background:#1a2030;border:1px solid rgba(255,255,255,.05);padding:8px 15px;border-radius:10px;text-decoration:none;white-space:nowrap}
.tv-cat.active{background:#e0202a;color:#fff;border-color:transparent}
.tv-sec{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 12px}
.tv-sec h2{font-size:18px;font-weight:800;color:#fff;margin:0}
.tv-sec a{font-size:13px;color:#9aa6bd;text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.tv-rows{display:flex;flex-direction:column;gap:13px;padding:0 14px}
.tv-row{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#11141d;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:10px;cursor:pointer}
.tv-row:nth-child(even){flex-direction:row-reverse}
.tv-row-th{position:relative;flex:0 0 45%;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#0a0d14 center/cover}
.tv-row-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tv-row-play svg{width:34px;height:34px;fill:rgba(255,255,255,.92);color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}
.tv-row-dur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px}
.tv-row-b{flex:1;min-width:0}
.tv-row-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.tv-row-cat{font-size:10px;font-weight:800;letter-spacing:.5px;color:#ff5a62;background:rgba(224,32,42,.1);border:1px solid rgba(224,32,42,.55);padding:4px 9px;border-radius:7px;white-space:nowrap;box-shadow:0 0 9px rgba(224,32,42,.22)}
.tv-row-rank{font-size:13px;font-weight:800;color:#8b97ae}
.tv-row-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:1px}
.tv-yt{width:26px;height:18px;border-radius:6px;background:#e0202a;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}
.tv-yt svg{fill:#fff;color:#fff;width:11px;height:11px;margin-left:1px}
.tv-row-title{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:#fff;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tv-row-ch{display:block;font-size:12px;color:#9aa6bd;margin-top:3px}
.tv-row-meta{display:block;font-size:11.5px;color:#7c8aa6;margin-top:3px}
.tv-empty{text-align:center;color:#7c8aa6;padding:50px 16px}
.tv-empty svg{opacity:.5;margin-bottom:8px}

/* ===== Yerel Yazarlar ===== */
.la{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
.la-hero{position:relative;overflow:hidden;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:#0c2a1c;background-size:cover;background-position:center;color:#fff;min-height:212px;display:flex;align-items:flex-end;padding:calc(30px + env(safe-area-inset-top,0px)) 18px 24px}
.la-back{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:12px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.86);color:#1b2433;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.la-hero-b{position:relative;z-index:1}
.la-hero-b h1{font-size:30px;font-weight:800;letter-spacing:.2px;margin:0 0 8px;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.la-hero-parent{font-size:.62em;font-weight:700;color:rgba(255,255,255,.78)}
.la-hero-b p{font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.94);max-width:74%;margin:0;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.la-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 16px 11px;font-size:16px;font-weight:800;color:var(--ink)}
.la-sec-h b{display:inline-flex;align-items:center;gap:7px}
.la-sec-h b svg{color:var(--green-2,#1fa463)}
.la-more{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:700;color:var(--green-2,#1fa463);text-decoration:none}
.la-back-link{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--ink);flex:0 0 auto}
.la-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:0 16px}
.la-cat{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px -10px rgba(8,20,40,.3)}
.la-cat-img{position:relative;display:block;height:104px;background:linear-gradient(135deg,#1fa463,#137a48);background-size:cover;background-position:center;box-shadow:inset 0 -34px 40px -24px rgba(0,0,0,.5)}
.la-cat-ic{position:absolute;left:8px;bottom:-13px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1fa463;color:#fff;border:2.5px solid var(--card);box-shadow:0 3px 8px rgba(0,0,0,.2)}
.la-cat b{display:block;font-size:13px;font-weight:700;padding:18px 10px 0;line-height:1.2}
.la-cat small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;color:var(--muted);line-height:1.4;height:2.8em;overflow:hidden;padding:0 10px;margin:3px 0 13px}
.la-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;margin-top:18px}
.la-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden;text-decoration:none;color:var(--ink)}
.la-card-img{position:relative;display:block;height:108px;background:linear-gradient(135deg,#2a6b4a,#16432e);background-size:cover;background-position:center}
.la-card-cat{position:absolute;left:8px;top:8px;font-size:10px;font-weight:700;color:#fff;background:rgba(20,40,28,.86);padding:3px 8px;border-radius:7px}
.la-card-b{display:block;padding:10px 11px 12px}
.la-card-b b{display:-webkit-box;font-size:13.5px;font-weight:700;line-height:1.3;margin-bottom:7px;height:2.6em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.la-card-au,.la-card-m{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-top:3px;min-width:0}
.la-card-au span,.la-card-au{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.la-card-au svg,.la-card-m svg{flex:0 0 auto;opacity:.85}
/* Öne çıkan yazılar — yeşil panel + yatay kaydırma */
.la-feat{margin:6px 0 4px}
.la-feat .la-sec-h{margin:22px 16px 12px}
.la-feat-scroll{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 16px 4px;scrollbar-width:none}
.la-feat-scroll::-webkit-scrollbar{display:none}
.la-fcard{flex:0 0 calc((100% - 22px) / 3 - 6px);background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px -10px rgba(8,20,40,.3)}
.la-fcard-img{position:relative;display:block;height:104px;background:linear-gradient(135deg,#2a6b4a,#16432e);background-size:cover;background-position:center}
.la-fcard-cat{position:absolute;left:9px;bottom:9px;font-size:10px;font-weight:700;color:#fff;background:#1fa463;padding:3px 9px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.la-card-img.noimg,.la-fcard-img.noimg{background:linear-gradient(135deg,#1c6b52,#143a55 55%,#0e2740)}
.la-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.22)}
.la-fcard-b{display:block;padding:10px 11px 12px}
.la-fcard-b b{display:block;font-size:13px;font-weight:700;line-height:1.3;margin-bottom:6px;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.la-fcard-au,.la-fcard-m{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:3px}
.la-fcard-au svg,.la-fcard-m svg{flex:0 0 auto;opacity:.85}
/* "Sen de Yaz, Paylaş!" bandı */
.la-banner{display:flex;align-items:center;gap:12px;margin:18px 16px 6px;padding:14px;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#1c6b40,#0f5230);box-shadow:0 10px 26px -12px rgba(15,82,48,.7)}
.la-banner-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);color:#fff}
.la-banner-t{flex:1;min-width:0;display:block;color:#fff}
.la-banner-t b{display:block;font-size:14.5px;font-weight:800}
.la-banner-t small{display:block;font-size:11.5px;line-height:1.35;color:rgba(255,255,255,.82);margin-top:2px}
.la-banner-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:700;color:#0f5230;background:#fff;padding:9px 13px;border-radius:11px;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.la-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);padding:34px 16px}
.la-empty svg{opacity:.5}

/* Reklam slotları (ad_slot) — oranlı (aspect-ratio inline) veya serbest */
.ad-slot{position:relative;display:block;margin:14px 0;border-radius:14px;overflow:hidden;background:var(--surface-2);grid-column:1/-1}
.ad-slot a{display:block}
.ad-slot img{width:100%;display:block;height:auto}
.ad-slot[style*="aspect-ratio"] img{height:100%;object-fit:cover}
.ad-tag{position:absolute;top:7px;left:7px;background:rgba(8,12,22,.62);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;text-transform:uppercase;pointer-events:none}
.acontent .ad-slot{margin:18px 0}

/* Gezi rehberi "Beğen" butonu (etkileşim) */
.sy-like{display:inline-flex;align-items:center;gap:7px;margin:2px 0 4px;padding:9px 16px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}
.sy-like svg{width:17px;height:17px}
.sy-like.on{color:#e0245e;border-color:#e0245e}
.sy-like.on svg{fill:currentColor}