/* SocialPulsar görünüm modları — Aero (cam, varsayılan) · Açık · Koyu · Otomatik; yazı tipi ve metin boyutu.
   <html data-theme="aero|light|dark" data-font="…" style="--sp-fs:1.1">. Ayrıntılı karşılıklar look-gen.css'te (tools/gen_look.py üretir). */

/* ---------- yazı tipleri (yalnızca sitede gömülü olanlar ve sistem yazı tipleri; dışarıdan indirme yok) ---------- */
html[data-font="inter"]{--sp-font:InterSP,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--sp-head:var(--sp-font)}
html[data-font="jost"]{--sp-font:Jost,InterSP,Inter,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--sp-head:var(--sp-font)}
html[data-font="system"]{--sp-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--sp-head:var(--sp-font)}
html[data-font="rounded"]{--sp-font:ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN","Nunito","Varela Round","Arial Rounded MT Bold",-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--sp-head:var(--sp-font)}
html[data-font="serif"]{--sp-font:ui-serif,"New York",Charter,Georgia,Cambria,"Times New Roman","Songti SC","STSong",SimSun,serif;--sp-head:var(--sp-font)}
html[data-font] .ai-workspace,html[data-font] .ai-workspace.dt-on{font-family:var(--sp-font)}

/* ---------- Koyu: macOS koyu modu gibi — opak'a yakın koyu pencereler, beyaz yazı ---------- */
html[data-theme="dark"] .ai-workspace{color-scheme:dark;
  --glass-bg:rgba(30,30,33,calc(.72 + var(--glass) * .24));
  --glass-filter:blur(calc(22px + var(--glass) * 28px)) saturate(1.6);
  --glass-border:rgba(255,255,255,.12);
  --glass-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 .5px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  --glass-inner:rgba(255,255,255,.05);--glass-inner-border:rgba(255,255,255,.09);
  --glass-chip:rgba(255,255,255,.08);--glass-chip-hover:rgba(255,255,255,.14);--glass-chip-border:rgba(255,255,255,.13);--glass-dark:rgba(255,255,255,.06);
  --on-glass:#f5f5f7;--on-glass-2:rgba(245,245,247,.78);--on-glass-3:rgba(245,245,247,.55)}
html[data-theme="dark"] .dt-bar,html[data-theme="dark"] .dt-dock,html[data-theme="dark"] .dt-menu{background:rgba(28,28,30,.82)}

/* ---------- Açık: macOS açık modu gibi — beyaz buzlu pencereler, koyu yazı ---------- */
html[data-theme="light"] .ai-workspace{color-scheme:light;
  --glass-bg:rgba(250,250,252,calc(.6 + var(--glass) * .32));
  --glass-filter:blur(calc(20px + var(--glass) * 30px)) saturate(1.9);
  --glass-border:rgba(0,0,0,.1);
  --glass-shadow:0 30px 70px rgba(0,0,0,.2),0 0 0 .5px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.85);
  --glass-inner:rgba(0,0,0,.035);--glass-inner-border:rgba(0,0,0,.08);
  --glass-chip:rgba(0,0,0,.05);--glass-chip-hover:rgba(0,0,0,.09);--glass-chip-border:rgba(0,0,0,.11);--glass-dark:rgba(0,0,0,.06);
  --on-glass:#1d1d1f;--on-glass-2:rgba(29,29,31,.74);--on-glass-3:rgba(29,29,31,.52)}
html[data-theme="light"] .dt-bar,html[data-theme="light"] .dt-dock,html[data-theme="light"] .dt-menu{background:rgba(246,246,248,.8)}
html[data-theme="light"] .dt-bar{border-bottom-color:rgba(0,0,0,.08)}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:rgba(29,29,31,.42)}
html[data-theme="light"] .wg-face{background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.5) 70%)}
html[data-theme="light"] .wg-face .tk{stroke:rgba(29,29,31,.3)}html[data-theme="light"] .wg-face .tk.b{stroke:rgba(29,29,31,.85)}
html[data-theme="light"] .wg-face .hand{stroke:#1d1d1f}html[data-theme="light"] .wg-face .hub{fill:#1d1d1f}html[data-theme="light"] .wg-face .rim{stroke:rgba(0,0,0,.12)}
html[data-theme="light"] .wg-chart .line{stroke:#1d1d1f}html[data-theme="light"] .wg-chart .dot{fill:#1d1d1f}
html[data-theme="light"] .wx .wx-cloud path{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}

/* ---------- Ayarlar › Görünüm: tema, yazı tipi, metin boyutu ---------- */
.look-block{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px;border-top:1px solid var(--glass-inner-border)}
.look-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.look-head span{font-size:15px;font-weight:600}
.look-head small{font-size:12.5px;color:var(--on-glass-3)}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.theme-opt{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.theme-opt .tp{position:relative;width:100%;aspect-ratio:16/11;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--glass-chip-border);transition:box-shadow .15s,transform .15s}
.theme-opt:hover .tp{transform:translateY(-1px)}
.theme-opt.on .tp{box-shadow:0 0 0 2.5px #0a84ff,0 0 0 5px rgba(10,132,255,.25)}
.theme-opt span{font-size:12.5px;color:var(--on-glass-2)}
.theme-opt.on span{color:var(--on-glass);font-weight:600}
.tp::before{content:"";position:absolute;inset:0}
.tp i{position:absolute;left:14%;top:20%;right:14%;bottom:0;border-radius:7px 7px 0 0}
.tp i::before{content:"";position:absolute;left:8%;top:12%;width:22%;height:8%;border-radius:3px;background:currentColor;opacity:.55}
.tp i::after{content:"";position:absolute;left:8%;top:30%;width:70%;height:6%;border-radius:3px;background:currentColor;opacity:.3;box-shadow:0 9px 0 currentColor}
.tp-aero::before{background:linear-gradient(140deg,#a9b8ac,#6f8174 55%,#e0a36c)}
.tp-aero i{background:rgba(118,124,118,.5);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);color:#fff}
.tp-light::before{background:linear-gradient(140deg,#cfe0f5,#9db8e0)}
.tp-light i{background:rgba(250,250,252,.95);color:#1d1d1f;box-shadow:0 -2px 10px rgba(0,0,0,.12)}
.tp-dark::before{background:linear-gradient(140deg,#2b3550,#141a2b)}
.tp-dark i{background:rgba(30,30,33,.96);color:#f5f5f7;border:1px solid rgba(255,255,255,.1)}
.tp-auto::before{background:linear-gradient(135deg,#cfe0f5 0 50%,#141a2b 50% 100%)}
.tp-auto i{background:linear-gradient(135deg,rgba(250,250,252,.95) 0 50%,rgba(30,30,33,.96) 50% 100%);color:#888}
.font-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.font-opt{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border-radius:12px;border:1px solid var(--glass-chip-border);background:var(--glass-chip);color:inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.font-opt:hover{background:var(--glass-chip-hover)}
.font-opt.on{border-color:#0a84ff;box-shadow:0 0 0 3px rgba(10,132,255,.22)}
.font-opt b{font-size:20px;font-weight:600;line-height:1;flex:none;width:30px;text-align:center}
.font-opt span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.font-opt[data-font="default"] b{font-family:Jost,InterSP,sans-serif}
.font-opt[data-font="inter"] b{font-family:InterSP,Inter,sans-serif}
.font-opt[data-font="jost"] b{font-family:Jost,sans-serif}
.font-opt[data-font="system"] b{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.font-opt[data-font="rounded"] b{font-family:ui-rounded,"SF Pro Rounded","Nunito","Arial Rounded MT Bold",sans-serif}
.font-opt[data-font="serif"] b{font-family:ui-serif,"New York",Georgia,serif}
.fs-row{display:flex;align-items:center;gap:12px}
.fs-row .fs-a{flex:none;font-weight:600;color:var(--on-glass-2)}
.fs-row .fs-a.sm{font-size:12px}.fs-row .fs-a.lg{font-size:21px}
.fs-row input{flex:1}
.fs-ticks{display:flex;justify-content:space-between;padding:0 30px;margin-top:-4px;font-size:11px;color:var(--on-glass-3)}
.fs-ticks span.on{color:var(--on-glass);font-weight:600}
@media(max-width:620px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme="light"] .dt-ic.pad{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}
html[data-theme="light"] .dt-ic.pad svg{fill:#1d1d1f}
html[data-theme="light"] .ai-workspace{--text:#1d1d1f;--muted:rgba(29,29,31,.74);--dim:rgba(29,29,31,.5);--line:rgba(0,0,0,.1);--line-2:rgba(0,0,0,.18);--white-a:rgba(255,255,255,.86)}
/* pano içi kendi renkli arka planıyla her temada aynı (Aero) kalır */
html[data-theme="light"] .bd-board,html[data-theme="dark"] .bd-board{color:#fff;--on-glass:#fff;--on-glass-2:rgba(255,255,255,.8);--on-glass-3:rgba(255,255,255,.6);
  --glass-bg:rgba(118,124,118,calc(.16 + var(--glass) * .5));--glass-border:rgba(255,255,255,.34);--glass-inner:rgba(255,255,255,.08);--glass-inner-border:rgba(255,255,255,.16);
  --glass-chip:rgba(255,255,255,.14);--glass-chip-hover:rgba(255,255,255,.24);--glass-chip-border:rgba(255,255,255,.26);--glass-dark:rgba(255,255,255,.1);color-scheme:dark}
html[data-theme="light"] .story-add .ring{background:rgba(0,0,0,.1)}
html[data-theme="light"] .story-add .avatar{background:rgba(255,255,255,.85)!important;color:#1d1d1f}

/* ---------- Ayarlar › Masaüstü ---------- */
.look-foot{margin-top:6px;display:flex;align-items:center;justify-content:flex-end}
.acct-desk .login-bg-preview{position:relative;height:150px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--glass-chip-border)}
.acct-desk .lbp-bg{position:absolute;inset:0;background:var(--lbp,linear-gradient(180deg,#8a57d8,#2f1b6c));transition:background .4s}
.acct-desk .login-bg-preview:not(.is-default) .lbp-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,30,.12),rgba(10,8,30,.38))}
.acct-desk .login-bg-preview.is-default .lbp-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(160deg,transparent 40%,rgba(45,25,110,.85) 41%),linear-gradient(200deg,transparent 45%,rgba(70,40,150,.6) 46%)}
.acct-desk .lbp-card{position:absolute;left:50%;top:50%;width:92px;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:5px;padding:0 0 9px;border-radius:10px;overflow:hidden;
  background:rgba(14,12,38,.62);backdrop-filter:blur(6px);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.14)}
.acct-desk .lbp-card i{display:block;height:40px;background:linear-gradient(180deg,#b48cff,#6a3fbf)}
.acct-desk .lbp-card b{display:block;height:7px;margin:0 9px;border-radius:4px;background:rgba(255,255,255,.18)}
.acct-desk .lbp-card s{display:block;height:9px;margin:2px 9px 0;border-radius:5px;background:linear-gradient(90deg,#4fd1ff,#9a6cff)}
.acct-desk .preset.lb-default::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(160deg,transparent 45%,rgba(45,25,110,.85) 46%)}
.acct-desk .preset span{z-index:1}

/* ---------- profil fotoğrafı (avatars.js): baş harflerin üstüne oturur ---------- */
:where([data-sp-face]){position:relative}
.sp-has-face{color:transparent!important;text-shadow:none!important}
img.sp-face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none;z-index:0}