/* archived — cila katmanı: canlı paletler, yumuşak köşeler, süs ve yeni sayfaların biçimi (en son yüklenir) */

/* ===== Renk paletleri (daha canlı) ===== */
:root{--r-sm:12px;--r:18px;--r-lg:26px;--shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent),0 14px 34px -18px color-mix(in srgb,var(--ink) 38%,transparent);--shadow-lift:0 2px 4px color-mix(in srgb,var(--ink) 8%,transparent),0 22px 40px -18px color-mix(in srgb,var(--ink) 45%,transparent)}
:root:not([data-theme]){--paper:#fff4f1;--surface:#ffffff;--ink:#2b2030;--muted:#7d6e86;--line:#f5d8df;--cream-deep:#ffe6e6;--wine:#e5336a;--wine-dark:#c4225a;--on-wine:#fff;--rose:#ffc1d3;--sage:#b7efd2;--lavender:#d0bfff;--peach:#ffd0a0;--note-sage:#d9f7e6}
[data-theme="murekkep"]{--paper:#eaf4ff;--surface:#ffffff;--ink:#13213f;--muted:#5f7094;--line:#cfe2fb;--cream-deep:#dcebff;--wine:#2563ff;--wine-dark:#1b4bd1;--rose:#c8dcff;--sage:#b4f0e3;--lavender:#d3c9ff;--peach:#ffe0ae;--note-sage:#d3f6ef}
[data-theme="yosun"]{--paper:#ecfbef;--surface:#ffffff;--ink:#12301d;--muted:#5d7f66;--line:#cdeed4;--cream-deep:#dcf6e1;--wine:#08994d;--wine-dark:#067a3d;--rose:#ffd0cc;--sage:#a5eab8;--lavender:#d6ccff;--peach:#ffe38f;--note-sage:#d4f6dc}
[data-theme="leylak"]{--paper:#f5eeff;--surface:#ffffff;--ink:#271848;--muted:#7a6a9e;--line:#e6d6fb;--cream-deep:#ecdffd;--wine:#7b32e8;--wine-dark:#5f1fc4;--rose:#ffc4e6;--sage:#bdf0d6;--lavender:#d2bcff;--peach:#ffd6b0;--note-sage:#dcf5e8}
[data-theme="deniz"]{--paper:#e6fbf9;--surface:#ffffff;--ink:#0b2f31;--muted:#4c8083;--line:#c2eeea;--cream-deep:#d2f6f2;--wine:#0a9aa0;--wine-dark:#077980;--rose:#ffcdc4;--sage:#9be8d2;--lavender:#c4d6ff;--peach:#ffdf9c;--note-sage:#c9f3ec}
[data-theme="gece"]{--paper:#1e1a19;--surface:#2b2523;--ink:#f3e8dc;--muted:#b3a496;--line:#433932;--cream-deep:#372f2a;--wine:#f4a47c;--wine-dark:#e48a5d;--on-wine:#2a1710;--rose:#8d5560;--sage:#6f8d6a;--lavender:#7a6ba8;--peach:#c58f55;--note-sage:#2e3a2d}
[data-theme="lacivert"]{--paper:#121a2e;--surface:#1b2540;--ink:#e6edff;--muted:#9aa9cf;--line:#2c3a60;--cream-deep:#243055;--wine:#78a8ff;--wine-dark:#5a8fee;--on-wine:#0b1a3a;--rose:#8c5c9a;--sage:#4f8f8a;--lavender:#6a72d4;--peach:#b99a5c;--note-sage:#1f3a3a}
[data-theme="orman"]{--paper:#101d15;--surface:#18291d;--ink:#e4f5e0;--muted:#93b59a;--line:#274030;--cream-deep:#1f3526;--wine:#7fe08a;--wine-dark:#5fc86c;--on-wine:#0b2210;--rose:#94605f;--sage:#4f8d5c;--lavender:#6c7fb8;--peach:#bf9f58;--note-sage:#1e3a25}
[data-theme="erik"]{--paper:#1c1226;--surface:#281a35;--ink:#f6e6f6;--muted:#b79bc4;--line:#402a52;--cream-deep:#33213f;--wine:#f58bc4;--wine-dark:#e46bad;--on-wine:#320c24;--rose:#94527a;--sage:#5f8f72;--lavender:#8a6bd9;--peach:#c0885c;--note-sage:#233a2b}
:root,[data-theme]{--edge:color-mix(in srgb,var(--ink) 22%,var(--paper))}

/* ===== Zemin: yumuşak renk lekeleri (sabit, hareketsiz) ===== */
body{background-image:radial-gradient(60vw 50vh at 8% -6%,color-mix(in srgb,var(--rose) 55%,transparent),transparent 70%),radial-gradient(55vw 50vh at 100% 8%,color-mix(in srgb,var(--lavender) 45%,transparent),transparent 70%),radial-gradient(50vw 45vh at 70% 108%,color-mix(in srgb,var(--peach) 40%,transparent),transparent 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .3  0 0 0 0 .25  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-attachment:fixed,fixed,fixed,scroll}
html[data-mode="dark"] body{background-image:radial-gradient(60vw 50vh at 8% -6%,color-mix(in srgb,var(--rose) 22%,transparent),transparent 70%),radial-gradient(55vw 50vh at 100% 8%,color-mix(in srgb,var(--lavender) 20%,transparent),transparent 70%)}
::selection{background:color-mix(in srgb,var(--wine) 30%,transparent)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--wine) 40%,var(--line)) transparent}

/* ===== Yumuşak köşeler ===== */
.slip,.notice,.club,.person,.callout,.penny-card,.prose-card,.settings-card,.postcard,.empty-panel,.content-well,.composer-card,.filter-card,.side-block,.post,.trace-card,.report-card,.panel-body,.conversation-list,.conversation-pane,.messages-layout,.publication-status-card,.studio-panel,.studio-form-wrap,.upload-box,.reader-sheet,.profile-music,.pub-feature,.continue-card,.diary-stats,.about-cards article,.rules-list,.banner,.toast,.pref-pop,.mode-list,.dropdown,.menu,.popover{border-radius:var(--r)!important}
.frame,.modal-card,.reader-room,.profile-cover-placeholder{border-radius:var(--r-lg)!important}
.mat,.mat img,.mat .artwork-fallback,.cover,.cover img,.cover-art,.entry,.entry-thumb,.entry-thumb img,.post-media,.post-media img,.detail-photo,.detail-photo img,.dropzone,.live-preview,.date-stamp,.tag-pill,.field input,.field textarea,.field select,.search-box,.sort-box select,.bubble,.thread-form input,.collage-main,.collage-stamp,.stamp,.collage-card,.avatar-paper,.link-chip,.chip,.chip-mini,.slip-tag{border-radius:var(--r-sm)}
.mat{border-radius:calc(var(--r) - 4px)}.mat img,.mat .artwork-fallback{border-radius:10px}
.cover{border-radius:6px 14px 14px 6px!important}.cover img,.cover-art{border-radius:0}
.slip-tag{background:color-mix(in srgb,var(--surface) 70%,transparent);padding:1px 9px}
.date-stamp{border-radius:999px;padding:5px 12px;transform:rotate(-1deg)}
.tape{border-radius:3px}
.chip,.chip-mini,.link-chip,.btn{border-radius:999px!important}
.field input,.field textarea,.field select,.search-box,.thread-form input{border-radius:14px}
.search-box{border-radius:999px}
.entry{border:1px solid var(--line)!important;background:var(--surface);padding:18px 22px 18px 18px!important;margin-bottom:12px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.entry:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);background:var(--surface)}
.entries{background:none!important}

/* ===== Derinlik ve süs ===== */
.slip,.frame,.notice,.club,.person,.post,.settings-card,.prose-card,.composer-card,.filter-card,.side-block,.postcard,.penny-card,.conversation-list,.callout{box-shadow:var(--shadow)}
.frame,.slip,.notice,.club,.person,.issue .cover{transition:transform .22s ease,box-shadow .22s ease}
.frame:hover,.notice:hover,.club:hover,.person:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}
.slip:hover{box-shadow:var(--shadow-lift)}
.btn-primary{background:linear-gradient(135deg,var(--wine),var(--wine-dark));box-shadow:0 8px 18px -10px var(--wine);transition:transform .15s,box-shadow .2s}
.btn-primary:hover{background:linear-gradient(135deg,var(--wine),var(--wine-dark));transform:translateY(-1px);box-shadow:0 12px 22px -10px var(--wine)}
.btn-outline{background:color-mix(in srgb,var(--surface) 60%,transparent)}
.desk-head h2,.discover-head h1{position:relative}
.desk-head h2::after{content:"";display:inline-block;width:28px;height:10px;margin-left:12px;vertical-align:middle;background:radial-gradient(circle at 5px 5px,var(--peach) 0 4px,transparent 4.5px),radial-gradient(circle at 18px 5px,var(--rose) 0 4px,transparent 4.5px),radial-gradient(circle at 31px 5px,var(--lavender) 0 4px,transparent 4.5px);width:40px}
.hand-note{color:var(--wine)}
.discover-head{padding-bottom:14px;margin-bottom:22px;border-bottom:1px dashed color-mix(in srgb,var(--ink) 18%,transparent)}
.discover-head h1{font-size:clamp(34px,4.2vw,46px)}
.topbar .brand{text-shadow:0 1px 0 color-mix(in srgb,var(--surface) 80%,transparent)}
.footer-tools,.app-footer{border-top-style:dashed}
.profile-cover-placeholder{background:radial-gradient(circle at 12% 40%,var(--peach) 0 54px,transparent 55px),radial-gradient(circle at 88% 60%,var(--lavender) 0 70px,transparent 71px),radial-gradient(circle at 60% 20%,color-mix(in srgb,var(--surface) 70%,transparent) 0 30px,transparent 31px),linear-gradient(120deg,var(--rose),var(--note-sage));min-height:130px;max-height:150px}
.profile-summary{border-bottom:0;background:var(--surface);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow);margin-bottom:18px}
.profile-avatar-large{border-radius:50%!important;border:4px solid var(--surface);background:var(--rose);box-shadow:var(--shadow)}
.profile-tabs button{border-radius:999px}
.mini-avatar,.avatar-paper{border-radius:50%}
.icon-button{border-radius:50%}
.stamp-circle{border-radius:50%}
.tool-btn,.lang-pills,.seg,.palette-btn{border-radius:14px}
.topnav-link.active{box-shadow:0 4px 12px -6px var(--wine),0 0 0 1px var(--line)}

/* ===== Günlük ===== */
.diary-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.diary-cal-col{position:sticky;top:14px;display:grid;gap:16px}
.more-row{display:flex;justify-content:center;padding:14px 0}
.entry-thumb{border-radius:12px;overflow:hidden}

/* ===== Yayın rafı ===== */
.pub-feature{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:center;padding:28px 34px;margin-bottom:30px;cursor:pointer;background:linear-gradient(120deg,color-mix(in srgb,var(--rose) 45%,var(--surface)),color-mix(in srgb,var(--lavender) 40%,var(--surface)));border:1px solid var(--line);box-shadow:var(--shadow)}
.pub-feature .cover{aspect-ratio:3/4;box-shadow:0 22px 34px -18px color-mix(in srgb,var(--ink) 55%,transparent);transform:rotate(-2deg);transition:transform .25s}
.pub-feature:hover .cover{transform:rotate(0) translateY(-4px)}
.pub-feature h2{font:400 clamp(28px,3.4vw,40px)/1.1 var(--serif);margin:12px 0 8px}
.pub-feature p{color:var(--muted);max-width:520px;margin:0 0 8px}
.pub-feature small{color:var(--muted)}
.continue-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:28px}
.continue-card{display:flex;gap:14px;align-items:center;text-align:left;padding:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);font:inherit;box-shadow:var(--shadow)}
.continue-card .cover{width:54px;flex:none;aspect-ratio:3/4;display:block}
.continue-card b{display:block;font:400 17px var(--serif)}
.continue-card small{display:block;color:var(--muted);margin:2px 0 8px}
.bar{display:block;height:6px;border-radius:99px;background:var(--cream-deep);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:var(--wine)}
.shelf{border-bottom:0!important;padding-bottom:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:30px 24px!important}
.issue .cover{position:relative;box-shadow:0 14px 24px -16px color-mix(in srgb,var(--ink) 60%,transparent);border-left-width:7px}
.issue:hover .cover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 22px 30px -16px color-mix(in srgb,var(--ink) 60%,transparent)}
.cover-read{position:absolute;left:50%;bottom:12px;transform:translate(-50%,10px);opacity:0;display:inline-flex;gap:6px;align-items:center;background:var(--surface);color:var(--wine);font:600 12px var(--sans);padding:7px 14px;border-radius:999px;transition:.2s;white-space:nowrap}
.issue:hover .cover-read,.issue:focus-visible .cover-read{opacity:1;transform:translate(-50%,0)}
.cover-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:color-mix(in srgb,var(--ink) 25%,transparent)}.cover-progress i{display:block;height:100%;background:var(--wine)}

/* ===== Okuyucu ===== */
.reader-room{background:linear-gradient(160deg,color-mix(in srgb,var(--cream-deep) 85%,var(--paper)),color-mix(in srgb,var(--rose) 28%,var(--paper)));border:1px solid var(--line);padding:18px clamp(14px,3vw,34px) 22px;box-shadow:var(--shadow);display:grid;gap:18px}
.reader-room:fullscreen{border-radius:0!important;overflow:auto;align-content:start}
.reader-top{display:flex;align-items:center;gap:14px}
.reader-mini{width:38px;flex:none;aspect-ratio:3/4;border-radius:4px 8px 8px 4px;overflow:hidden;box-shadow:var(--shadow)}.reader-mini .cover-art{padding:4px}.reader-mini .cover-art span{display:none}.reader-mini img{width:100%;height:100%;object-fit:cover}
.reader-title b{font:400 22px/1.15 var(--serif)}
.reader-tools{display:flex;gap:6px;align-items:center;color:var(--muted)}
.reader-stage{display:grid;justify-items:center;perspective:1600px;min-height:min(62vh,560px)}
.book{--rs:1;display:grid;grid-template-columns:minmax(0,520px);justify-content:center;width:100%;filter:drop-shadow(0 26px 24px color-mix(in srgb,var(--ink) 26%,transparent))}
.book.spread{grid-template-columns:repeat(2,minmax(0,430px))}
.book-page{position:relative;background:var(--surface);min-height:min(62vh,540px);padding:clamp(26px,4vw,48px) clamp(22px,3.4vw,44px) 54px;border:1px solid var(--line);border-radius:6px 18px 18px 6px;}
.book.spread .book-page:first-child{border-radius:18px 4px 4px 18px;box-shadow:inset -22px 0 26px -22px color-mix(in srgb,var(--ink) 30%,transparent)}
.book.spread .book-page:last-child{border-radius:4px 18px 18px 4px;border-left:0;box-shadow:inset 22px 0 26px -22px color-mix(in srgb,var(--ink) 30%,transparent)}
.book-page.blank{background:color-mix(in srgb,var(--surface) 55%,transparent);background-image:none}
.book-text{font:400 calc(19px*var(--rs))/1.75 var(--serif);color:var(--ink)}
.book-text p{margin:0 0 1.75em}.book-text p+p::first-letter{}
.book-text p:first-child::first-letter{font:400 3.1em/.8 var(--serif);float:left;padding:.08em .1em 0 0;color:var(--wine)}
.title-page .book-text p:first-child{font-size:1.6em;line-height:1.2;text-align:center;margin:18% 0 .6em}
.title-page .book-text p:first-child::first-letter{all:unset}
.title-page .book-text p+p{text-align:center;color:var(--muted);font-style:italic}
.book-num{position:absolute;bottom:18px;left:0;right:0;text-align:center;font:500 12px var(--sans);color:var(--muted)}
.book.flip-next .book-page:last-child,.book.flip-next:not(.spread) .book-page{animation:flipNext .38s ease both}
.book.flip-prev .book-page:first-child,.book.flip-prev:not(.spread) .book-page{animation:flipPrev .38s ease both}
@keyframes flipNext{from{opacity:.2;transform:rotateY(-14deg) translateX(18px);transform-origin:left center}to{opacity:1;transform:none}}
@keyframes flipPrev{from{opacity:.2;transform:rotateY(14deg) translateX(-18px);transform-origin:right center}to{opacity:1;transform:none}}
.reader-foot{display:flex;align-items:center;justify-content:center;gap:14px}
.reader-foot .btn{width:42px;height:42px;padding:0}
.reader-range{position:relative;flex:1;max-width:520px;display:grid;align-items:center}
.reader-range input{width:100%;accent-color:var(--wine);margin:0;position:relative;z-index:1;background:transparent}
.reader-range .bar{position:absolute;inset:50% 0 auto 0;transform:translateY(-50%);height:5px;opacity:.55}
.reader-count{font:500 13px var(--sans);color:var(--muted);min-width:70px;text-align:center}
.reader-sheet{padding:10px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);width:100%}
.reader-frame{border:0!important;border-radius:10px;width:100%}

/* ===== Profil bağlantıları ve müzik ===== */
.profile-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.link-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink);font:500 13px var(--sans);text-decoration:none;transition:.18s}
.link-chip i{color:var(--wine)}
.link-chip:hover{background:var(--wine);color:var(--on-wine);border-color:var(--wine);transform:translateY(-1px)}.link-chip:hover i{color:inherit}
.profile-music{display:grid;grid-template-columns:auto 1fr minmax(0,1.3fr);gap:16px;align-items:center;padding:14px 20px;margin-bottom:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--sage) 55%,var(--surface)),color-mix(in srgb,var(--lavender) 45%,var(--surface)));border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(8px);box-shadow:var(--shadow)}
.profile-music>i{font-size:30px;color:#1db954}
.profile-music b{font:400 20px var(--serif)}
.profile-music small{display:block;color:var(--muted)}
.music-embed{display:flex;justify-content:flex-end}
.music-embed.on{display:block}.music-embed iframe{border-radius:14px;border:0;display:block}
.profile-music.empty{grid-template-columns:auto 1fr auto;background:color-mix(in srgb,var(--surface) 60%,transparent);border-style:dashed}

/* ===== Hakkında ve diğer ===== */
.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:22px;max-width:900px}
.about-cards article{padding:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.about-cards article:nth-child(1){background:color-mix(in srgb,var(--rose) 40%,var(--surface))}
.about-cards article:nth-child(2){background:color-mix(in srgb,var(--sage) 45%,var(--surface))}
.about-cards article:nth-child(3){background:color-mix(in srgb,var(--lavender) 40%,var(--surface))}
.about-cards i{font-size:26px;color:var(--wine)}.about-cards h3{font:400 22px var(--serif);margin:10px 0 4px}.about-cards p{margin:0;color:var(--muted);font-size:15px}
.desk-hero{padding:6px 0}
.hero-collage .collage-card{border-radius:16px}

/* ===== Duyarlı ===== */
@media (max-width:980px){.diary-wrap{grid-template-columns:1fr}.diary-cal-col{position:static}.profile-music{grid-template-columns:auto 1fr}.music-embed{grid-column:1/-1;justify-content:stretch}.pub-feature{grid-template-columns:130px 1fr;gap:20px;padding:20px}}
@media (max-width:520px){.pub-feature{grid-template-columns:1fr;text-align:center}.pub-feature .cover{width:140px;margin:0 auto}.pub-feature p{margin-inline:auto}.reader-top{flex-wrap:wrap}.reader-tools{margin-left:auto}.shelf{grid-template-columns:repeat(2,1fr)!important;gap:22px 14px!important}}
@media (prefers-reduced-motion:reduce){.book .book-page{animation:none!important}}

.profile-tabs{border-bottom:1px solid var(--line)!important;gap:6px}
.profile-tabs button.active{background:var(--wine);color:var(--on-wine);border-color:var(--wine)}
.profile-tabs button.active span{color:inherit;opacity:.8}
.entries{border:0!important;padding:0!important;box-shadow:none!important}
.post{overflow:hidden}.post-media,.post-media img{border-radius:0!important}
.side-person .btn,.side-person button,.side-person .text-button{white-space:nowrap}
@media (max-width:700px){.discover-bar:not(.compact){flex-direction:column;align-items:stretch}.discover-bar .filter-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.discover-bar .chip{white-space:nowrap;flex:none}.discover-bar .search-box{min-width:0;width:100%;flex:none}}

/* ===== Yazı stilleri ===== */
:root{--serif:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--editorial:"Fraunces","Newsreader",Georgia,serif;--sans:"Figtree","DM Sans","Helvetica Neue",Arial,sans-serif;--hand:"Caveat","Segoe Script",cursive}
body{font-family:var(--sans);font-size:15.5px;letter-spacing:0}
h1,h2,h3,.brand,.slip-text,.plaque b,.entry-body h3,.issue-meta h3{font-optical-sizing:auto;letter-spacing:-.01em}
.brand{font-weight:500;letter-spacing:-.03em}
.brand span{font-family:var(--hand)}
.hero-copy h1,.discover-head h1{font-weight:500;letter-spacing:-.02em}
.slip-text,.prose-card{font-weight:400}
.search-box input{font-size:14px}
.chip,.btn,.topnav-link{font-weight:500}

/* ===== Alt bilgi ve üst şerit ===== */
.footer-tools,.app-footer,.site-footer,.footer-tools *{border-top:0!important}
.site-footer{background:transparent!important;box-shadow:none}
.demo-strip{display:none!important}
.cover{aspect-ratio:1/1.414!important}
.issue .cover,.pub-feature .cover,.continue-card .cover{border-radius:4px 10px 10px 4px!important;border:0!important}
.cover img{border-radius:0}

/* ===== Mesajlaşma ===== */
.messages-layout{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;height:min(76vh,700px);min-height:520px;padding:0!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;overflow:hidden;background:var(--surface)!important;box-shadow:var(--shadow)}
.conversation-list{padding:20px 14px 10px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:color-mix(in srgb,var(--cream-deep) 45%,var(--surface))!important;overflow:auto;display:flex;flex-direction:column}
.conversation-list>header{padding:0 6px}
.conversation-list h1{font-size:30px}
.conversation-row{border:0!important;border-radius:16px!important;padding:11px 12px!important;margin-bottom:2px;position:relative}
.conversation-row.active{background:var(--surface)!important;box-shadow:0 2px 10px -4px color-mix(in srgb,var(--ink) 30%,transparent)}
.conversation-row:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)!important}
.conversation-row b{font-size:15px}
.conversation-row small{font-size:13px;max-width:200px}
.unread-pill{background:var(--wine);color:var(--on-wine);border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font:600 12px var(--sans);font-style:normal;margin-left:auto}
.conversation-empty{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rose) 30%,transparent),transparent 60%)}
.conversation-pane{min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,color-mix(in srgb,var(--rose) 14%,var(--surface)),var(--surface))!important}
.thread-head{flex-direction:row!important;align-items:center;gap:12px;padding:12px 18px!important;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(8px)}
.thread-who{display:grid;flex:1;min-width:0}.thread-who b{font:500 17px var(--serif)}.thread-who small{color:var(--muted)}
.thread-back{display:none}
.thread-body{max-height:none!important;padding:18px 22px 10px!important;gap:3px!important;scroll-behavior:smooth}
.bubble-row{display:flex;align-items:flex-end;gap:8px;margin-top:2px}
.bubble-row.first{margin-top:12px}
.bubble-row.out{justify-content:flex-end}
.bubble-row .mini-avatar{width:28px;height:28px;font-size:12px;flex:none}.bubble-row .mini-avatar.ghost{visibility:hidden}
.bubble{position:relative;max-width:min(68%,520px);padding:9px 14px 7px!important;border-radius:20px!important;transform:none!important;font-size:15.5px;line-height:1.45;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 10%,transparent)}
.bubble.in{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--ink)}
.bubble.out{background:linear-gradient(135deg,var(--wine),var(--wine-dark))!important;color:var(--on-wine);border:0!important}
.bubble-row.in:not(.first) .bubble.in{border-top-left-radius:6px!important}.bubble-row.in:not(.last) .bubble.in{border-bottom-left-radius:6px!important}
.bubble-row.out:not(.first) .bubble.out{border-top-right-radius:6px!important}.bubble-row.out:not(.last) .bubble.out{border-bottom-right-radius:6px!important}
.bubble.tail.in::before,.bubble.tail.out::before{content:"";position:absolute;bottom:0;width:14px;height:14px}
.bubble.tail.in::before{left:-6px;background:radial-gradient(circle at 0 0,transparent 13px,var(--line) 13.5px,var(--surface) 14.5px) no-repeat;border-bottom-right-radius:0;transform:scaleY(-1)}
.bubble.tail.out::before{right:-6px;background:radial-gradient(circle at 100% 0,transparent 13px,var(--wine-dark) 13.5px) no-repeat;transform:scaleY(-1)}
.bubble small{display:flex;justify-content:flex-end;gap:4px;align-items:center;opacity:.65;font-size:11.5px;margin-top:2px}
.bubble img{display:block;max-width:100%;border-radius:14px;margin:2px 0 4px}
.bubble.media{padding:5px!important}.bubble.media small{padding:0 6px 2px}
.bubble .react{position:absolute;right:-6px;bottom:-9px;background:var(--surface);border:1px solid var(--line);border-radius:99px;font-size:12px;padding:1px 6px;color:#e0446a;box-shadow:var(--shadow)}
.bubble.typing{display:flex;gap:4px;padding:14px 16px!important}
.bubble.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typ 1.1s infinite ease-in-out}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}
@keyframes typ{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.day-sep{display:flex;justify-content:center;margin:16px 0 6px}.day-sep span{font:600 12px var(--sans);color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--line);padding:3px 12px;border-radius:99px}
.thread-hello{margin:auto;text-align:center;color:var(--muted);display:grid;gap:8px;justify-items:center}.thread-hello i{font-size:34px;color:var(--wine)}
.thread-form{position:relative;align-items:center;gap:6px!important;padding:12px 16px 16px!important;border:0!important;background:transparent}
.thread-form input[name=content]{flex:1;border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:999px!important;padding:12px 18px!important;font-size:15.5px;box-shadow:var(--shadow)}
.thread-form input[name=content]:focus{outline:0;border-color:var(--wine)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--wine) 20%,transparent)}
.send-btn{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--wine),var(--wine-dark));color:var(--on-wine);display:grid;place-items:center;cursor:pointer;font-size:16px;box-shadow:0 8px 16px -8px var(--wine);transition:transform .15s}.send-btn:hover{transform:scale(1.07) rotate(-8deg)}
.emoji-pop{position:absolute;left:12px;bottom:70px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lift);z-index:5}
.emoji-pop button{border:0;background:none;font-size:22px;border-radius:10px;padding:4px;cursor:pointer}.emoji-pop button:hover{background:var(--cream-deep)}
@media (max-width:820px){.messages-layout{grid-template-columns:1fr!important;height:auto;min-height:0}.messages-layout.in-thread .conversation-list{display:none}.messages-layout:not(.in-thread) .conversation-pane{display:none!important}.conversation-pane{height:72vh}.thread-back{display:grid}.bubble{max-width:82%}.emoji-pop{grid-template-columns:repeat(8,1fr);left:6px;right:6px}}

/* ===== İz detayı (tweet / tumblr gibi sade) ===== */
.detail-card:has(.tw),.modal-card:has(.tw){width:min(620px,100%)!important;padding:20px 22px 14px!important}
.tw-head{display:flex;align-items:center;gap:12px}
.tw-head .mini-avatar.big{width:48px;height:48px;font-size:18px}
.tw-who{display:grid;flex:1;min-width:0}.tw-who b{font:600 16px var(--sans);cursor:pointer}.tw-who b:hover{text-decoration:underline}.tw-who small{color:var(--muted);font-size:14px}
.tw-follow{padding:6px 16px!important;font-size:14px!important}
.tw-text{font:400 21px/1.5 var(--sans);margin:14px 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.tw-photo{margin:10px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.tw-photo img,.tw-photo .artwork-fallback{display:block;width:100%;max-height:60vh;object-fit:cover;aspect-ratio:auto}
.tw-meta{color:var(--muted);font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.tw-stats{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.tw-stats b{color:var(--ink);font-weight:700}
.tw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0;border-bottom:1px solid var(--line)}
.tw-actions .record-actions{order:0;display:flex;gap:4px;padding:0}
.tw-actions .action-btn{border-radius:99px;padding:8px 12px}
.tw-actions .action-btn:hover{background:color-mix(in srgb,var(--wine) 10%,transparent);color:var(--wine)}
.tw .detail-thread{margin-top:0;border:0;padding:0}
.tw .comment-form{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.tw .comment-form textarea,.tw .comment-form input{flex:1;border:0!important;background:transparent!important;font-size:18px;resize:none;outline:0;box-shadow:none!important;padding:8px 0!important}
.tw .comment{padding:14px 0;border-bottom:1px solid var(--line)}
.tw .comment-head b{font-weight:600}.tw .comment p{font-size:16px;line-height:1.45;margin:2px 0 6px}

/* ===== Profil: cam müzik çaları ===== */
.fx-gm{width:min(100%,430px)}
.fx-gm .fx-gp__glow{inset:20% 8% -6%;opacity:.55}
.fx-gm .fx-gp__glass{grid-template-columns:60px 1fr auto;gap:2px 14px;padding:12px 14px;border-radius:22px;cursor:default;align-items:center}
.fx-gm .fx-gp__cover{width:60px;height:60px;grid-row:1/3;cursor:pointer}
.fx-gm .fx-gp__img{border-radius:14px!important;box-shadow:0 8px 16px -8px color-mix(in srgb,var(--ink) 55%,transparent)}
.fx-gm.is-on .fx-gp__img{animation:gmpulse 2.4s ease-in-out infinite}
@keyframes gmpulse{50%{transform:scale(.94)}}
.fx-gm__kick{font:700 9.5px var(--sans);letter-spacing:.18em;color:var(--c1)}
.fx-gm .fx-gp__title{font:700 15px/1.2 var(--sans);white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.fx-gm .fx-gp__sub{font-size:12px}
.fx-gm .fx-gp__bar{display:none}
.fx-gm .fx-gp__row{display:contents}
.fx-gm__prov{display:none}
.fx-gm .fx-gp__btns{grid-column:3;grid-row:1/3}
.fx-gm__play{width:42px!important;height:42px!important;background:var(--c1)!important;color:#fff!important;font-size:19px;box-shadow:0 8px 16px -8px var(--c1)}
.fx-gm__eq{display:none}
.fx-gm__embed{grid-column:1/-1;height:0;overflow:hidden;opacity:0;border-radius:14px}.fx-gm__embed iframe{display:block;border:0;border-radius:14px;width:100%;max-height:232px}
.profile-musicbox{margin:0 0 18px}
@media (max-width:520px){.fx-gm .fx-gp__glass{grid-template-columns:76px 1fr}.fx-gm .fx-gp__cover{width:76px;height:76px}}

/* ===== Ayarlar anahtarları ===== */
.settings-card h3.first{border-top:0;padding-top:0;margin-top:10px}
.switch{border:0!important;background:color-mix(in srgb,var(--ink) 18%,var(--cream-deep))!important;width:48px;height:28px;transition:background .2s}
.switch:after{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.switch[aria-checked="true"]{background:var(--wine)!important}
.switch[aria-checked="true"]:after{transform:translateX(20px)}
.toggle-row{max-width:680px}
.btn.saved{background:#2f8f5b!important;box-shadow:0 8px 18px -10px #2f8f5b}

/* ===== Bildirim iletisi ===== */
.toast{z-index:9600!important;display:flex;align-items:center;gap:8px;padding:13px 22px!important;font-size:15px!important;font-weight:500;background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:999px!important;box-shadow:0 18px 40px -14px rgba(0,0,0,.5)!important;bottom:30px!important}
.bubble.tail::before{display:none!important}
.profile-musicbox .music-host{width:100%}
.tw-head{padding-right:34px}
/* profil kapağı: daireler alttan kesilmesin */
.profile-cover-placeholder{background:radial-gradient(circle at 12% 48%,var(--peach) 0 40px,transparent 41px),radial-gradient(circle at 88% 46%,var(--lavender) 0 52px,transparent 53px),radial-gradient(circle at 60% 40%,color-mix(in srgb,var(--surface) 70%,transparent) 0 24px,transparent 25px),linear-gradient(120deg,var(--rose),var(--note-sage))!important;border-radius:var(--r-lg) var(--r-lg) 0 0!important;height:150px!important;max-height:150px!important}
/* iz kartı: tweet düzeni */
.post .post-photo{margin:10px 0 4px;border-radius:18px;overflow:hidden;border:1px solid var(--line);cursor:pointer;max-height:420px}
.post .post-photo img,.post .post-photo .artwork-fallback{display:block;width:100%;height:100%;max-height:420px;object-fit:cover}
.post[data-kind=trace] .post-text{font-size:17px;line-height:1.55}
.post[data-kind=trace] .post-head .post-who{cursor:pointer}
.post[data-kind=trace] .post-foot{justify-content:space-between;max-width:440px}
.post[data-kind=trace] .post-foot .action-btn.push{margin-left:0}
.quote-card{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,var(--cream-deep,#f3ece2))}
.quote-card p{margin:6px 0 0;color:var(--ink);font-size:15px}.quote-card small{color:var(--muted)}
.check-line{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--muted);font-size:14px}
.post[data-kind=trace] .post-foot{max-width:none;padding-right:40px}
.tw-actions [data-action=post-menu]{display:none}

/* ---- yazı düzeni v7: başlıklar Bricolage Grotesque, dergi/okuma metni Fraunces kalır ---- */
.mpage,.mag-cover,.pg,.book-text,.book,.rd-page{--serif:var(--editorial)}
h1,h2,h3,.brand,.eyebrow{letter-spacing:-.02em}
h1,h2{font-weight:600}h3{font-weight:600}
.brand{font-weight:700;letter-spacing:-.04em}
.brand span{font-family:var(--hand);font-weight:500;letter-spacing:0}
.tw-text,.post-text,.detail-prose{font-family:var(--sans)}
em,i.serif{font-style:normal}
/* sayfa başlıkları: ekranı kaplamasın */
.page-heading:not(.keep),.discover-head>div{display:none}
.page-heading:not(.keep){display:none}
.discover-head{display:flex;justify-content:flex-end;margin:0 0 10px;min-height:0}
.discover-head:not(:has(.btn)){display:none}
.discover-head .btn{padding:9px 16px}
.page-heading.keep{margin-bottom:18px}

/* ---- mesaja paylaş ---- */
.share-sheet{display:grid;gap:12px;min-width:min(420px,78vw)}
.share-preview{padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--wine) 8%,var(--surface));font-size:14px;border-left:3px solid var(--wine)}
.share-note{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface);font:inherit;color:var(--ink)}
.share-list{display:grid;gap:4px;max-height:300px;overflow:auto;padding-right:2px}
.share-pick{display:flex;align-items:center;gap:12px;text-align:left;padding:8px 10px;border:0;background:transparent;border-radius:14px;cursor:pointer;color:var(--ink);font:inherit}
.share-pick:hover{background:color-mix(in srgb,var(--wine) 8%,transparent)}
.share-pick span:nth-child(2){display:grid;flex:1;min-width:0}.share-pick small{color:var(--muted)}
.share-pick>i{color:var(--wine);opacity:.7}
.share-card{display:flex;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,var(--surface) 55%,transparent);color:inherit;text-align:left;cursor:pointer;font:inherit;max-width:100%}
.share-card>i{font-size:20px}.share-card span{display:grid;min-width:0}.share-card b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-card small{opacity:.75;font-size:12px}

/* ---- mobil: alt bar ---- */
.tabbar,.mob-search{display:none}
@media (max-width:780px){
  .topnav{display:none!important}
  .topbar{height:60px;padding:0 16px;gap:8px;justify-content:space-between}
  .topbar .brand span{display:none}
  .topbar .brand{font-size:27px}
  .top-actions{gap:6px;margin-left:auto}
  .top-actions .profile-trigger{display:inline-grid}
  .top-actions .icon-button,.top-actions .profile-trigger{padding:3px}
  .top-actions .avatar{width:36px;height:36px}
  .mob-search{display:grid}
  .app-main{padding:14px 14px calc(110px + env(safe-area-inset-bottom))!important}
  .site-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
  .tabbar{display:grid;grid-template-columns:1fr 1fr 84px 1fr 1fr;align-items:center;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:64px;z-index:55;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 34px -14px rgba(60,40,40,.35)}
  .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted);font:600 10.5px var(--sans);height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tab i{font-size:21px;line-height:1;transition:transform .2s}
  .tab.active{color:var(--wine)}.tab.active i{transform:translateY(-2px)}
  .tab.active::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--wine);margin-top:1px}
  .fx-dm{left:50%!important;right:auto!important;bottom:calc(26px + env(safe-area-inset-bottom))!important;transform:translateX(-50%);z-index:60}
  body.reading .tabbar,body.reading .fx-dm{display:none!important}
  .fab-plain{left:50%;right:auto;transform:translateX(-50%)}
  .page-heading.keep h1{font-size:30px}
  .post .post-photo{border-radius:14px}
  .modal-card{max-height:92vh}
}
@media (max-width:780px){.tab,.tab.active,.tab:hover{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;min-width:0}.tab span{white-space:nowrap}}
.discover-head{border:0!important;padding:0!important;margin:0 0 12px!important}

/* ---- büyük başlıklar: Syne + elle çizilmiş dalga çizgisi ---- */
:root{--display:"Syne","Bricolage Grotesque",system-ui,sans-serif;--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 -1 12 4 T24 4' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}
h1,.brand,.pub-feature h2,.profile-name,.modal-card h2{font-family:var(--display)!important;font-weight:700;letter-spacing:-.035em}
.brand{font-weight:800;letter-spacing:-.05em}
h1{line-height:1.05}
.hero-copy h1,.page-heading.keep h1,.pub-feature h2{position:relative;padding-bottom:14px}
.hero-copy h1::after,.page-heading.keep h1::after,.pub-feature h2::after{content:"";position:absolute;left:0;bottom:0;width:min(100%,150px);height:8px;background:var(--wine);-webkit-mask:var(--squiggle) repeat-x left/24px 8px;mask:var(--squiggle) repeat-x left/24px 8px}
.pub-feature h2{text-align:left}
@media (max-width:520px){.pub-feature h2::after{left:50%;transform:translateX(-50%)}}

.profile-actions{display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end;padding-top:20px}
.profile-actions .icon-button{flex:none}
@media (max-width:700px){.profile-actions{justify-content:flex-start;padding-left:0!important}}
.brand{font-size:26px!important;font-weight:700!important}

/* ---- yayın detayı: e-kitap künyesi ---- */
.modal-card:has(.pub-detail){width:min(980px,95vw)!important}
.pub-detail{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:34px;align-items:start;text-align:left}
.pub-visual{position:sticky;top:0}
.pub-visual .cover{width:100%;border-radius:4px 12px 12px 4px!important;box-shadow:-6px 0 0 -2px color-mix(in srgb,var(--ink) 18%,transparent),0 30px 50px -24px color-mix(in srgb,var(--ink) 55%,transparent);position:relative}
.pub-visual .cover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent);z-index:2;border-radius:4px 0 0 4px}
.pub-info .kicker{font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--wine)}
.pub-info h2{font:700 clamp(28px,3.4vw,40px)/1.05 var(--display);margin:8px 0 6px;letter-spacing:-.035em}
.pub-info .byline{margin:0 0 16px;color:var(--muted)}.pub-info .byline b{color:var(--ink)}
.pub-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 16px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.pub-facts div{padding:11px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pub-facts div:nth-child(3n){border-right:0}.pub-facts div:nth-child(n+4){border-bottom:0}
.pub-facts dt{font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pub-facts dd{margin:3px 0 0;font:600 14.5px var(--sans);color:var(--ink)}
.pub-desc{line-height:1.65;margin:0 0 18px}
.pub-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line)}
.pub-cols h3{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.pub-credits,.pub-toc{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pub-credits li{display:grid}.pub-credits small{color:var(--muted)}
.pub-toc li{display:flex;align-items:baseline;gap:6px;font-size:14px}.pub-toc li i{flex:1;border-bottom:1px dotted var(--muted);transform:translateY(-3px)}.pub-toc b{font-weight:600}
@media (max-width:760px){.pub-detail{grid-template-columns:1fr;gap:20px}.pub-visual{position:static;width:min(60%,220px);margin:0 auto}.pub-cols{grid-template-columns:1fr}.pub-facts{grid-template-columns:repeat(2,1fr)}.pub-facts div:nth-child(3n){border-right:1px solid var(--line)}.pub-facts div:nth-child(2n){border-right:0}.pub-facts div:nth-child(n+4){border-bottom:1px solid var(--line)}.pub-facts div:nth-child(n+5){border-bottom:0}}
.pdf-note{display:flex;align-items:center;gap:10px;margin:6px 0 0;color:var(--muted);font-size:14px}.pdf-note i{color:var(--wine)}.pdf-note img{height:64px;border-radius:6px;margin-left:auto;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.home-ticket{margin:0}

/* ---- + balonu: yumuşak, canlı ---- */
.fx-dm__btn{touch-action:none;overflow:visible;transition:filter .2s}
.fx-dm__btn::before{content:"";position:absolute;left:18%;top:12%;width:42%;height:30%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);transform:rotate(-24deg);pointer-events:none}
.fx-dm:not(.is-open) .fx-dm__btn,.fx-dm:not(.is-open) .fx-dm__goo{animation:balloon 3.8s ease-in-out infinite}
.fx-dm__goo{transform-origin:50% 50%}
@keyframes balloon{0%,100%{transform:translateY(0) scale(1,1)}30%{transform:translateY(-4px) scale(1.035,.97)}60%{transform:translateY(-1px) scale(.98,1.03)}}
.fx-dm.is-pressed:not(.is-open) .fx-dm__btn,.fx-dm.is-pressed:not(.is-open) .fx-dm__goo{animation:none;transform:scale(1.12,.9);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.fx-dm__item::before{content:"";position:absolute;left:20%;top:14%;width:40%;height:28%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,rgba(255,255,255,.6),rgba(255,255,255,0) 70%);transform:rotate(-24deg);pointer-events:none}
@media (prefers-reduced-motion:reduce){.fx-dm:not(.is-open) .fx-dm__btn,.fx-dm:not(.is-open) .fx-dm__goo{animation:none}}
.modal-card:has(.pub-detail){box-sizing:border-box;max-width:95vw;overflow-x:hidden}
.pub-detail>*{min-width:0}
@media (max-width:760px){.modal-card:has(.pub-detail){width:calc(100vw - 20px)!important;padding:46px 18px 22px!important}}
@media (max-width:780px){
  html,body{overflow-x:clip}
  .app-main,.app-main>*{min-width:0;max-width:100%}
  .discover-bar,.library,.gallery-wall,.notebook{min-width:0;max-width:100%}
  .filter-chips,.profile-tabs,.settings-nav,.time-chips{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .filter-chips::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar,.settings-nav::-webkit-scrollbar{display:none}
  .filter-chips .chip,.profile-tabs button,.settings-nav button{flex:none;white-space:nowrap}
}
.modal-backdrop{z-index:200!important}
.modal-card{max-height:calc(100dvh - 24px);overflow-y:auto}

/* ---- süzgeç çubuğu: tek sade satır + kaydırmalı etiketler ---- */
.discover-bar{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:10px 12px!important;border:0!important;padding:0!important;margin:0 0 22px!important}
.discover-bar .search-box{order:1;flex:1 1 240px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:0 14px;height:42px}
.discover-bar .time-chips{order:2;display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.discover-bar .time-chips .chip{border:0;background:transparent;padding:6px 12px;font-size:13px}
.discover-bar .time-chips .chip.active{background:var(--wine);color:var(--on-wine)}
.discover-bar .sort-box{order:3}
.discover-bar .sort-box select{height:42px;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:0 14px;color:var(--ink)}
.discover-bar .filter-chips{order:4;flex:1 0 100%;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 94%,transparent);mask:linear-gradient(90deg,#000 94%,transparent)}
.discover-bar .filter-chips::-webkit-scrollbar{display:none}
.discover-bar .filter-chips .chip{flex:none;white-space:nowrap}
.gallery-wall .discover-bar,.library .discover-bar{border:0!important}

@media (max-width:520px){.fx-gm .fx-gp__glass{grid-template-columns:52px 1fr auto}.fx-gm .fx-gp__cover{width:52px;height:52px}}
.home-notices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:780px){.home-notices{grid-template-columns:1fr}}

/* ---- + menüsü: gerçek balonlar (sıvı birleşmesi yok) ---- */
.fx-dm__goo{display:none!important}
.fx-dm__btn,.fx-dm__item{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 30%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--wine) 80%,#fff) 0,var(--wine) 70%)!important;box-shadow:inset 0 -7px 12px rgba(0,0,0,.2),inset 0 5px 9px rgba(255,255,255,.4),0 12px 22px -8px color-mix(in srgb,var(--wine) 70%,transparent)!important}
.fx-dm__btn::before,.fx-dm__item::before{display:none}
.fx-dm__item{color:var(--on-wine)}
.fx-dm__item:nth-child(4n+1){--b:var(--lavender)}.fx-dm__item:nth-child(4n+2){--b:var(--peach)}.fx-dm__item:nth-child(4n+3){--b:var(--sage)}.fx-dm__item:nth-child(4n+4){--b:var(--rose)}
.fx-dm__items li:nth-child(4n+1) .fx-dm__item{--b:var(--lavender)}.fx-dm__items li:nth-child(4n+2) .fx-dm__item{--b:var(--peach)}.fx-dm__items li:nth-child(4n+3) .fx-dm__item{--b:var(--sage)}.fx-dm__items li:nth-child(4n+4) .fx-dm__item{--b:var(--rose)}
.fx-dm__item{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9) 0,rgba(255,255,255,0) 32%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--b,var(--wine)) 80%,#fff) 0,var(--b,var(--wine)) 75%)!important;color:var(--ink)!important;box-shadow:inset 0 -6px 10px rgba(0,0,0,.12),inset 0 4px 8px rgba(255,255,255,.5),0 10px 18px -8px color-mix(in srgb,var(--b,var(--wine)) 80%,transparent)!important}
.fx-dm.is-open .fx-dm__item{animation:bubbleBob 3.2s ease-in-out infinite}
.fx-dm.is-open li:nth-child(2) .fx-dm__item{animation-delay:-.8s}.fx-dm.is-open li:nth-child(3) .fx-dm__item{animation-delay:-1.6s}.fx-dm.is-open li:nth-child(4) .fx-dm__item{animation-delay:-2.4s}
@keyframes bubbleBob{0%,100%{margin-top:-24px}50%{margin-top:-28px}}
.fx-dm:not(.is-open) .fx-dm__btn{animation:balloon 3.8s ease-in-out infinite}
.fx-dm.is-open .fx-dm__btn{animation:none}

/* ---- tarayıcı bildirimi izin kartı ---- */
.push-wrap{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.push-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 38%,transparent);backdrop-filter:blur(5px)}
.push-card{position:relative;width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 40px 80px -30px rgba(40,20,40,.5);overflow:hidden}
.push-preview{display:grid;gap:8px;margin:-6px -6px 18px;padding:14px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--rose) 60%,transparent),color-mix(in srgb,var(--lavender) 60%,transparent))}
.push-note{display:flex;gap:10px;align-items:center;padding:10px 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 8px 18px -10px rgba(0,0,0,.3)}
.push-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--wine);color:var(--on-wine,#fff);font-size:16px}
.push-note p{margin:0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.push-note p em{font-style:normal}
.push-note strong{display:block;font-size:13.5px;font-weight:600}.push-note small{color:var(--muted);font-size:12.5px}
.push-head{display:flex;gap:14px;align-items:flex-start}
.push-head h2{font:700 20px/1.2 var(--display);margin:0 0 4px;letter-spacing:-.02em}.push-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.push-bell{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--wine) 14%,var(--surface));color:var(--wine);font-size:20px;transform-origin:50% 12%}
.push-bell.sm{width:40px;height:40px;font-size:18px}
.push-opts{list-style:none;margin:16px 0;padding:0;display:grid}
.push-opts li{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);font-size:15px}.push-opts li:last-child{border-bottom:0}
.push-acts{display:flex;gap:10px;justify-content:flex-end}
.push-box{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--wine) 5%,var(--surface));margin:6px 0 4px}
.push-box>div{flex:1;display:grid;min-width:0}.push-box small{color:var(--muted);line-height:1.4}
.push-sub{margin:4px 0 6px;padding-left:6px}

/* ---- yeniden paylaş: birbirini kovalayan oklar ---- */
.rp-ico{display:inline-grid;width:20px;height:20px}.rp-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.rp-a,.rp-b{transform-origin:12px 12px}
[data-action=repost]:hover .rp-ico{color:var(--wine)}
[data-action=repost].go{color:var(--wine)}
[data-action=repost].go .rp-a{animation:rpchase .62s cubic-bezier(.6,.05,.25,1) both}
[data-action=repost].go .rp-b{animation:rpchase .62s cubic-bezier(.6,.05,.25,1) .08s both}
@keyframes rpchase{0%{transform:rotate(0)}70%{transform:rotate(380deg)}100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){[data-action=repost].go .rp-a,[data-action=repost].go .rp-b{animation:none}}

/* ---- takip düğmesi: onaya dönüşür ---- */
[data-action=follow-user].is-on{background:color-mix(in srgb,var(--wine) 12%,var(--surface))!important;color:var(--wine)!important;border-color:color-mix(in srgb,var(--wine) 40%,transparent)!important}
.fb-in{display:inline-flex;align-items:center;gap:6px}.fb-in i{animation:fbpop .5s cubic-bezier(.3,1.8,.5,1) both}
@keyframes fbpop{from{transform:scale(0) rotate(-40deg)}to{transform:none}}
[data-action=follow-user]{transition:background .25s,color .25s,border-color .25s,transform .15s}[data-action=follow-user]:active{transform:scale(.94)}
/* ---- avatar halkası ---- */
.ring-host{position:relative;overflow:visible!important}
.avatar-ring{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg);pointer-events:none;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--wine) 60%,transparent))}
.avatar-ring circle{fill:none;stroke:var(--wine);stroke-width:2.6;stroke-linecap:round}
.avatar-ring.done{animation:ringglow .7s ease-out forwards}
@keyframes ringglow{0%{opacity:1;filter:drop-shadow(0 0 4px var(--wine))}50%{filter:drop-shadow(0 0 16px var(--wine))}100%{opacity:0}}
/* ---- sayfa geçişi ---- */
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.app-main.view-in{animation:viewIn .32s cubic-bezier(.2,.8,.3,1)}
@media (prefers-reduced-motion:reduce){.app-main.view-in{animation:none}}

/* ---- akordeon (kurallar, sık sorulanlar) ---- */
.acc{display:grid;margin:14px 0}
.acc-item{border-bottom:1px solid var(--line)}.acc-item:first-child{border-top:1px solid var(--line)}
.acc-head{display:flex;align-items:center;gap:16px;width:100%;padding:18px 4px;background:none;border:0;cursor:pointer;color:var(--ink);text-align:left;font:inherit;transition:padding .3s}
.acc-head b{flex:1;font:700 clamp(17px,2.2vw,21px)/1.25 var(--display);letter-spacing:-.025em;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),color .2s}
.acc-n{font:600 12px var(--sans);letter-spacing:.14em;color:var(--muted);min-width:24px}
.acc-head i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--wine) 10%,var(--surface));color:var(--wine);transition:transform .45s cubic-bezier(.3,1.5,.5,1),background .2s,color .2s}
.acc-item:hover .acc-head b{color:var(--wine)}
.acc-item.open .acc-head b{transform:translateX(6px);color:var(--wine)}
.acc-item.open .acc-head i{transform:rotate(135deg);background:var(--wine);color:var(--on-wine,#fff)}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.3,1)}
.acc-panel>div{overflow:hidden}.acc-panel p{margin:0 0 20px 40px;max-width:60ch;color:var(--muted);line-height:1.65;opacity:0;transform:translateY(10px);transition:opacity .35s .08s,transform .45s .08s}
.acc-item.open .acc-panel{grid-template-rows:1fr}.acc-item.open .acc-panel p{opacity:1;transform:none}
.faq h2{font:700 24px var(--display);letter-spacing:-.03em;margin:0 0 6px}
.prose-card.rules-list,.prose-card.faq{max-width:880px}

/* ---- yükleme adımları kartı ---- */
.steps-wrap{position:fixed;inset:0;z-index:310;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 30%,transparent);backdrop-filter:blur(4px)}
.steps-card{width:min(340px,92vw);padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 40px 80px -30px rgba(40,20,40,.5)}
.steps-card h3{margin:0 0 14px;font:700 18px var(--display);letter-spacing:-.02em}
.steps-card ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.steps-card li{display:flex;align-items:center;gap:12px;color:var(--muted);transition:color .3s}
.st-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);color:transparent;font-size:15px;transition:background .3s,border-color .3s,color .2s;position:relative}
.steps-card li.active{color:var(--ink)}.steps-card li.active .st-dot{border-color:var(--wine);border-top-color:transparent;animation:stspin .8s linear infinite}
.steps-card li.done{color:var(--ink)}.steps-card li.done .st-dot{background:var(--wine);border-color:var(--wine);color:var(--on-wine,#fff)}
.steps-card li.fail .st-dot{border-color:#d33;animation:none}
@keyframes stspin{to{transform:rotate(360deg)}}

/* ---- arama kısayol tuşu ---- */
.search-box{position:relative}
.keycaps{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}
.keycaps kbd{display:inline-grid;place-items:center;min-width:22px;height:24px;padding:0 6px;border-radius:7px;font:600 12px var(--sans);color:var(--muted);background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 16%,transparent);transition:transform .12s,box-shadow .12s}
.search-box:hover .keycaps kbd{transform:translateY(-1px)}
.keycaps kbd.down{transform:translateY(3px);box-shadow:0 0 0 color-mix(in srgb,var(--ink) 16%,transparent);color:var(--wine)}
@media (max-width:780px){.keycaps{display:none}}

/* ===== v12: mesajlar — sade liste + sohbet, gruplar ===== */
.conv-top{display:flex;gap:10px;align-items:center;padding:0 2px 12px}
.conv-top .search-box{flex:1;margin:0!important;min-width:0}
.conv-new{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:var(--on-wine);background:linear-gradient(135deg,var(--wine),var(--wine-dark));box-shadow:0 8px 18px -8px var(--wine);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.conv-new:hover{transform:scale(1.08) rotate(90deg)}.conv-new i{font-size:18px}
.conv-tabs{display:flex;gap:6px;padding:0 2px 12px}
.conv-tabs button{border:0;background:transparent;color:var(--muted);font:500 13px var(--sans);padding:6px 12px;border-radius:99px;cursor:pointer}
.conv-tabs button.active{background:color-mix(in srgb,var(--wine) 14%,var(--surface));color:var(--wine)}
#conversationResults{display:flex;flex-direction:column;gap:8px;flex:1}
.conversation-row{display:flex!important;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface)!important;margin:0!important;box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 5%,transparent)}
.conversation-row[hidden]{display:none!important}
.conversation-row .conv-main{display:grid;min-width:0;flex:1;gap:2px}
.conversation-row .conv-main b{font:600 14.5px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row .conv-main small{color:var(--muted);font-size:13px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row .conv-meta{display:grid;justify-items:end;gap:6px;flex:none}
.conversation-row .conv-meta time{font-size:11.5px;color:var(--muted)}
.conversation-row .unread-pill{margin:0}
.conversation-row[data-unread="1"] .conv-main b,.conversation-row[data-unread="1"] .conv-main small{color:var(--ink)}
.conversation-row.active{box-shadow:0 8px 22px -12px color-mix(in srgb,var(--wine) 55%,transparent),inset 0 0 0 1.5px color-mix(in srgb,var(--wine) 35%,transparent)}
.avatar.grp,.mini-avatar.grp{background:linear-gradient(135deg,var(--lilac,#cdb8ff),var(--rose))!important;color:var(--wine)}
.conv-none{color:var(--muted);text-align:center;font-size:13px;padding:18px 8px;margin:0}
.conversation-empty .empty-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.conversation-empty h2{font:600 22px var(--serif)}
.bubble .b-name{display:block;font:600 12px var(--sans);color:var(--wine);margin-bottom:2px}
.older-btn{align-self:center;border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--muted);font:500 12.5px var(--sans);padding:6px 14px;border-radius:99px;cursor:pointer;margin-bottom:8px;box-shadow:0 1px 4px -2px color-mix(in srgb,var(--ink) 30%,transparent)}
.older-btn:hover{color:var(--wine)}
.create-options.two button{min-height:110px}.create-options.two small{color:var(--muted);font-weight:400}
.group-picked{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px;min-height:0}
.group-found{display:grid;gap:4px;margin-bottom:6px}
.found-row{display:flex;align-items:center;gap:10px;border:0;background:var(--cream-deep);border-radius:14px;padding:8px 12px;cursor:pointer;text-align:left;width:100%}
.found-row span:nth-child(2){display:grid;flex:1}.found-row small{color:var(--muted)}.found-row:hover{background:color-mix(in srgb,var(--rose) 40%,var(--surface))}
.member-list{list-style:none;margin:14px 0 8px;padding:0;display:grid;gap:6px;max-height:300px;overflow:auto}
.member-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:var(--cream-deep)}
.member-list .m-who{display:grid;flex:1;min-width:0}.member-list small{color:var(--muted)}.member-list em{font-style:normal;color:var(--muted);font-weight:400}
.gm-add{display:flex;gap:8px;margin:10px 0}.gm-add input{flex:1;border:1px solid var(--line);border-radius:14px;padding:10px 14px;font:inherit;background:var(--surface)}
.btn.danger{color:#b3263e;border-color:color-mix(in srgb,#b3263e 40%,var(--line))}
@media (max-width:820px){.conversation-list{padding:14px 12px!important}.conv-top{padding-bottom:10px}}
.member-list .pill{font:600 11px var(--sans);padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--wine) 14%,var(--surface));color:var(--wine)}

/* ===== v12: alt bilgi — yüzen yumuşak kart ===== */
.site-footer{padding:10px clamp(14px,4vw,64px) 40px!important;margin-top:30px!important;display:block!important;border:0!important;background:transparent!important}
.footer-card{position:relative;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,.7fr) minmax(130px,.7fr);gap:10px 40px;padding:30px 34px 22px;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rose) 38%,var(--surface)),color-mix(in srgb,var(--lavender) 34%,var(--surface)) 70%,color-mix(in srgb,var(--peach) 30%,var(--surface)));box-shadow:var(--shadow)}
.footer-card::before{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--surface) 80%,transparent),transparent 70%);pointer-events:none}
.footer-brand b{display:block;font:800 30px/1 var(--display)!important;letter-spacing:-.8px;color:var(--ink)}
.footer-brand .hand{display:block;font:500 20px var(--hand)!important;letter-spacing:0!important;color:var(--wine);margin:2px 0 10px}
.footer-brand p{margin:0;max-width:34ch;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--ink) 72%,transparent);text-align:left}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.footer-col h4{margin:0 0 8px;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.footer-col button,.footer-col a{border:0;background:none;padding:5px 0!important;font:500 14px var(--sans)!important;color:var(--ink)!important;text-decoration:none;cursor:pointer;position:relative;transition:transform .2s,color .2s}
.footer-col button:hover,.footer-col a:hover{color:var(--wine)!important;transform:translateX(4px)}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:14px 96px 0 0;border-top:1.5px dashed color-mix(in srgb,var(--ink) 16%,transparent)!important}
.footer-bottom p{margin:0;width:auto;font-size:13px;color:color-mix(in srgb,var(--ink) 65%,transparent);text-align:right}
@media (max-width:820px){.footer-card{grid-template-columns:1fr 1fr;padding:24px 22px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{padding-right:0;flex-direction:column;align-items:flex-start}.footer-bottom p{text-align:left}}
.site-footer{padding-inline:clamp(14px,4vw,64px)!important}
.footer-card{max-width:1152px;margin-inline:auto}
.footer-col{gap:0}.footer-col button,.footer-col a{min-height:0!important;height:auto!important;line-height:1.45!important}
.site-footer .footer-col{gap:0!important;flex-wrap:nowrap}
.site-footer .footer-brand b{font:700 26px/1 var(--display)!important}

/* ===== v14: alt bilgi tam genişlik, mesajlar geniş ===== */
.site-footer{padding:0!important;margin-top:50px!important}
.footer-card{max-width:none;margin:0;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:44px clamp(20px,6vw,96px) 26px;box-shadow:0 -14px 40px -26px color-mix(in srgb,var(--ink) 40%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--rose) 62%,var(--surface)),color-mix(in srgb,var(--lavender) 56%,var(--surface)) 62%,color-mix(in srgb,var(--peach) 52%,var(--surface)))}
.footer-card{grid-template-columns:minmax(260px,1.7fr) minmax(150px,.6fr) minmax(150px,.6fr);gap:14px clamp(24px,5vw,80px)}
.footer-bottom{padding-right:110px}
@media (max-width:820px){.footer-card{border-radius:var(--r-lg) var(--r-lg) 0 0;padding:30px 20px 120px}.footer-bottom{padding-right:0}}
/* mesajlar sayfası: ekranı doldurur */
.app-main:has(.messages-layout){width:min(1680px,100%)!important;padding-inline:clamp(10px,2vw,28px)!important}
.messages-layout{grid-template-columns:clamp(300px,28vw,400px) minmax(0,1fr)!important;height:calc(100dvh - 118px)!important;min-height:560px!important}
.thread-body{padding:22px clamp(18px,3vw,44px) 12px!important}
.bubble{font-size:15.5px;max-width:min(72%,640px)}
.thread-form{padding:14px clamp(14px,2.4vw,34px)!important}
.thread-who b{font-size:18px}
@media (max-width:820px){.app-main:has(.messages-layout){padding-inline:10px!important}.messages-layout{height:calc(100dvh - 150px)!important;min-height:480px!important}.bubble{font-size:15px;max-width:84%}}
@media (min-width:821px){.messages-layout .thread-form{padding-right:92px!important}}

/* mobil: dikey akışta arama kutusu yükseklik kazanmasın (418. satırdaki kuralı ezer) */
@media (max-width:700px){.discover-bar .search-box,.gallery-wall .discover-bar .search-box{flex:none;width:100%;height:42px}.blog-bar .search-box{flex:1;height:42px}}

/* mobil altbilgi: iki sütun taşmasın (uzun bağlantılar satır kırar) */
@media (max-width:820px){.footer-card{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-col{min-width:0}.footer-col button,.footer-col a{max-width:100%;text-align:left;overflow-wrap:anywhere;white-space:normal}}

/* ---- profil kapak görseli: üyenin seçtiği görsel, desenli yer tutucunun yerine geçer ---- */
.profile-cover-placeholder.has-cover{background:var(--cover) center/cover no-repeat!important}
.profile-cover-placeholder.has-cover::before,.profile-cover-placeholder.has-cover::after{display:none!important}
.cover-edit{display:grid;gap:8px;margin:4px 0 18px}
.cover-edit>span{font-size:13px;font-weight:600;color:var(--ink)}
.cover-edit .profile-cover-placeholder{height:96px!important;margin:0!important;border-radius:var(--r)!important}
.cover-actions{display:flex;gap:8px;flex-wrap:wrap}