/* archived — tek stil dosyası
   Sıra: 1) sayfa iskeleti ve ortak bileşenler (düğmeler, formlar, kartlar, boş durumlar, modal pencereler)
         2) "defter ve posta kutusu" tasarımı: kâğıt, pul, bant, kartpostal, alt şerit (dock), ay şeridi, her sayfanın kompozisyonu
         3) etkileşimler, alt bilgi araçları, ayarlar sayfası  4) renk paletleri (9 tema; yalnızca renk değişkenleri değişir)
   Tüm renkler :root içindeki değişkenlerden gelir; bir palet bu değişkenleri yeniden tanımlar. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.6}
button,input,textarea,select{font:inherit}
button{cursor:pointer;color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
button:disabled{opacity:.5;cursor:not-allowed}
img{max-width:100%;display:block}
.app-shell{min-height:100vh;display:flex;flex-direction:column}
.topbar{gap:28px;top:0;z-index:50}
.brand{border:0;background:none;font-family:var(--serif);font-size:29px;line-height:1;text-align:left;white-space:nowrap}
.brand span{display:block}
.main-nav{display:flex;align-items:center;gap:clamp(12px,2.4vw,34px);height:100%}
.nav-link{height:100%;position:relative;border:0;background:none;font-size:13.5px;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--ink)}
.nav-link.active:after{content:"";position:absolute;left:0}
.search-box{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);color:var(--muted)}
.search-box input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:13.5px}
.search-box input::placeholder{color:var(--muted)}
.icon-button,.profile-trigger{position:relative;border:0;background:none;padding:5px;color:var(--muted);font-size:17px}
.count-dot{position:absolute;border-radius:50%}
.hidden{display:none !important}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;background:var(--lavender);color:var(--wine-dark);font-family:var(--serif);font-size:18px;overflow:hidden}
.avatar-paper{background:var(--cream-deep);color:var(--wine)}
.avatar img{width:100%;height:100%;object-fit:cover}
.app-main{width:min(1240px,100%);flex:1}
.site-footer{padding:28px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:25px}
.footer-brand b{display:block;letter-spacing:-.6px}
.footer-brand span{font-size:12px;letter-spacing:1px;color:var(--muted)}
.site-footer nav{display:flex;gap:19px;flex-wrap:wrap}
.site-footer nav button{background:none;border:0;color:var(--muted);font-size:12px}
.site-footer nav button:hover{color:var(--wine)}
.site-footer p{font-size:12px;color:var(--muted);text-align:right;margin:0}
.mobile-nav{display:none}
.desktop-create{position:fixed;right:30px;bottom:28px;z-index:30;display:flex;align-items:center;gap:9px;color:var(--on-wine);transition:transform .2s,background .2s}
.desktop-create:hover{transform:translateY(-2px)}
.desktop-create span{font-size:13.5px}
.eyebrow{display:block;text-transform:uppercase}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.page-heading h1{font:clamp(34px,4vw,48px)/1.05 var(--serif);font-weight:400;margin:7px 0 9px}
.page-heading p{margin:0;color:var(--muted);font-size:13px;max-width:590px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:13.5px;transition:background .2s,border-color .2s,color .2s}
.btn-outline{border-color:var(--line)}
.text-button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;font-size:13.5px;padding:4px 0}
.connection-note{font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;margin:24px 0 0}
.connection-note i{margin-top:3px}
.muted-small{font-size:12px;color:var(--muted)}
.empty-panel,.content-well{background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid var(--line);border-radius:5px}
.empty-state{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.empty-icon{width:52px;height:52px;border:1px solid var(--line);display:grid;place-items:center;font-size:20px;color:var(--wine);margin-bottom:15px}
.empty-state h3{font-weight:400}
.empty-state .btn{margin-top:2px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:18px}
.section-heading h2{font:29px/1.1 var(--serif);font-weight:400;margin:5px 0 0}
.home-section{margin-top:50px}
.home-section .empty-state{min-height:225px}
.paper{width:210px;height:275px;position:absolute;box-shadow:0 12px 30px #473a3012}
.social-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 190px;gap:30px}
.side-rail,.right-rail{padding-top:8px}
.side-rail>.eyebrow,.right-rail .eyebrow{margin-bottom:18px}
.rail-link{width:100%;display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;color:var(--muted);margin-bottom:4px;font-size:13.5px;border-radius:3px}
.feed-column .page-heading{align-items:flex-end}
.feed-column .page-heading h1{font-size:39px}
.composer{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--line);margin:0 0 17px;color:var(--muted)}
.composer>span:nth-child(2){flex:1}
.composer>i{color:var(--wine);font-size:17px}
.feed-column .empty-state{min-height:280px}
.right-rail section{padding:15px 0 22px;border-bottom:1px solid var(--line)}
.right-rail .muted-small{line-height:1.8}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px}
.toolbar .search-box{width:min(340px,100%)}
.filter-chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border-radius:30px;font-size:12px}
.publication-intro{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:28px;padding:26px 34px;background:var(--cream-deep);border:1px solid var(--line);margin-bottom:37px}
.publication-intro h2{font:34px/1.12 var(--serif);font-weight:400;margin:10px 0}
.publication-intro p{max-width:550px;color:var(--muted);font-size:13.5px;margin-bottom:20px}
.publication-placeholder{height:210px;background:var(--cream-deep);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--wine);transform:rotate(2deg);box-shadow:8px 9px 0 #d5c7b7}
.publication-placeholder i{font-size:32px}
.publication-placeholder span{font-size:12px;letter-spacing:1.5px}
.publication-placeholder b{font:25px var(--serif);font-weight:400}
.publication-intro+.section-heading{margin-top:0}
.publication-intro~.content-well .empty-state{min-height:220px}
.profile-cover-placeholder{background:linear-gradient(120deg,var(--cream-deep),var(--rose) 50%,var(--note-sage));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.profile-cover-placeholder span{font-size:12px;letter-spacing:2px;position:absolute;top:18px;left:22px}
.profile-cover-placeholder i{font-size:92px;opacity:.45}
.profile-summary{display:flex;align-items:flex-start;gap:24px;padding:0 22px 25px;border-bottom:1px solid var(--line);position:relative}
.profile-avatar-large{width:100px;height:100px;margin-top:-40px;display:grid;place-items:center;font-size:38px;flex-shrink:0;overflow:hidden}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.profile-copy{flex:1;padding-top:15px}
.profile-copy h1{font:34px/1.1 var(--serif);font-weight:400;margin:5px 0 0}
.profile-copy .handle{color:var(--muted);font-size:13.5px;margin:1px 0 10px}
.profile-copy>p:not(.handle){font-size:13.5px;color:var(--muted);margin:0 0 13px}
.profile-stats{display:flex;gap:20px;color:var(--muted);font-size:12px}
.profile-stats b{color:var(--ink);font-size:14px;margin-right:4px}
.profile-actions{padding-top:20px}
.profile-tabs{margin-bottom:18px}
.profile-tabs button{font-size:13.5px}
.profile-tabs span{color:var(--muted);margin-left:6px}
.messages-layout{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:510px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 55%,transparent)}
.conversation-list{padding:20px;border-right:1px solid var(--line)}
.conversation-list>header{display:flex;align-items:center;justify-content:space-between}
.conversation-list h1{font:31px var(--serif);font-weight:400;margin:3px 0 15px}
.conversation-list .search-box{margin-bottom:15px}
.conversation-list .empty-state{min-height:270px;padding:20px 5px}
.conversation-list .empty-icon{width:42px;height:42px}
.conversation-list .empty-state h3{font-size:19px}
.conversation-list .empty-state p{font-size:12px}
.conversation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.empty-envelope{width:74px;height:74px;border-radius:50%;background:var(--cream-deep);display:grid;place-items:center;color:var(--wine);font-size:29px;margin-bottom:14px}
.conversation-empty h2{font:29px var(--serif);font-weight:400;margin:0 0 8px}
.conversation-empty p{max-width:350px;color:var(--muted);font-size:13.5px;margin:0 0 18px}
.notification-tabs{display:flex;gap:21px;border-bottom:1px solid var(--line);margin-bottom:12px}
.notification-tabs button{padding:12px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13.5px}
.notification-tabs button.active{border-color:var(--wine);color:var(--ink)}
.notification-list .empty-state{min-height:270px}
.notification-row,.conversation-row{display:flex;align-items:center;gap:13px;padding:14px;border-bottom:1px solid var(--line);text-align:left}
.notification-row>div,.conversation-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.notification-row b,.conversation-row b{font-size:13.5px;font-weight:500}
.notification-row small,.conversation-row small{font-size:12px;color:var(--muted)}
.conversation-row{border:0;border-bottom:1px solid var(--line);background:none}
.settings-nav{align-self:start;border:1px solid var(--line);background:var(--surface)}
.settings-nav button{border-bottom:1px solid var(--line);font-size:13.5px}
.settings-nav button.active{background:var(--cream-deep);color:var(--wine)}
.settings-card,.prose-card{background:var(--surface);border:1px solid var(--line);padding:28px}
.settings-card h2{font-weight:400}
.settings-card>p{color:var(--muted);font-size:13.5px;margin:0 0 22px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field span{font-size:12px;color:var(--muted)}
.field input,.field textarea,.field select{width:100%;padding:11px 12px;outline:none;font-size:13.5px}
.field textarea{min-height:100px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--wine)}
.signout{margin-top:20px}
.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.field.full{grid-column:1/-1}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}
.upload-box{position:relative;min-height:145px;border:1px dashed var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--wine);cursor:pointer}
.upload-box i{font-size:25px}
.upload-box b{font-size:13.5px;font-weight:500;color:var(--ink)}
.upload-box span{font-size:12px;color:var(--muted)}
.upload-box input{max-width:90%;font-size:12px;color:var(--muted)}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.publication-status-card{padding:22px;border:1px solid var(--line);background:var(--cream-deep)}
.publication-status-card ol{padding-left:20px;margin:20px 0}
.publication-status-card li{padding:0 0 17px 4px;color:var(--wine)}
.publication-status-card li b,.publication-status-card li span{display:block}
.publication-status-card li b{font-size:13.5px;color:var(--ink)}
.publication-status-card li span{font-size:12px;color:var(--muted)}
.prose-card{line-height:1.9;color:var(--muted);font-size:13px}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-card{position:relative;width:min(460px,100%);max-height:min(90vh,760px);overflow:auto;background:var(--surface);border:1px solid var(--line);padding:34px;box-shadow:var(--shadow)}
.modal-card h2{font:34px/1.1 var(--serif);font-weight:400;margin:9px 0 10px}
.modal-card>p{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.modal-close{position:absolute;right:17px;top:17px;border:0;background:none;color:var(--muted)}
.create-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}
.create-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;background:var(--cream-deep);border:1px solid var(--line);min-height:125px}
.create-options button:hover{border-color:var(--line);background:var(--cream-deep)}
.create-options button>i{font-size:22px;color:var(--wine)}
.create-options b{font-size:13.5px;font-weight:600}
.create-options span{font-size:12px;color:var(--muted);line-height:1.4}
.full-width{width:100%;margin-top:7px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:200;padding:12px 18px;max-width:min(520px,calc(100% - 32px));font-size:13.5px;box-shadow:var(--shadow);transition:opacity .2s,transform .2s}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.record-card{background:var(--surface);border:1px solid var(--line)}
.record-head{display:flex;align-items:center;gap:10px}
.record-head>div{display:flex;flex-direction:column}
.record-head b{font-size:13.5px}
.record-card>p{font-size:13px;white-space:pre-wrap}
.record-image{max-height:520px;object-fit:cover;margin-top:12px}
.record-actions{border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.artwork-record{padding:0;overflow:hidden}
.artwork-record>img,.artwork-fallback{width:100%;max-height:340px;object-fit:cover;background:var(--cream-deep)}
.artwork-fallback{height:210px;display:grid;place-items:center;font-size:35px;color:var(--wine)}
.artwork-record>div:last-child{padding:14px}
.artwork-record b,.artwork-record small{display:block}
.artwork-record small{color:var(--muted);font-size:12px}
.publication-record{display:grid;grid-template-columns:105px 1fr;gap:17px}
.publication-thumb{height:140px;background:var(--cream-deep);display:grid;place-items:center;color:var(--wine);font-size:25px;overflow:hidden}
.publication-thumb img{height:100%;width:100%;object-fit:cover}
.publication-record h3{font:24px var(--serif);font-weight:400;margin:5px 0}
.publication-record p{font-size:12px;color:var(--muted)}
@media (max-width:1100px){.topbar{gap:17px;padding:0 22px}
.main-nav{gap:16px}
.search-box{min-width:120px}
.social-layout{grid-template-columns:145px minmax(0,1fr)}
.right-rail{display:none}
.app-main{padding-top:32px}}
@media (max-width:780px){.topbar{height:72px;padding:0 17px}
.brand{font-size:26px}
.main-nav{display:none}
.top-actions{gap:10px}
.top-actions>.search-box{display:none}
.app-main{padding:26px 17px 100px}
.site-footer{align-items:flex-start;flex-wrap:wrap;padding-bottom:82px}
.site-footer p{text-align:left;width:100%}
.mobile-nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:66px;display:flex;align-items:center;justify-content:space-around;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}
.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;color:var(--muted);font-size:12px;min-width:54px}
.mobile-nav button i{font-size:18px}
.mobile-nav .mobile-create{width:42px;height:42px;border-radius:50%;background:var(--wine);color:white;font-size:20px}
.desktop-create{display:none}
.paper{height:220px;width:170px}
.home-bottom-grid{grid-template-columns:1fr}
.social-layout{grid-template-columns:1fr}
.side-rail{display:flex;gap:5px;overflow:auto;padding:0 0 12px;border-bottom:1px solid var(--line)}
.side-rail>.eyebrow{display:none}
.rail-link{white-space:nowrap;width:auto;padding:9px 12px;margin:0}
.feed-column .page-heading{margin-top:20px}
.publication-intro{grid-template-columns:1fr;padding:22px}
.publication-placeholder{display:none}
.profile-summary{padding:0 4px 20px;gap:15px;flex-wrap:wrap}
.profile-avatar-large{width:82px;height:82px}
.profile-copy{min-width:180px}
.profile-copy h1{font-size:28px}
.profile-actions{padding:0 0 0 97px;width:100%}
.profile-tabs{gap:15px;overflow:auto}
.profile-tabs button{white-space:nowrap}
.messages-layout{grid-template-columns:1fr}
.conversation-list{border-right:0;border-bottom:1px solid var(--line)}
.conversation-list .empty-state{min-height:160px}
.conversation-empty{min-height:300px}
.settings-layout,.form-layout{grid-template-columns:1fr}
.settings-nav{display:grid;grid-template-columns:1fr 1fr}
.settings-card{padding:20px}
.publication-status-card{order:-1}
.page-heading{align-items:flex-start}
.page-heading h1{font-size:39px}
.page-heading>.btn{padding:10px;font-size:12px;white-space:nowrap}
.form-grid{grid-template-columns:1fr}
.field.full{grid-column:auto}
.site-footer nav{gap:10px 15px}}
@media (max-width:480px){.topbar{height:67px}
.top-actions{gap:7px}
.avatar{width:35px;height:35px}
.page-heading{flex-direction:column;align-items:flex-start}
.page-heading>.btn{align-self:flex-start}
.toolbar{align-items:flex-start;flex-direction:column}
.toolbar .search-box{width:100%}
.publication-intro h2{font-size:29px}
.profile-cover-placeholder{height:135px}
.profile-summary{gap:12px}
.profile-avatar-large{width:72px;height:72px;margin-top:-29px}
.profile-copy{padding-top:9px}
.profile-copy h1{font-size:25px}
.profile-actions{padding-left:84px}
.profile-tabs{gap:12px}
.profile-tabs button{font-size:12px}
.create-options{grid-template-columns:1fr 1fr}
.modal-card{padding:28px 20px}
.upload-grid{grid-template-columns:1fr}
.publication-record{grid-template-columns:82px 1fr}
.publication-thumb{height:120px}
.site-footer{gap:17px}
.site-footer nav{width:100%}}
.home-date{justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}
.home-date time{letter-spacing:.4px}
.home-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.home-title-row h1{font:clamp(34px,4.2vw,47px)/1 var(--serif);font-weight:400;letter-spacing:-1.2px;margin:0 0 9px}
.home-title-row p{margin:0}
.home-title-row>.text-button{margin-bottom:5px;white-space:nowrap}
.home-traces-section{margin-top:30px}
.home-traces-section .section-heading{align-items:flex-end}
.home-traces-section .empty-panel{background:transparent;border:0;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-traces-section .empty-state{min-height:165px}
.penny-card{gap:20px}
.penny-copy{max-width:390px}
.penny-copy h2{font-weight:400}
.penny-copy h2 em{font-style:italic;color:var(--wine)}
.penny-copy p,.announcement-home p{font-size:12px;color:var(--muted)}
.penny-cover-placeholder{flex-shrink:0;background:var(--cream-deep);padding:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:var(--wine);transform:rotate(1deg)}
.penny-cover-placeholder span{font:23px/.95 var(--serif)}
.penny-cover-placeholder small{font-size:7px;letter-spacing:1px}
.penny-cover-placeholder b{align-self:flex-end;font:35px var(--serif);font-weight:400}
.announcement-home{border-top:1px solid var(--line)}
.announcement-home h2{font-weight:400}
.announcement-home p{line-height:1.8}
.home-section>.section-heading .eyebrow{font-size:12px}
@media (max-width:780px){.home-bottom-grid{grid-template-columns:1fr}
.home-title-row{align-items:flex-start}
.home-title-row h1{font-size:38px}
.penny-card{padding:20px}
.penny-cover-placeholder{width:105px;height:145px}
.penny-copy h2{font-size:27px}}
@media (max-width:480px){.home-date{font-size:12px}
.home-title-row h1{font-size:34px}
.home-title-row{padding-top:15px}
.penny-card{gap:12px;padding:17px}
.penny-cover-placeholder{width:90px;height:130px;padding:10px}
.penny-cover-placeholder span{font-size:20px}
.penny-cover-placeholder b{font-size:28px}}
.btn{border-radius:999px;padding:10px 18px}
.empty-panel,.content-well,.empty-state,.composer,.rail-link,.publication-intro,.penny-card,.announcement-home,.settings-card,.publication-status-card,.record-card,.upload-box,.create-options button,.modal-card,.profile-cover-placeholder,.conversation-list,.conversation-empty,.toolbar,.community-card{border-radius:18px}
.page-heading{margin-bottom:24px}
.page-heading h1{font-size:clamp(31px,3.4vw,40px);letter-spacing:-.7px}
.page-heading p{display:none}
.empty-panel,.content-well{overflow:hidden}
.empty-state{background:color-mix(in srgb,var(--surface) 46%,transparent);padding:32px 22px}
.empty-icon{border-radius:17px;background:var(--cream-deep);border-color:var(--line)}
.rail-link{padding:10px 13px}
.composer{padding:14px 17px;border-radius:22px}
.journal-heading{align-items:center;margin-bottom:20px}
.journal-heading h1{margin:0;font:clamp(31px,3.4vw,40px)/1.05 var(--serif);font-weight:400}
.journal-results{width:100%}
.journal-results .empty-state{min-height:300px;border:1px solid var(--line)}
.community-area{margin:24px 0 28px;padding:21px;background:color-mix(in srgb,var(--surface) 58%,transparent);border:1px solid var(--line);border-radius:24px}
.community-area .section-heading{margin-bottom:15px;align-items:center}
.community-area .section-heading h2{font:25px/1.1 var(--serif);font-weight:400;margin:0}
.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.community-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);min-width:0}
.community-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--cream-deep);color:var(--wine);font-size:18px}
.community-symbol.rose{background:var(--cream-deep);color:var(--wine)}
.community-symbol.lavender{color:var(--wine)}
.community-card h3{font-weight:400;margin:0 0 4px}
.community-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}
.community-card>button{border:0;background:var(--cream-deep);border-radius:999px;padding:8px 11px;color:var(--wine);font-size:12px;white-space:nowrap}
.community-card>button:hover{background:var(--cream-deep)}
.create-options button{border-radius:16px;padding:19px 14px}
.create-options button span{display:none}
.publication-placeholder,.publication-thumb,.penny-cover-placeholder{border-radius:18px;overflow:hidden}
@media (max-width:780px){.community-area{padding:15px;border-radius:20px}
.community-grid{grid-template-columns:1fr}
.community-card{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}
.journal-heading{flex-direction:row;align-items:center}
.journal-heading>.btn{align-self:center}
.journal-results .empty-state{min-height:250px}}
@media (max-width:420px){.community-card p{max-width:180px}
.community-card>button{padding:7px 9px}
.community-card h3{font-size:17px}}

/* ===== Sayfa iskeleti ve ortak bileşenler ===== */
:root{--edge:#2b2724;--wine:#794653;--wine-dark:#5f3841;--on-wine:#fff;--lavender:#c3bbcd;--peach:#e8c9a8;--note-sage:#dfe4d8;--overlay:rgba(43,39,36,.5);--shadow:none;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans","Helvetica Neue",Arial,sans-serif}
html[data-size="s"] body{zoom:.94}
html[data-size="l"] body{zoom:1.1}
html[data-mode="dark"]{color-scheme:dark}
html[data-motion="reduce"] *{transition:none !important;animation:none !important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body{background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--sans)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--wine)}
.topbar{border-bottom:1px solid var(--line);backdrop-filter:none}
.brand{color:var(--ink)}
.brand span{margin-top:8px;text-transform:none}
.nav-link{font:400 13px var(--sans);color:var(--muted)}
.nav-link:hover{color:var(--ink)}
.nav-link.active{color:var(--wine);font-weight:600}
.nav-link.active:after{width:28px;right:auto;bottom:22px;height:2px;background:var(--wine)}
.search-box{background:var(--paper);border:0;border-radius:19px;height:38px;padding:0 14px;min-width:205px}
.search-box input{font:400 13.5px var(--sans);color:var(--ink)}
.icon-button{width:35px;height:35px;border-radius:50%;background:var(--paper);border:0;display:grid;place-items:center;padding:0;color:var(--ink)}
.count-dot{background:var(--wine);border:2px solid var(--surface);width:11px;height:11px;top:-2px;right:-2px}
.avatar,.avatar-paper{background:var(--rose);color:var(--wine);font:italic 400 22px var(--serif);width:40px;height:40px;border:0;border-radius:50%}
.app-main{padding-top:30px}
.home-date{display:block;border:0;padding:0;margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--wine)}
.home-date time{color:inherit}
.home-title-row{border:0;padding:0;margin-bottom:4px}
.home-title-row h1,.page-heading h1{font:400 42px/1.1 var(--serif);letter-spacing:-.4px}
.home-title-row p{font-size:15px;color:var(--muted)}
.home-section{border:0;padding:0;margin:40px 0 0}
.home-section>h2,.section-heading h2{font:400 30px/1.1 var(--serif);letter-spacing:-.2px;margin:4px 0 20px}
.text-button{color:var(--wine);font:500 14px var(--sans);text-decoration:none}
.text-button:hover{color:var(--wine-dark);text-decoration:underline;text-underline-offset:4px}
.btn,.chip{border-radius:999px;font:500 14px var(--sans)}
.btn-primary{background:var(--wine);color:var(--on-wine);border:0}
.btn-primary:hover{background:var(--wine-dark)}
.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-outline:hover{background:var(--cream-deep);border-color:var(--cream-deep);color:var(--wine)}
.chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 14px}
.chip.active,.chip:hover{background:var(--wine);border-color:var(--wine);color:var(--on-wine)}
.profile-tabs button.active,.notification-tabs button.active{color:var(--wine);border-color:var(--wine);font-weight:600}
.rail-link.active,.rail-link:hover{background:var(--cream-deep);color:var(--wine)}
.record-card,.empty-panel,.content-well,.settings-card,.prose-card,.settings-nav,.composer,.community-card,.messages-layout,.conversation-list,.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:none;color:var(--ink)}
.record-card{display:flex;flex-direction:column;padding:22px;margin-bottom:18px;border-left:4px solid var(--rose);transition:transform .18s}
.record-card:nth-child(3n/**/+2){border-left-color:var(--sage)}
.record-card:nth-child(3n){border-left-color:var(--lavender)}
.record-card:hover{transform:translateY(-2px)}
.record-image{order:1;width:100%;max-width:none;margin:14px 0 0;border-radius:12px;display:block}
.record-card p{margin:10px 0 0;color:var(--ink)}
.record-head b{font-weight:600}
.record-head small{color:var(--muted);font-size:13.5px}
.record-card h2,.record-card h3{font-size:22px;line-height:1.2;margin:8px 0 0}
.record-actions{padding-top:14px}
.record-card:not(:has(.record-image)):not(.publication-record):not(.artwork-record) p{font:400 18px/1.5 var(--serif)}
#homeFeedResults:has(.record-card){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;background:none;border:0;padding:0;text-align:left}
#homeFeedResults .record-card{margin:0}
#feedResults:has(.record-card),#profileResults:has(.record-card){display:block;background:none;border:0;padding:0;text-align:left}
.record-card,.record-card *{text-align:left}
#homeFeaturedPublication:has(.publication-record){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.publication-record{border-left-width:1px}
@media (max-width:1000px){#homeFeedResults:has(.record-card),#homeFeaturedPublication:has(.publication-record){grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 24px}}
@media (max-width:640px){#homeFeedResults:has(.record-card),#homeFeaturedPublication:has(.publication-record){grid-template-columns:1fr}.topbar{padding:0 16px;height:72px}.home-title-row h1,.page-heading h1{font-size:32px}}
.empty-state,.empty-panel{background:transparent;border:1px dashed var(--edge);border-radius:20px;padding:44px 24px;text-align:center}
.empty-icon,.empty-envelope{width:60px;height:60px;border-radius:50%;background:var(--cream-deep);border:0;color:var(--wine);display:grid;place-items:center;font-size:24px;margin:0 auto 16px}
.empty-state h3{font:400 22px var(--serif);margin:0 0 8px}
.empty-state p{color:var(--muted);font-size:14px;max-width:360px;margin:0 auto 18px}
.publication-thumb,.artwork-fallback,.penny-cover-placeholder,.profile-cover-placeholder{--bg:var(--lavender);--a:var(--wine);--b:var(--peach);--c:var(--sage);color:transparent;border:0;background:radial-gradient(circle at 74% 26%,var(--b) 0 15%,transparent 15.5%),
    radial-gradient(ellipse 40% 34% at 28% 82%,var(--a) 0 98%,transparent 100%),
    radial-gradient(ellipse 36% 28% at 70% 86%,var(--c) 0 98%,transparent 100%),var(--bg)}
.publication-thumb i,.artwork-fallback i,.profile-cover-placeholder i,.profile-cover-placeholder span{display:none}
.record-card:nth-child(3n/**/+2) .publication-thumb,.record-card:nth-child(3n/**/+2) .artwork-fallback{--bg:var(--sage);--a:var(--rose);--b:var(--cream-deep);--c:var(--wine)}
.record-card:nth-child(3n) .publication-thumb,.record-card:nth-child(3n) .artwork-fallback{--bg:var(--rose);--a:var(--wine);--b:var(--surface);--c:var(--sage)}
.publication-thumb,.artwork-fallback{border-radius:12px}
.profile-cover-placeholder{height:205px;--bg:var(--cream-deep);--a:var(--lavender);--b:var(--rose);--c:var(--sage)}
.profile-avatar-large{color:var(--wine);font:italic 400 48px var(--serif)}
.home-bottom-grid{display:grid;grid-template-columns:770fr 460fr;gap:30px;margin-top:40px;align-items:stretch}
.penny-card{color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.penny-copy h2{margin:12px 0 18px}
.penny-copy h2 em{display:none}
.penny-copy p{max-width:320px;color:var(--muted)}
.penny-cover-placeholder{--bg:var(--rose);--a:var(--wine);--b:var(--peach);--c:var(--sage)}
.penny-cover-placeholder *{display:none}
.announcement-home{display:flex;flex-direction:column;margin:0}
.announcement-home h2{margin:14px 0}
.announcement-home .text-button{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;width:100%;text-align:left}
@media (max-width:900px){.home-bottom-grid{grid-template-columns:1fr}.penny-card{flex-direction:column;align-items:flex-start;gap:20px}}
.desktop-create{width:58px;height:58px;padding:0;justify-content:center;background:var(--wine);border:0;border-radius:50%;box-shadow:none}
.desktop-create span{display:none}
.desktop-create i{font-size:26px;color:var(--on-wine)}
.desktop-create:hover{background:var(--wine-dark)}
.community-symbol,.community-symbol.sage,.community-symbol.rose,.community-symbol.lavender{background:var(--rose);color:var(--wine);border:0;border-radius:50%}
.community-symbol.sage{background:var(--sage);color:#fff}
.community-symbol.lavender{background:var(--lavender)}
.community-card{padding:20px}
.community-card h3{font:400 20px var(--serif)}
.site-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:40px;color:var(--ink)}
.footer-brand b{font:400 26px var(--serif)}
.site-footer nav button,.site-footer p,.footer-brand span{font-size:13px;color:var(--muted)}
.field input,.field textarea,.field select{background:var(--surface);border:1px solid var(--line);border-radius:12px;font:400 15px var(--sans);color:var(--ink)}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--wine);box-shadow:0 0 0 3px color-mix(in srgb,var(--wine) 22%,transparent)}
.field input:disabled,.field textarea:disabled,.field select:disabled{opacity:.55;cursor:not-allowed}
.toast{background:var(--ink);color:var(--paper);border-radius:999px}
.modal-backdrop{backdrop-filter:none;background:var(--overlay)}
.mobile-nav{background:var(--surface);border-top:1px solid var(--line);backdrop-filter:none}
.record-actions{align-items:center;flex-wrap:wrap}

/* ===== Etkileşimler: beğeni, yorum, takip, mesaj balonları ===== */
.action-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font:500 13.5px var(--sans);padding:6px 10px;border-radius:999px;cursor:pointer}
.action-btn:hover{background:var(--cream-deep);color:var(--wine)}
.action-btn.liked{color:var(--wine)}
.action-btn b{font-weight:500}
.clickable{cursor:pointer}
.clickable:hover{color:var(--wine)}
.unread-pill{margin-left:auto;background:var(--wine);color:var(--on-wine);font:600 12px var(--sans);border-radius:999px;padding:2px 8px;font-style:normal}
.conversation-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left}
.conversation-row.active,.conversation-row:hover{background:var(--cream-deep)}
.conversation-row small{display:block;color:var(--muted);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-row{cursor:pointer}
.notification-row.unread{background:var(--cream-deep);border-left:3px solid var(--wine)}
.community-card.active{border-color:var(--wine);background:var(--cream-deep)}
.field select{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
.field.check{flex-direction:row;align-items:center;gap:10px}
.field.check input{width:auto}
.conversation-pane{display:flex;flex-direction:column;min-height:560px;background:var(--surface)}
.thread-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.thread-head small{color:var(--muted)}
.thread-body{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:10px;max-height:520px}
.bubble{max-width:70%;padding:10px 14px;border-radius:16px;background:var(--cream-deep)}
.bubble.out{align-self:flex-end;background:var(--wine);color:var(--on-wine);border-bottom-right-radius:4px}
.bubble.in{align-self:flex-start;border-bottom-left-radius:4px}
.bubble p{margin:0;overflow-wrap:anywhere}
.bubble small{display:block;opacity:.65;font-size:12px;margin-top:4px}
.bubble a{color:inherit;text-decoration:underline}
.thread-form{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}
.thread-form input{flex:1;border:0;background:var(--paper);border-radius:999px;padding:11px 16px;font:inherit}
.modal-card .thread-form{padding:14px 0 0;border:0}
.comment-list{max-height:320px;overflow-y:auto;margin-bottom:6px}
.comment{padding:10px 0;border-bottom:1px solid var(--line)}
.comment.reply{margin-left:22px;border-left:2px solid var(--rose);padding-left:12px;border-bottom:0}
.comment p{margin:4px 0}
.comment small{color:var(--muted)}

/* ===== Alt bilgi araçları, görünüm paneli ve ayarlar sayfası ===== */
.footer-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tool-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--edge);background:transparent;color:var(--ink);font:500 13px var(--sans);padding:7px 14px;border-radius:999px;cursor:pointer}
.tool-btn:hover{background:var(--ink);color:var(--paper)}
.lang-pills{display:inline-flex;border:1.5px solid var(--edge);border-radius:999px;overflow:hidden}
.lang-pills button{border:0;background:transparent;color:var(--ink);font:600 13.5px var(--sans);padding:7px 12px;cursor:pointer}
.lang-pills button.active{background:var(--ink);color:var(--paper)}
.pref-pop{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 48px);overflow:auto;background:var(--surface);color:var(--ink);border:1.5px solid var(--edge);border-radius:26px;padding:22px;z-index:60}
.pref-pop h3{font:400 20px var(--serif);margin:0 0 14px;display:flex;justify-content:space-between;align-items:center}
.pref-pop h3 button{border:0;background:none;color:var(--ink);font-size:18px;cursor:pointer}
.pref-group{margin:0 0 18px}
.pref-group>b{display:block;font:600 13.5px var(--sans);color:var(--muted);margin:0 0 8px;letter-spacing:.2px}
.seg{display:inline-flex;border:1.5px solid var(--edge);border-radius:999px;overflow:hidden;flex-wrap:wrap}
.seg button{border:0;background:transparent;color:var(--ink);font:500 14px var(--sans);padding:8px 16px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.seg button.active{background:var(--ink);color:var(--paper)}
.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.palette-btn{display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:9px 12px;font:500 13px var(--sans);cursor:pointer}
.palette-btn:hover{border-color:var(--edge)}
.palette-btn.active{border-color:var(--wine);box-shadow:0 0 0 2px var(--wine)}
.swatch{display:inline-flex;flex:none;width:42px;height:26px;border-radius:999px 999px 6px 6px;overflow:hidden;border:1px solid var(--line)}
.swatch i{flex:1}
.settings-layout{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
.settings-nav{display:flex;flex-direction:column;padding:8px;gap:2px;position:sticky;top:16px}
.settings-nav button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:var(--ink);font:500 14px var(--sans);padding:11px 14px;border-radius:14px;cursor:pointer}
.settings-nav button.active,.settings-nav button:hover{background:var(--ink);color:var(--paper)}
.settings-card{padding:28px}
.settings-card h2{font:400 26px var(--serif);margin:0 0 6px}
.settings-card>p.lead{color:var(--muted);margin:0 0 22px;font-size:14px}
.settings-card h3{font:400 18px var(--serif);margin:26px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
.settings-card form{display:grid;gap:14px;max-width:560px}
.banner{display:flex;gap:10px;align-items:flex-start;background:var(--cream-deep);border:1.5px dashed var(--edge);border-radius:18px;padding:12px 16px;margin:0 0 20px;font-size:14px}
.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);max-width:620px}
.toggle-row span small{display:block;color:var(--muted);font-size:13px}
.switch{position:relative;flex:none;width:46px;height:28px;border:1.5px solid var(--edge);border-radius:999px;background:var(--cream-deep);cursor:pointer;padding:0}
.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--ink);transition:transform .2s}
.switch[aria-checked="true"]{background:var(--wine)}
.switch[aria-checked="true"]:after{transform:translateX(18px);background:var(--on-wine)}
.avatar-edit{display:flex;align-items:center;gap:16px}
.avatar-edit .profile-avatar-large{position:static;width:76px;height:76px;font-size:32px;margin:0;display:grid;place-items:center;overflow:hidden;border-radius:50%}
.avatar-edit img{width:100%;height:100%;object-fit:cover}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.danger-zone{border:1.5px solid var(--wine);border-radius:18px;padding:18px;margin-top:10px}
.danger-zone h3{border:0;margin:0 0 6px;padding:0}
.danger-zone p{margin:0 0 12px;color:var(--muted);font-size:14px}
.btn-danger{background:transparent;border:1.5px solid var(--wine);color:var(--wine)}
.btn-danger:hover{background:var(--wine);color:var(--on-wine)}
.stat-line{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:6px 0 16px}
@media (max-width:820px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;position:static}.settings-nav button{white-space:nowrap}.social-grid{grid-template-columns:1fr}.footer-tools{justify-content:center}}

/* ===== Renk paletleri (varsayılan Krem & Şarap :root içinde; diğerleri burada) ===== */
[data-theme="murekkep"]{--paper:#edf0f3;--surface:#f8fafb;--ink:#222a35;--muted:#66707d;--line:#d9dfe6;--edge:#222a35;--wine:#3f5f8f;--wine-dark:#2f4a73;--cream-deep:#e1e8ef;--rose:#cfd9e8;--sage:#a9c0bd;--lavender:#c8c6dc;--peach:#e6d3b3;--note-sage:#dce8e5}
[data-theme="yosun"]{--paper:#eef0e4;--surface:#f8f9f1;--ink:#242a20;--muted:#697160;--line:#dbe0cd;--edge:#242a20;--wine:#4f6b4a;--wine-dark:#3b5337;--cream-deep:#e4e8d5;--rose:#e3cfc4;--sage:#a8bb98;--lavender:#c9cfb8;--peach:#e6cfa0;--note-sage:#dde6cf}
[data-theme="leylak"]{--paper:#f1edf3;--surface:#faf8fb;--ink:#2a2530;--muted:#716a79;--line:#ddd5e2;--edge:#2a2530;--wine:#6b5a8e;--wine-dark:#54466f;--cream-deep:#e6dfec;--rose:#e5cfd9;--sage:#b5c4b0;--lavender:#c9c0dc;--peach:#ebd2bd;--note-sage:#e3eadf}
[data-theme="deniz"]{--paper:#eaf0ee;--surface:#f6faf8;--ink:#1f2b2b;--muted:#5f6f6d;--line:#d3e0dc;--edge:#1f2b2b;--wine:#2f6f6b;--wine-dark:#235552;--cream-deep:#dce9e5;--rose:#e3cfc9;--sage:#9fc3b4;--lavender:#bcc9d9;--peach:#ecd9ae;--note-sage:#d8eae2}
[data-theme="gece"]{--paper:#1f1c1a;--surface:#2a2622;--ink:#ece4d8;--muted:#a39a8d;--line:#3d3731;--edge:#6a6055;--wine:#d9a38b;--wine-dark:#c48a70;--on-wine:#2a1d17;--cream-deep:#35302a;--rose:#7a5a5c;--sage:#6f7d68;--lavender:#6a6479;--peach:#b08a62;--note-sage:#2f372f;--overlay:rgba(0,0,0,.62)}
[data-theme="lacivert"]{--paper:#161b26;--surface:#1f2633;--ink:#e4e8f0;--muted:#98a2b5;--line:#2f3a4d;--edge:#55617a;--wine:#8fb4e8;--wine-dark:#77a0d6;--on-wine:#10213a;--cream-deep:#2a3447;--rose:#6d5a73;--sage:#5f7f7c;--lavender:#5e6794;--peach:#9c8a66;--note-sage:#223432;--overlay:rgba(0,0,0,.62)}
[data-theme="orman"]{--paper:#141a16;--surface:#1c241e;--ink:#e3eadf;--muted:#94a392;--line:#2c382f;--edge:#50635a;--wine:#a8d0a0;--wine-dark:#8fba87;--on-wine:#12210f;--cream-deep:#263228;--rose:#7b6061;--sage:#5d7a5f;--lavender:#66708a;--peach:#a89466;--note-sage:#223325;--overlay:rgba(0,0,0,.62)}
[data-theme="erik"]{--paper:#1c1620;--surface:#271f2c;--ink:#eee3ee;--muted:#aa9bb0;--line:#3b3042;--edge:#66566e;--wine:#e0a6bf;--wine-dark:#cf8fac;--on-wine:#2c1424;--cream-deep:#33283a;--rose:#7a5068;--sage:#607563;--lavender:#6c5f94;--peach:#a88a6a;--note-sage:#243028;--overlay:rgba(0,0,0,.62)}
.settings-card fieldset{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}
.btn:disabled{opacity:.5;cursor:not-allowed}
.info-list{margin:0 0 6px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.7;max-width:620px}
.avatar-edit>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.announcement-home{align-self:stretch}
:root,[data-theme]{--edge:color-mix(in srgb,var(--ink) 30%,var(--paper))}
.tool-btn,.lang-pills,.seg,.switch,.palette-btn,.pref-pop{border-width:1px}
.record-actions{order:2}
[hidden]{display:none!important}
:root{--hand:"Caveat","Segoe Script",cursive}
:root:not([data-theme]){--paper:#f6f1e9;--surface:#fbf8f2;--ink:#4b463f;--muted:#8a8378;--line:#e8e0d4;--cream-deep:#ece5da;--rose:#e2d2cc;--sage:#e1e7da;--wine:#895a67;--wine-dark:#6f4752}
body{background-color:var(--paper);background-image: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 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
:focus-visible{outline:2px solid var(--wine);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hand-note{font:500 22px/1.2 var(--hand);color:var(--wine);margin:6px 0 0}
.date-stamp{display:inline-block;font:600 12px var(--sans);letter-spacing:.14em;color:var(--wine);border:1.5px solid var(--wine);border-radius:4px;padding:5px 9px;transform:rotate(-1.5deg);text-transform:uppercase}
.loading{color:var(--muted);font-size:14px;padding:30px 0}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.app-main>*{animation:rise .28s ease both}
.modal-card{animation:pop .18s ease both}
.demo-strip{background:var(--ink);color:var(--paper);font-size:13px;text-align:center;padding:7px 14px}
.topbar{position:static;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 44px;background:transparent;border:0}
.brand{display:flex;flex-direction:column;align-items:flex-start;font:400 34px/1 var(--serif);letter-spacing:-1px}
.brand span{font:500 17px/1 var(--hand);letter-spacing:0;color:var(--wine);margin:2px 0 0 2px}
.top-actions{display:flex;align-items:center;gap:10px}
.app-main{padding:12px 44px 70px;max-width:1240px;margin:0 auto}
.month-strip{display:flex;gap:4px;overflow-x:auto;max-width:min(880px,calc(100vw - 32px));margin:0 auto 8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 6px;scrollbar-width:none}
.month-strip::-webkit-scrollbar{display:none}
.month-chip{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink);font:500 13px var(--sans);padding:6px 12px;border-radius:999px;cursor:pointer}
.month-chip b{font:600 12px var(--sans);background:var(--rose);color:var(--ink);border-radius:999px;padding:1px 6px}
.month-chip:hover{background:var(--cream-deep)}
.month-chip.active{background:var(--ink);color:var(--paper)}
.month-chip.active b{background:var(--wine);color:var(--on-wine)}

/* ===== Defter ve posta kutusu: kâğıt parçaları, ana sayfa ve her sayfanın kompozisyonu ===== */
.tape{position:absolute;top:-11px;left:50%;width:78px;height:22px;margin-left:-39px;transform:rotate(-3deg);background:color-mix(in srgb,var(--sage) 75%,transparent);border-left:2px dotted color-mix(in srgb,var(--ink) 15%,transparent);border-right:2px dotted color-mix(in srgb,var(--ink) 15%,transparent)}
.stamp{--p:var(--paper);position:relative;padding:12px;background:radial-gradient(circle at 6px 0,var(--p) 4px,transparent 4.5px) top/12px 12px repeat-x,radial-gradient(circle at 6px 12px,var(--p) 4px,transparent 4.5px) bottom/12px 12px repeat-x,radial-gradient(circle at 0 6px,var(--p) 4px,transparent 4.5px) left/12px 12px repeat-y,radial-gradient(circle at 12px 6px,var(--p) 4px,transparent 4.5px) right/12px 12px repeat-y,var(--surface);filter:drop-shadow(0 1px 0 var(--line))}
.postcard{position:relative;background:var(--surface);border:1px solid var(--line);padding:16px 18px;background-image:linear-gradient(var(--line),var(--line));background-size:1px 70%;background-position:62% 22px;background-repeat:no-repeat}
.postmark-print{position:absolute;right:14px;top:12px;font:italic 400 12px var(--serif);color:var(--muted);border:1px solid var(--muted);border-radius:50%;padding:12px 8px;transform:rotate(12deg);opacity:.7}
.stamp-circle{display:inline-grid;place-items:center;align-content:center;width:52px;height:52px;border:1.5px solid var(--wine);border-radius:50%;color:var(--wine);transform:rotate(-8deg);flex:none}
.stamp-circle b{font:600 17px/1 var(--serif)}
.stamp-circle small{font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.mini-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rose);color:var(--ink);font:600 13.5px var(--sans);margin-right:8px;flex:none}
.mini-avatar.big{width:48px;height:48px;font:400 22px var(--serif);margin:0}
.who{display:inline-flex;align-items:center;font-size:13px}
.who:hover{color:var(--wine)}
.chip-mini{font:500 12px var(--sans);border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--muted)}
.kicker{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.desk-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin:8px 0 54px}
.hero-copy h1{font:400 clamp(32px,4vw,50px)/1.08 var(--serif);margin:16px 0 8px;letter-spacing:-.01em}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:22px}
.hero-collage{position:relative;min-height:400px}
.collage-main{position:absolute;left:0;top:10px;width:58%;transform:rotate(-2deg);margin:0}
.collage-stamp{position:absolute;right:2%;bottom:0;width:36%;transform:rotate(5deg);margin:0}
.collage-card{position:absolute;right:0;top:0;width:44%;transform:rotate(2.5deg)}
.collage-card b{display:block;font:400 18px var(--serif);margin-top:4px}
.collage-card small{color:var(--muted)}
.collage-main figcaption,.collage-stamp figcaption{font:500 16px var(--hand);color:var(--muted);padding-top:6px}
.desk-section{margin:0 0 54px}
.desk-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:26px}
.desk-head h2,.library h2{font:400 26px var(--serif);margin:0}
.slips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.slip{position:relative;padding:22px 20px 12px;border:1px solid var(--line);cursor:pointer;transition:transform .2s;background:color-mix(in srgb,var(--rose) 34%,var(--surface))}
.slip.tone-1{background:color-mix(in srgb,var(--sage) 70%,var(--surface))}
.slip.tone-2{background:color-mix(in srgb,var(--cream-deep) 80%,var(--surface))}
.slip.tone-3{background:color-mix(in srgb,var(--lavender) 30%,var(--surface))}
.slip:nth-child(odd){transform:rotate(-.7deg)}
.slip:nth-child(even){transform:rotate(.6deg)}
.slip:hover{transform:none}
.slip-tag{position:absolute;top:8px;right:12px;font:500 15px var(--hand);color:var(--wine)}
.slip-text{font:400 19px/1.45 var(--serif);margin:6px 0 14px;color:var(--ink)}
.slip-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;border-top:1px dashed color-mix(in srgb,var(--ink) 20%,transparent);padding-top:10px}
.record-actions{display:flex;gap:4px;margin-top:6px}
.action-btn.saved{color:var(--wine)}
.action-btn.liked i{animation:pop .25s ease}
.desk-split{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:stretch}
.penny-card{border:1px solid var(--line);border-radius:4px;background:var(--cream-deep);padding:30px;min-height:260px}
.penny-copy h2{font:400 40px/1.05 var(--serif)}
.penny-cover-placeholder{width:170px;height:220px;border-radius:999px 999px 4px 4px;border:1px solid var(--line)}
.announcement-home{border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);padding:26px;min-height:260px;cursor:pointer;transform:rotate(.6deg);position:relative}
.announcement-home h2{font:400 26px/1.15 var(--serif);color:var(--ink)}
.announcement-home p{color:var(--muted)}
.announcement-home:after{content:"";position:absolute;right:16px;top:16px;width:46px;height:56px;background:radial-gradient(circle at 6px 0,var(--surface) 4px,transparent 4.5px) top/12px 12px repeat-x,radial-gradient(circle at 6px 12px,var(--surface) 4px,transparent 4.5px) bottom/12px 12px repeat-x,color-mix(in srgb,var(--rose) 60%,var(--surface));opacity:.9}
.discover-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:6px 0 22px}
.discover-head h1{font:400 clamp(32px,3.6vw,44px)/1.05 var(--serif);margin:0}
.discover-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:26px}
.tabs,.filter-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.tab{border:0;background:transparent;color:var(--muted);font:500 14px var(--sans);padding:7px 13px;border-radius:999px;cursor:pointer}
.tab:hover{color:var(--ink);background:var(--cream-deep)}
.tab.active{background:var(--ink);color:var(--paper)}
.sort-box select{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 13px var(--sans);padding:8px 12px;border-radius:999px}
.discover-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:36px;align-items:start}
.mosaic{column-count:3;column-gap:26px}
.mosaic>*{break-inside:avoid;margin:0 0 28px;display:block}
.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.clubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.discover-side section{border-top:1px solid var(--ink);padding:12px 0 24px}
.discover-side h3{font:400 18px var(--serif);margin:0 0 10px}
.side-link{display:flex;align-items:center;width:100%;text-align:left;border:0;background:none;color:var(--ink);font:500 14px var(--sans);padding:7px 0;cursor:pointer}
.side-link:hover{color:var(--wine)}
.person{display:flex;gap:14px;border:1px solid var(--line);background:var(--surface);padding:16px;cursor:pointer}
.person h3{font:400 19px var(--serif);margin:0}
.person small{color:var(--muted)}
.person p{font-size:13px;color:var(--muted);margin:6px 0 0}
.club{position:relative;padding:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--sage) 55%,var(--surface))}
.club.tone-1{background:color-mix(in srgb,var(--rose) 40%,var(--surface))}
.club.tone-2{background:var(--cream-deep)}
.club.tone-3{background:color-mix(in srgb,var(--lavender) 30%,var(--surface))}
.club h3{font:400 22px var(--serif);margin:12px 0 4px}
.club p{color:var(--muted);font-size:14px}
.frame{position:relative;background:var(--surface);border:1px solid var(--line);padding:14px;margin:0;cursor:pointer}
.mat{padding:12px;background:var(--cream-deep);border:1px solid var(--line)}
.mat img,.mat .artwork-fallback{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}
.frame:nth-child(3n/**/+2) .artwork-fallback{--bg:var(--sage);--a:var(--rose);--b:var(--cream-deep);--c:var(--wine)}
.frame:nth-child(3n) .artwork-fallback{--bg:var(--rose);--a:var(--wine);--b:var(--surface);--c:var(--sage)}
.plaque{display:grid;gap:2px;padding:12px 2px 2px;border-top:1px solid var(--line);margin-top:12px}
.plaque b{font:400 18px var(--serif)}
.plaque span{font-size:13.5px;color:var(--muted)}
.plaque i{font-style:normal}
.frame .record-actions{padding:6px 0 0}
.wall-featured{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:48px;align-items:center;margin:0 0 34px;cursor:pointer}
.frame.big{padding:20px}
.frame.big .mat img,.frame.big .mat .artwork-fallback{aspect-ratio:4/5}
.plaque.big{border:0}
.plaque.big h2{font:400 38px/1.1 var(--serif);margin:14px 0 4px}
.plaque.big p{margin:0}
.entries{background:linear-gradient(90deg,transparent 78px,color-mix(in srgb,var(--wine) 45%,transparent) 78px,color-mix(in srgb,var(--wine) 45%,transparent) 79px,transparent 79px),repeating-linear-gradient(var(--surface) 0 33px,var(--line) 33px 34px);border:1px solid var(--line);padding:6px 0;max-width:820px}
.entry{display:grid;grid-template-columns:78px 1fr;gap:0;padding:18px 24px 18px 0;cursor:pointer;border-bottom:1px solid transparent}
.entry:hover{background:color-mix(in srgb,var(--rose) 18%,transparent)}
.entry-date{display:grid;justify-items:center;align-content:start;color:var(--wine)}
.entry-date b{font:400 28px/1 var(--serif)}
.entry-date small{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.entry-body{padding-left:22px}
.entry-body h3{font:400 24px/1.2 var(--serif);margin:0 0 4px}
.entry-body p{margin:0;color:var(--muted);font-size:15px}
.entry-meta{display:flex;gap:10px;align-items:center;margin-top:8px}
.entry-meta .hand-note{margin:0;font-size:20px}
.callout{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1.5px dashed var(--ink);padding:26px 30px;margin-bottom:34px;background:color-mix(in srgb,var(--sage) 40%,transparent)}
.callout h2{margin:6px 0 6px}
.callout p{margin:0 0 14px;color:var(--muted)}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,220px));gap:34px 28px;align-items:start;border-bottom:8px solid var(--cream-deep);padding-bottom:24px}
.issue{cursor:pointer}
.cover{aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);border-left:6px solid color-mix(in srgb,var(--ink) 25%,transparent);transition:transform .2s}
.issue:hover .cover{transform:translateY(-4px)}
.cover img{width:100%;height:100%;object-fit:cover;display:block}
.cover-art{position:relative;height:100%;display:flex;align-items:flex-end;padding:16px;background:radial-gradient(circle at 72% 24%,var(--peach) 0 14%,transparent 14.5%),radial-gradient(circle at 0 100%,var(--wine) 0 46%,transparent 46.5%),radial-gradient(ellipse 36% 12% at 66% 80%,var(--sage) 0 98%,transparent 100%),var(--lavender)}
.cover-art span{font:400 22px/1.1 var(--serif);color:var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent);padding:6px 8px}
.issue:nth-child(3n/**/+2) .cover-art{background:radial-gradient(circle at 28% 28%,var(--surface) 0 12%,transparent 12.5%),radial-gradient(circle at 100% 100%,var(--rose) 0 50%,transparent 50.5%),var(--sage)}
.issue:nth-child(3n) .cover-art{background:radial-gradient(circle at 70% 30%,var(--sage) 0 16%,transparent 16.5%),radial-gradient(circle at 0 100%,var(--lavender) 0 44%,transparent 44.5%),var(--rose)}
.cover-art.mini{width:130px;height:170px;border:1px solid var(--line);flex:none;align-items:center;justify-content:center;text-align:center}
.cover-art.mini span{font:600 12px var(--sans);letter-spacing:.12em}
.issue-meta{padding-top:12px}
.issue-meta h3{font:400 20px/1.2 var(--serif);margin:4px 0}
.issue-meta small{color:var(--muted)}
.reader-bar{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:22px}
.reader-title{display:grid;flex:1}
.reader-title b{font:400 22px var(--serif)}
.reader-title small{color:var(--muted)}
.reader-stage{display:grid;justify-items:center;gap:16px}
.reader-frame{width:100%;height:calc(100vh - 230px);min-height:480px;border:1px solid var(--line);background:var(--surface)}
.reader-page{width:min(560px,100%);min-height:420px;background:var(--surface);border:1px solid var(--line);padding:44px 40px;box-shadow:6px 6px 0 var(--cream-deep);font:400 20px/1.7 var(--serif);white-space:pre-line}
.reader-page p{margin:0}
.reader-nav{display:flex;align-items:center;gap:18px}
.reader-note{margin:0}
.postmarks{display:grid;gap:4px;max-width:720px}
.postmark{position:relative;display:flex;align-items:center;gap:18px;padding:14px 8px;border-bottom:1px dashed var(--line);cursor:pointer}
.postmark:hover{background:color-mix(in srgb,var(--rose) 18%,transparent)}
.postmark.unread .stamp-circle{background:color-mix(in srgb,var(--rose) 45%,transparent)}
.postmark small{color:var(--muted);display:block}
.new-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--wine)}
.notices{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px;max-width:960px}
.notice{position:relative;background:var(--surface);border:1px solid var(--line);padding:22px;cursor:pointer;transition:transform .2s}
.notice:nth-child(odd){transform:rotate(-.5deg)}
.notice:nth-child(even){transform:rotate(.5deg)}
.notice:hover{transform:none}
.notice.pinned{background:color-mix(in srgb,var(--rose) 28%,var(--surface))}
.notice h3{font:400 22px/1.2 var(--serif);margin:10px 0 6px}
.notice p{color:var(--muted);font-size:14px;margin:0 0 10px}
.notice time{font-size:13.5px;color:var(--muted)}
.postage{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);border:1px solid var(--wine);padding:3px 7px}
.detail-card{max-width:860px;width:calc(100% - 28px);max-height:calc(100vh - 40px);overflow:auto;padding:34px}
.detail-text{font:400 26px/1.45 var(--serif);margin:10px 0 22px}
.detail-art,.detail-pub{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:34px;align-items:start}
.detail-info h2,.detail-card>h2{font:400 34px/1.1 var(--serif);margin:10px 0 6px}
.meta{color:var(--muted);margin:0 0 12px}
.detail-who{display:flex;align-items:center;gap:14px;margin:16px 0;color:var(--muted);font-size:13px}
.detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.detail-prose p{font:400 19px/1.75 var(--serif);margin:0 0 14px}
.detail-pub .cover{max-width:300px}
.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ink);margin-top:26px}
.profile-tabs button{border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--cream-deep);color:var(--muted);padding:9px 18px;font:500 14px var(--sans)}
.profile-tabs button.active{background:var(--surface);color:var(--ink);border-color:var(--ink);margin-bottom:-1px}
.profile-avatar-large{border-radius:50%;border:2px dashed var(--wine);padding:3px;background:var(--rose)}
.profile-cover-placeholder{border-radius:4px}
.conversation-row:hover,.conversation-row.active{background:color-mix(in srgb,var(--rose) 28%,transparent)}
.bubble.in{background:var(--surface);border:1px solid var(--line);border-radius:4px}
.bubble.out{border-radius:4px;transform:rotate(.3deg)}
.messages-layout,.settings-card,.settings-nav,.prose-card,.modal-card,.composer{border-radius:4px}
.prose-card{max-width:680px;font:400 19px/1.75 var(--serif)}
@media (max-width:1000px){.desk-hero{grid-template-columns:1fr;gap:30px}.hero-collage{min-height:360px}.slips{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic{column-count:2}.discover-body{grid-template-columns:1fr}.discover-side{display:none}.wall-featured,.detail-art,.detail-pub{grid-template-columns:1fr}.desk-split{grid-template-columns:1fr}.topbar{padding:0 20px}.app-main{padding:8px 20px 150px}}
@media (max-width:640px){.slips,.people,.clubs{grid-template-columns:1fr}.mosaic{column-count:1}.top-actions .search-box{display:none}.brand{font-size:28px}.entry{grid-template-columns:56px 1fr}.entries{background:repeating-linear-gradient(var(--surface) 0 33px,var(--line) 33px 34px)}.detail-card{padding:22px}.penny-card{flex-direction:column;align-items:flex-start}.hero-collage{min-height:330px}.collage-card{width:52%}}
.mosaic>*{margin-bottom:36px}
.site-footer nav a{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;text-decoration:none;padding:6px 10px}
.site-footer nav a:hover{color:var(--wine)}

/* ===== v3: üst menü, yumuşak renkler, galeri kartları, profil sayfası, yazı masası ===== */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
.topnav{display:flex;gap:2px;justify-self:center;padding:4px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);border-radius:999px}
.topnav-link{border:0;background:transparent;color:var(--muted);font:500 14px var(--sans);padding:8px 16px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
.topnav-link:hover{color:var(--ink)}
.topnav-link.active{background:var(--surface);color:var(--wine);box-shadow:0 0 0 1px var(--line)}
.top-actions{justify-self:end}
.create-btn{padding:8px 16px;font-size:14px}
.demo-strip{background:var(--cream-deep);color:var(--ink);border-bottom:1px solid var(--line)}
.toast{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 24px rgba(60,50,40,.12)}
.tab.active,.lang-pills button.active,.seg button.active,.settings-nav button.active,.settings-nav button:hover,.tool-btn:hover{background:var(--wine);color:var(--on-wine)}
.month-chip.active{background:var(--wine);color:var(--on-wine)}
.month-chip.active b{background:var(--on-wine);color:var(--wine)}
.btn{box-shadow:none}
.record-card,.slip,.postcard,.notice,.entry,.frame{box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 4%,transparent),0 6px 18px -10px color-mix(in srgb,var(--ink) 18%,transparent)}
/* galeri: Notion tarzı kartlar */
.mosaic{column-count:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.mosaic>*{margin:0}
.mosaic .frame{padding:0;border-radius:16px;overflow:hidden;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;background:var(--surface)}
.mosaic .frame:hover{transform:translateY(-3px)}
.mosaic .frame .mat{padding:0;background:var(--cream-deep);border:0}
.mosaic .frame .mat img,.mosaic .frame .mat .artwork-fallback{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0}
.mosaic .frame .plaque{padding:12px 14px 4px;text-align:left;display:flex;flex-direction:column;gap:2px;background:none;border:0}
.mosaic .frame .plaque b{font:500 17px/1.25 var(--serif)}
.mosaic .frame .plaque span{font-size:13.5px;color:var(--muted)}
.mosaic .frame .plaque i{font-style:normal;font:500 17px/1 var(--hand);color:var(--wine);margin-top:3px}
.mosaic .frame .record-actions{padding:6px 12px 12px}
.wall-featured .frame.big{border-radius:20px;overflow:hidden}
.wall-featured .date-stamp{align-self:flex-start}
.wall-featured .plaque{align-items:flex-start}
/* profil: kapak + yan kart + içerik */
.profile-cover-placeholder{height:190px;border-radius:20px;margin-bottom:0;background:linear-gradient(115deg,var(--cream-deep),var(--rose) 55%,var(--sage))}
.profile-cover-placeholder{background-image:radial-gradient(circle at 12% 30%,color-mix(in srgb,var(--lavender) 55%,transparent) 0 70px,transparent 71px),radial-gradient(circle at 82% 70%,color-mix(in srgb,var(--peach) 60%,transparent) 0 54px,transparent 55px),linear-gradient(115deg,var(--cream-deep),var(--rose) 55%,var(--sage))}
.profile-cover-placeholder span{font:500 20px var(--hand);letter-spacing:0;text-transform:none;opacity:.8}
/* yazı masası: günlük ve yayın düzenleme */
.modal-card.studio{width:min(820px,100%);max-height:94vh;padding:30px 34px 20px;border-radius:24px;background:var(--surface)}
.studio h2{font-size:30px;margin:6px 0 14px}
.studio input[name=title]{font:400 28px/1.2 var(--serif);border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:6px 0}
.studio textarea{font:400 19px/32px var(--serif);min-height:230px;border:1px solid var(--line);border-radius:14px;padding:16px 20px;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;background-attachment:local}
.studio .form-actions,.studio-form .form-actions{display:none}
.studio-dock{position:sticky;bottom:6px;display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:22px auto 4px;padding:8px 14px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 28px -8px color-mix(in srgb,var(--ink) 30%,transparent)}
.dock-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:18px;cursor:pointer;padding:0;transition:transform .15s,background .15s}
.dock-btn:hover{background:var(--cream-deep);transform:translateY(-2px)}
.dock-btn.primary{width:54px;height:54px;background:var(--wine);color:var(--on-wine);border-color:transparent;font-size:22px}
.dock-btn.primary:hover{background:var(--wine-dark)}
.dock-btn:disabled{opacity:.5}
.studio-page{max-width:880px;margin:0 auto}
.studio-page .settings-card{border-radius:20px}
.studio-page .studio-dock{bottom:14px}
@media (max-width:900px){
  .topbar{grid-template-columns:1fr auto;height:auto;padding:12px 18px 6px;row-gap:10px}
  .topnav{grid-column:1/-1;grid-row:2;justify-self:stretch;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .topnav::-webkit-scrollbar{display:none}
  .topnav-link{flex:1 0 auto}
  .app-main{padding:8px 18px 56px}
  .create-btn span{display:none}
}
@media (max-width:640px){.topnav-link{padding:8px 11px;font-size:13px}.create-btn{padding:8px 12px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mosaic .frame .plaque b{font-size:15px}.modal-card.studio{padding:22px 16px 14px;border-radius:18px}}
.wall-featured .date-stamp{justify-self:start;width:fit-content;align-self:flex-start}