/* archived — v4 görünümü: Keşfet akışı, bildirme, yazı masaları (eser + günlük), takvimli günlük sayfası ve animasyonlu bölümlerin yerleşimi.
   Renkler yalnızca sitenin değişkenlerinden gelir; 9 palet (koyu olanlar dahil) kendiliğinden uyar. */

/* ---------- genel küçük parçalar ---------- */
.btn.sm{padding:7px 14px;font-size:13px}
.icon-button.sm{padding:4px;font-size:15px}
.muted-small{color:var(--muted);font-size:13px;line-height:1.5;margin:4px 0 0}
.field-error{color:#a2423b;font-size:13px;margin:2px 0 0}
.count{display:block;text-align:right;color:var(--muted);font-size:13.5px;margin-top:3px}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}
.check-row input{margin-top:3px;accent-color:var(--wine)}
.hashtag{border:0;background:none;color:var(--wine);padding:0;font:inherit;cursor:pointer}
.hashtag:hover{text-decoration:underline}
.fab-plain{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;border:0;background:var(--wine);color:var(--on-wine);font-size:24px;display:grid;place-items:center;z-index:40;cursor:pointer}
.chip-mini{display:inline-block;background:var(--cream-deep);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:13.5px}
.chip small{opacity:.7;margin-left:3px}

/* ---------- ana sayfa ---------- */
.desk-hero{position:relative}
.hero-field{position:absolute;inset:-26px -40px;z-index:0;opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 78%)}
.hero-field .fx-torn{width:100%;height:100%}
.desk-hero>.hero-copy,.desk-hero>.hero-collage{position:relative;z-index:1}
.home-player{display:grid;place-items:center;padding:6px 0 12px}
.home-reading .desk-head{margin-bottom:6px}

/* ---------- Keşfet: sol süzgeç + akış + öneriler ---------- */
.discover2{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:28px;align-items:start;padding-top:8px}
.filter-col{position:sticky;top:84px;display:grid;gap:14px;max-height:calc(100vh - 100px);overflow:auto;padding:2px 4px 14px 2px;scrollbar-width:thin}
.side-col{position:sticky;top:84px;display:grid;gap:14px}
.feed-col{min-width:0;display:grid;gap:14px}
.filter-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px}
.filter-card h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.search-box.wide{display:flex;width:100%;background:var(--surface);border:1px solid var(--line)}
.search-box.wide input{width:100%}
.mode-list{display:grid;gap:2px}
.mode-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;border-radius:12px;color:var(--ink);font:500 14px var(--sans);text-align:left;cursor:pointer;transition:background .2s,color .2s}
.mode-btn i{color:var(--muted);font-size:16px}
.mode-btn:hover{background:var(--cream-deep)}
.mode-btn.active{background:color-mix(in srgb,var(--wine) 12%,transparent);color:var(--wine)}
.mode-btn.active i{color:var(--wine)}
.mode-btn em{margin-left:auto;font-style:normal;font-size:13.5px;color:var(--muted)}
.time-chips{display:flex;flex-wrap:wrap;gap:6px}
.time-chips .chip{padding:6px 12px;font-size:13px;cursor:pointer}
.radio-list{display:grid;gap:1px}
.radio{display:flex;gap:9px;align-items:center;padding:5px 2px;font-size:14px;cursor:pointer}
.radio input{accent-color:var(--wine)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag-cloud .chip{padding:4px 10px;font-size:12.5px;cursor:pointer}

.composer-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:14px 16px}
.composer-open{display:flex;align-items:center;gap:12px;width:100%;border:0;background:var(--paper);border-radius:999px;padding:9px 18px 9px 10px;color:var(--muted);font:400 15px var(--sans);text-align:left;cursor:text}
.composer-tools{display:flex;gap:4px;margin-top:8px;padding-left:4px;flex-wrap:wrap}
.composer-tools .text-button{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:999px}
.composer-tools .text-button:hover{background:var(--cream-deep)}
#quickForm textarea{width:100%;min-height:92px;border:0;outline:none;background:transparent;font:400 17px/1.55 var(--serif);resize:vertical;color:var(--ink)}
.quick-bar{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.quick-bar select{max-width:190px}
.quick-bar .count{margin-left:auto}
.quick-preview{position:relative;margin-top:8px;width:fit-content;max-width:100%}
.quick-preview img{display:block;max-height:220px;max-width:100%;border-radius:14px}
.quick-preview .icon-button{position:absolute;top:6px;right:6px;background:var(--surface);border-radius:50%;width:28px;height:28px}
.trace-row{display:flex;gap:10px;align-items:center;margin:8px 0;flex-wrap:wrap}
.trace-card textarea{width:100%;border-radius:16px;padding:14px 16px;font:400 18px/1.55 var(--serif);min-height:140px}

.feed-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;min-height:24px;padding:0 4px}
.feed-status .chip{padding:3px 10px;font-size:13.5px}
.feed{display:grid;gap:16px}
.feed-more{display:grid;place-items:center;padding:6px 0 18px}
.post{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px 18px 10px;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.post:hover{border-color:color-mix(in srgb,var(--wine) 28%,var(--line))}
.post:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.post-head{display:flex;align-items:center;gap:10px}
.post-who{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;text-align:left;margin-right:auto;color:var(--ink);cursor:pointer;min-width:0}
.post-who b{font:600 14px var(--sans);display:block}
.post-who small{display:block;font-size:13.5px;color:var(--muted)}
.post .slip-tag{position:static;transform:none;white-space:nowrap}
.post-media{margin:12px -18px 0;cursor:zoom-in;background:var(--cream-deep)}
.post-media img,.post-media .artwork-fallback{display:block;width:100%;max-height:540px;object-fit:cover;min-height:180px}
.post-title{font:400 23px/1.2 var(--serif);margin:12px 0 2px}
.post-meta{font-size:12.5px;color:var(--muted);margin:0}
.post-text{font:400 16px/1.62 var(--sans);margin:10px 0 0;white-space:pre-line;cursor:pointer;overflow-wrap:anywhere}
.post-tags{margin:8px 0 0;display:flex;gap:8px;flex-wrap:wrap;font-size:14px}
.post-foot{display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:6px;border-top:1px solid var(--line)}
.post-foot .push,.record-actions .push{margin-left:auto}
.thread{border-top:1px solid var(--line);margin-top:6px;padding:12px 0 8px}
.thread[hidden]{display:none}
.comment-list{display:grid;gap:14px}
.comment.reply{margin-left:32px;padding-left:12px;border-left:2px solid var(--line)}
.comment-head{display:flex;align-items:center;gap:8px;font-size:13px}
.comment-head .who{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;color:var(--ink);cursor:pointer}
.comment-head small{color:var(--muted)}
.comment p{margin:3px 0 2px 38px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.comment-tools{margin-left:38px;display:flex;gap:14px}
.comment-tools .text-button{font-size:13.5px;color:var(--muted)}
.comment-tools .text-button:hover{color:var(--wine)}
.comment-form{display:flex;gap:8px;margin-top:14px}
.comment-form input{flex:1;border-radius:999px;padding:10px 16px}
.skeleton{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;display:grid;gap:10px}
.skeleton .sk-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.skeleton .sk-head span{flex:1}
@keyframes skl{to{background-position:-200% 0}}
.mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.post-pop{position:fixed;z-index:80;width:220px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 18px 44px rgba(60,40,40,.2)}
.post-pop button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;background:none;border-radius:10px;color:var(--ink);font:500 14px var(--sans);text-align:left;cursor:pointer}
.post-pop button:hover,.post-pop button:focus-visible{background:var(--cream-deep);outline:none}
.post-pop button.danger{color:#a2423b}
.post-pop button i{font-size:16px;color:var(--muted)}
.post-pop button.danger i{color:inherit}

.people,.clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.person{display:flex;align-items:center;gap:10px;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
.person-main{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;padding:0;color:var(--ink);cursor:pointer;min-width:0}
.person-main b{display:block;font:600 14px var(--sans)}
.person-main small{display:block;color:var(--muted);font-size:13.5px}
.person-main em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}
.mini-avatar.big{width:46px;height:46px;font-size:18px}
.club{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:6px;align-content:start}
.club h3{font:400 21px var(--serif);margin:4px 0 0}
.club p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.club small{color:var(--muted)}
.club-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.club-new{border:2px dashed var(--line);background:none;color:var(--muted);display:grid;place-items:center;gap:4px;text-align:center;cursor:pointer;min-height:170px;font-family:var(--sans)}
.club-new i{font-size:26px;color:var(--wine)}
.club-new b{color:var(--ink);font-weight:600}
.club-new:hover{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 5%,transparent)}
.side-person{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:4px 0}
.side-link{display:flex;align-items:center;gap:8px;border:0;background:none;padding:6px 0;text-align:left;color:var(--ink);cursor:pointer;font:500 14px var(--sans)}
.side-link:hover{color:var(--wine)}
.side-link.hot{display:block;width:100%}
.side-link.hot small{display:block;color:var(--muted);font-weight:400;font-size:13.5px;margin-top:2px}

/* ---------- bildirme ---------- */
.report-card{max-height:92vh;overflow:auto}
.report-target{background:var(--paper);border:1px dashed var(--line);border-radius:14px;padding:10px 14px;display:grid;gap:2px;margin:0 0 14px}
.report-target small{color:var(--muted);font-size:13.5px}
.reason-list{display:grid;gap:8px;margin-bottom:14px}
.reason{position:relative;display:block}
.reason input{position:absolute;opacity:0;inset:0}
.reason-box{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s}
.reason-box i{font-size:19px;color:var(--wine);flex-shrink:0}
.reason-box b{display:block;font:600 14px var(--sans)}
.reason-box small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4}
.reason input:checked+.reason-box{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,var(--surface))}
.reason input:focus-visible+.reason-box{outline:2px solid var(--wine);outline-offset:2px}
.report-done{text-align:center;padding:18px 6px 6px}
.report-done h2{margin:8px 0 6px}
.report-done p{color:var(--muted);margin:0 0 16px;line-height:1.55}
.done-check{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:var(--sage);color:var(--wine-dark);font-size:36px}
.muted-list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}
.muted-list li{display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:8px 14px}

/* ---------- ayrıntı penceresi ---------- */
.detail-photo{margin:14px 0 0}
.detail-photo img{width:100%;border-radius:16px;display:block}
.detail-thread{margin-top:14px}
.diary-cover-view{margin:-4px -4px 16px}
.diary-cover-view img{width:100%;max-height:260px;object-fit:cover;border-radius:16px;display:block}
.detail-prose h2,.detail-prose h3,.detail-prose h4,.rte-preview h2,.rte-preview h3,.rte-preview h4{font-family:var(--serif);font-weight:400;margin:1.2em 0 .4em;line-height:1.2}
.detail-prose p,.rte-preview p{margin:0 0 1em;line-height:1.75}
.detail-prose blockquote,.rte-preview blockquote{margin:1em 0;padding:4px 0 4px 16px;border-left:3px solid var(--wine);color:var(--muted);font-style:italic}
.detail-prose ul,.detail-prose ol,.rte-preview ul,.rte-preview ol{padding-left:22px;margin:0 0 1em;line-height:1.7}
.detail-prose hr,.rte-preview hr{border:0;border-top:1px dashed var(--line);margin:1.6em auto;width:40%}
.detail-prose img,.rte-preview img{max-width:100%;border-radius:12px;display:block;margin:1em auto}
.detail-prose figure,.rte-preview figure{margin:1em 0}
.detail-prose figcaption{text-align:center;font-size:13px;color:var(--muted)}
.detail-prose a,.rte-preview a{color:var(--wine);text-decoration:underline}

/* ---------- yazı masası (tam ekran) ---------- */
body.modal-open{overflow:hidden}
.studio-screen{position:fixed;inset:0;z-index:60;background:var(--paper);display:grid;grid-template-rows:auto 1fr;opacity:0;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease;overflow:hidden}
.studio-screen.in{opacity:1;transform:none}
.studio-top{display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--surface)}
.studio-title{display:grid;line-height:1.25;min-width:0}
.studio-title b{font:400 21px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.studio-status{margin-left:auto;font-size:13px;color:var(--muted)}
.studio-extra{display:flex;gap:8px}
.studio-form-wrap{overflow:auto;padding:26px 22px 130px;position:relative}
.studio-screen .studio-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;z-index:3}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;max-width:1180px;margin:0 auto}
.studio-canvas{min-width:0}
.dropzone{min-height:480px;border:2px dashed var(--line);border-radius:28px;background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;overflow:hidden}
.dropzone:hover,.dropzone:focus-visible{border-color:color-mix(in srgb,var(--wine) 55%,var(--line));outline:none}
.dropzone.over{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 7%,var(--surface))}
.dropzone.has{border-style:solid;cursor:default;background:var(--cream-deep)}
.drop-empty{display:grid;gap:6px;justify-items:center;text-align:center;padding:30px}
.drop-empty[hidden],.drop-preview[hidden]{display:none}
.drop-empty b{font:400 26px var(--serif)}
.drop-empty small{color:var(--muted);font-size:13.5px}
.drop-empty .hint{font-size:13.5px}
.drop-empty .drop-icon{display:grid;place-items:center;width:130px;height:130px;font-size:44px;color:var(--wine)}
.drop-preview{width:100%;padding:26px;display:grid;justify-items:center;gap:12px}
.drop-preview .mat,.frame.mini .mat{background:var(--surface);padding:14px;border-radius:6px;box-shadow:0 14px 34px rgba(60,40,40,.16);max-width:100%}
.drop-preview .mat img{display:block;width:min(520px,100%);aspect-ratio:4/5;object-fit:cover}
.img-meta{font-size:12.5px;color:var(--muted)}
.canvas-tools{display:flex;align-items:center;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:8px}
.canvas-tools[hidden]{display:none}
.canvas-tools .seg button{padding:6px 14px;font-size:13px}
.studio-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:6px 20px 20px;align-self:start}
.panel-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 -6px 16px}
.panel-tabs button{padding:13px 14px;border:0;background:none;color:var(--muted);font:500 14px var(--sans);border-bottom:2px solid transparent;cursor:pointer}
.panel-tabs button.active{color:var(--wine);border-color:var(--wine)}
.panel-body{display:grid;gap:14px}
.panel-body[hidden]{display:none}
.panel-body .field{display:grid;gap:6px}
.panel-body .field>span{font-size:13px;color:var(--muted)}
.field.short{max-width:140px}
.chip-row{display:flex;flex-wrap:wrap;gap:6px}
.chip-row .chip{padding:5px 12px;font-size:13px;cursor:pointer}
.tag-box{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--paper);align-items:center}
.tag-box input{border:0!important;background:transparent!important;flex:1;min-width:110px;padding:4px 6px!important;outline:none;box-shadow:none!important}
.tag-pill{display:inline-flex;align-items:center;gap:2px;background:var(--rose);color:var(--wine-dark);border-radius:999px;padding:3px 4px 3px 10px;font-size:13px}
.tag-pill button{border:0;background:none;color:inherit;cursor:pointer;padding:0 4px;font-size:14px;display:grid;place-items:center}
.live-preview{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px}
.live-preview small{color:var(--muted);font-size:13.5px}
.frame.mini{max-width:230px;margin:10px auto 0;cursor:default}
.frame.mini .mat img,.frame.mini .artwork-fallback{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.studio-confirm{position:absolute;inset:0;background:rgba(40,30,30,.45);display:grid;place-items:center;z-index:5;padding:20px}
.studio-confirm>div{background:var(--surface);border-radius:24px;padding:24px;max-width:460px;width:100%;max-height:90vh;overflow:auto}
.studio-confirm.preview-full>div{max-width:920px}
.studio-confirm b{font:400 22px var(--serif)}
.studio-confirm p{color:var(--muted)}
.studio-confirm .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.tool-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 14px;font:500 13px var(--sans);color:var(--ink);cursor:pointer}

/* günlük masası */
.diary-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;max-width:1140px;margin:0 auto}
.diary-page{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:34px 46px 18px;min-height:72vh;position:relative;background-image:linear-gradient(transparent 0,transparent calc(100% - 1px),color-mix(in srgb,var(--line) 40%,transparent) 0);background-size:100% 100%}
.diary-cover{position:relative;margin:-34px -46px 22px;border-radius:26px 26px 0 0;overflow:hidden;max-height:260px}
.diary-cover[hidden]{display:none}
.diary-cover img{display:block;width:100%;height:260px;object-fit:cover}
.diary-cover .icon-button{position:absolute;top:12px;right:12px;background:var(--surface);border-radius:50%;width:32px;height:32px}
.diary-date{display:block;font:500 12.5px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.diary-title{display:block;width:100%;border:0!important;background:none!important;box-shadow:none!important;font:400 clamp(28px,3.4vw,42px)/1.15 var(--serif)!important;padding:8px 0!important;outline:none;color:var(--ink)}
.mood-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px;align-items:center}
.mood{border:1px solid var(--line);background:none;border-radius:999px;padding:4px 13px;font:italic 15px var(--serif);color:var(--muted);cursor:pointer;transition:all .2s}
.mood:hover{border-color:var(--wine);color:var(--wine)}
.mood.active{background:color-mix(in srgb,var(--wine) 12%,transparent);border-color:var(--wine);color:var(--wine)}
.mood-input{border:0!important;border-bottom:1px dashed var(--line)!important;background:none!important;border-radius:0!important;font:italic 15px var(--serif)!important;padding:4px 6px!important;width:140px;outline:none;box-shadow:none!important}
.rte-bar{position:sticky;top:-26px;z-index:4;display:flex;align-items:center;gap:2px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:5px;margin-bottom:14px}
.rte-bar>button{width:36px;height:36px;border:0;background:none;border-radius:10px;color:var(--ink);font-size:18px;display:grid;place-items:center;cursor:pointer}
.rte-bar>button:hover{background:var(--cream-deep);color:var(--wine)}
.rte-bar .sep{width:1px;height:22px;background:var(--line);margin:0 6px}
.rte-bar .mode-seg{margin-left:auto}
.mode-seg button{padding:5px 12px;font-size:13px}
.rte-wrap{display:grid;gap:22px;border-radius:12px}
.rte-wrap.over{outline:2px dashed var(--wine);outline-offset:8px}
.rte-wrap[data-mode=write] .rte-preview,.rte-wrap[data-mode=preview] textarea{display:none}
.rte-wrap[data-mode=split]{grid-template-columns:1fr 1fr}
#diaryBody{width:100%;min-height:52vh;border:0!important;outline:none;background:transparent!important;box-shadow:none!important;font:400 19px/1.85 var(--serif)!important;color:var(--ink);resize:vertical;padding:4px 0!important}
.rte-preview{font:400 19px/1.8 var(--serif);min-width:0;overflow-wrap:anywhere}
.rte-wrap[data-mode=split] .rte-preview{border-left:1px dashed var(--line);padding-left:22px}
.rte-foot{display:flex;gap:18px;color:var(--muted);font-size:13px;padding-top:12px;border-top:1px solid var(--line);margin-top:10px}
.rte-foot .push{margin-left:auto}
.diary-side{display:grid;gap:14px;align-content:start}
.side-block{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 16px}
.side-block h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.vis-list{display:grid;gap:6px}
.vis{position:relative;display:block}
.vis input{position:absolute;opacity:0;inset:0}
.vis>span{display:grid;grid-template-columns:24px 1fr;column-gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:all .2s}
.vis>span i{grid-row:span 2;align-self:center;color:var(--wine);font-size:17px}
.vis>span b{font:600 14px var(--sans)}
.vis>span small{color:var(--muted);font-size:13.5px}
.vis input:checked+span{border-color:var(--wine);background:color-mix(in srgb,var(--wine) 8%,transparent)}
.vis input:focus-visible+span{outline:2px solid var(--wine);outline-offset:2px}
.prompt-list{display:grid;gap:6px;margin-bottom:10px}
.prompt-list button{text-align:left;border:0;border-left:3px solid var(--lavender);background:var(--paper);padding:8px 12px;border-radius:0 12px 12px 0;font:italic 14px/1.4 var(--serif);color:var(--ink);cursor:pointer}
.prompt-list button:hover{border-left-color:var(--wine)}
.shortcuts p{font-size:12.5px;color:var(--muted);line-height:2;margin:0}
kbd{font:600 12px var(--sans);background:var(--cream-deep);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px;color:var(--ink)}
.studio-screen.focus .diary-side,.studio-screen.focus .studio-top .studio-status{display:none}
.studio-screen.focus .diary-layout{grid-template-columns:minmax(0,780px);justify-content:center}
.studio-screen.focus .rte-bar{opacity:.35;transition:opacity .2s}
.studio-screen.focus .rte-bar:hover{opacity:1}

/* ---------- günlük sayfası: takvim + liste ---------- */
.diary-wrap{display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:start}
.diary-cal-col{position:sticky;top:84px;display:grid;gap:16px}
.diary-cal{display:grid;place-items:center;min-height:300px}
.diary-filters{display:grid;gap:10px}
.entry{position:relative}
.entry-thumb{order:3;width:104px;aspect-ratio:1;border-radius:14px;overflow:hidden;align-self:center;margin-left:14px}
.entry-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.entry:has(.entry-thumb){grid-template-columns:72px minmax(0,1fr) auto}
.entry-meta .chip-mini{margin-left:4px}

/* ---------- yayınlar, duyurular, hakkında ---------- */
.cover-row-host{margin:0 0 30px}
.notice-ticket{display:grid;justify-items:center;margin:0 0 26px}
.notice-ticket .fx-tk{width:min(560px,100%)}
.about-exploded{margin:46px 0 20px}
.about-lead{text-align:center;font:italic 400 clamp(22px,3vw,30px) var(--serif);color:var(--wine);margin:0 0 6px}
.rules-list ol{padding-left:22px;display:grid;gap:12px;line-height:1.6}

/* ---------- duyarlı ---------- */
@media (max-width:1180px){
  .discover2{grid-template-columns:230px minmax(0,1fr)}
  .side-col{grid-column:2;position:static}
}
@media (max-width:980px){
  .studio-grid,.diary-layout{grid-template-columns:1fr}
  .diary-wrap{grid-template-columns:1fr}
  .diary-cal-col{position:static}
  .diary-page{padding:26px 22px 14px}
  .diary-cover{margin:-26px -22px 18px}
  .rte-wrap[data-mode=split]{grid-template-columns:1fr}
  .rte-wrap[data-mode=split] .rte-preview{border-left:0;padding-left:0;border-top:1px dashed var(--line);padding-top:16px}
  .dropzone{min-height:340px}
  .studio-form-wrap{padding:18px 14px 130px}
}
@media (max-width:820px){
  .discover2{grid-template-columns:1fr;gap:16px}
  .filter-col{position:static;max-height:none;overflow:visible}
  .side-col{grid-column:auto}
  .mode-list{display:flex;flex-wrap:wrap;gap:6px}
  .mode-btn{width:auto;padding:7px 12px;border:1px solid var(--line);border-radius:999px}
  .mode-btn em{margin-left:4px}
  .post-media{margin-left:-18px;margin-right:-18px}
  .studio-title b{max-width:34vw}
}
@media (max-width:520px){
  .studio-top{padding:10px 14px;gap:10px}
  .studio-status{display:none}
  .entry-thumb{display:none}
  .post{padding:14px 14px 8px;border-radius:18px}
  .post-media{margin-left:-14px;margin-right:-14px}
}

/* ---------- ince ayarlar ---------- */
.post .slip-tag{border-radius:999px;padding:3px 11px;font-size:13.5px}
.side-person .btn,.person .btn{white-space:nowrap}
.entries{background-image:none!important;background:var(--surface)}
.entries .entry{border-bottom:1px dashed var(--line)}
.entries .entry:last-child{border-bottom:0}
.gallery-wall .discover-bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.gallery-wall .filter-chips{flex:1 1 100%}
.gallery-wall .discover-bar .search-box{flex:1 1 220px}
.drop-preview .mat{width:fit-content;max-width:100%;margin:0 auto}

/* ---- Twitter tarzı kaydırmalı üst sekmeler (Keşfet, Günlük) ---- */
.feed-top{position:relative;z-index:5;display:grid;gap:8px}
.d-toolbar{display:flex;gap:8px;align-items:center}
.d-toolbar .search-box.wide{flex:1;min-width:0;height:42px;padding:0 14px;border-radius:999px}
.filter-toggle{display:none;flex:none}
.feed-tabs,.blog-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0;padding:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.feed-tabs::-webkit-scrollbar,.blog-tabs::-webkit-scrollbar{display:none}
.tab-btn,.blog-tabs button{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:0;background:none;border-radius:0;color:var(--muted);padding:12px 14px;font:600 14px var(--sans);cursor:pointer;scroll-snap-align:start;transition:color .18s}
.tab-btn i,.blog-tabs button i{font-size:15px}
.tab-btn em{font-style:normal;font-size:12px;color:var(--muted);opacity:.8}
.tab-btn:hover,.blog-tabs button:hover{color:var(--ink);transform:none}
.tab-btn.active,.blog-tabs button.active{color:var(--ink);background:none;border:0}
.tab-btn.active::after,.blog-tabs button.active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px;background:var(--wine)}
.tab-btn.active i{color:var(--wine)}
@media (max-width:820px){
  .filter-toggle{display:inline-grid}
  .discover2 .filter-col{display:none}
  .discover2.show-filters .filter-col{display:grid;order:-1;grid-template-columns:1fr 1fr;gap:10px}
  .discover2.show-filters .filter-col .filter-card{padding:12px}
  .discover2.show-filters .filter-col .filter-card:nth-child(n+3){grid-column:1/-1}
  .tab-btn{padding:12px 12px}
}

/* Keşfet: masaüstünde solda "Ne görmek istersin?" kartı, telefonda üstte kaydırmalı sekmeler */
@media (min-width:821px){.feed-tabs{display:none}}
@media (max-width:820px){.mode-card{display:none}}
.tab-link{color:var(--wine)!important}.tab-link .bi-arrow-up-right{font-size:11px;margin-left:-2px}
.people-strip{margin:0 0 4px}.people-strip h3{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:2px 4px 8px}
.tab-link .bi-arrow-up-right{font-size:11px;opacity:.6}
.feed-status:empty{display:none}
/* Süzgeç sütunu kaydırılabilir bir kutu; kartların gölgesi kutunun dışına taşınca kesik görünüyordu.
   Gölgeye kutunun içinde yer açılır (negatif dış boşlukla yerleşim aynı kalır), alt kenar da yumuşakça solar. */
@media (min-width:781px){
  .filter-col{padding:8px 14px 44px 10px;margin:-8px -14px -44px -10px;-webkit-mask:linear-gradient(#000 calc(100% - 28px),transparent);mask:linear-gradient(#000 calc(100% - 28px),transparent)}
}