:root{--bg:#110f15;--panel:#211822;--panel2:#2c202d;--ink:#f8f0f4;--muted:#b9a8b5;--border:#473544;--accent:#ef6f9e;--accent2:#ab315e;--gold:#e4ae81;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,#281422 0%,transparent 34%),var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.75}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;color:inherit;border:0}button:hover,a:hover{color:#ffabc7}.hidden{display:none!important}.top{position:sticky;top:0;background:#160f17ed;backdrop-filter:blur(14px);z-index:15;border-bottom:1px solid var(--border)}.top-inner{max-width:1440px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:34px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:27px;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:600;margin-top:5px}.brand-icon,.logo-symbol{background:linear-gradient(140deg,#fc9fc0,#a92959);color:white;display:grid;place-items:center;border-radius:14px;font-weight:900;width:46px;height:46px;box-shadow:0 5px 26px #d63f7155}.desktop-nav{display:flex;gap:8px;align-items:center}.desktop-nav button{white-space:nowrap;padding:8px}.head-actions{display:flex;align-items:center;gap:10px}.primary{background:linear-gradient(120deg,#df4d80,#a72b58);color:white;border:1px solid #ee749d;border-radius:12px;padding:10px 19px;font-weight:700}.primary:hover{filter:brightness(1.13);color:white}.outline,.secondary{border:1px solid #765167;border-radius:12px;padding:9px 16px;background:#291c2b}.outline:hover,.secondary:hover{border-color:var(--accent)}.wide{width:100%}.icon-btn{font-size:26px;line-height:1;padding:6px}.shell{max-width:1440px;padding:26px 22px 100px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr) 262px;gap:25px;align-items:start}.side{position:sticky;top:99px;display:flex;flex-direction:column;gap:4px}.side-label{font-size:11px;color:#af819a;padding:12px 16px 7px;font-weight:700;letter-spacing:.5px}.side button{text-align:right;padding:9px 14px;border-radius:11px;display:flex;gap:12px;align-items:center;color:#d7c4d1;font-size:14px}.side button:first-letter{font-size:20px}.side button:hover,.side button.active{background:#402539;color:white}.right{position:sticky;top:99px}.info-card,.card,.hero,.form-card,.empty,.legal{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#291c29,#1a161e)}.info-card{padding:23px;margin-bottom:17px}.info-card h3{font-size:20px;margin:13px 0 8px}.info-card p{color:var(--muted);line-height:1.9}.compact h3{font-size:16px}.eyebrow{font-size:12px;color:#f8a3c0}.small-links{display:flex;gap:9px;color:var(--muted);font-size:11px;justify-content:center}.main{min-width:0}.hero{background:radial-gradient(circle at 0% 0%,#813954 0%,transparent 52%),linear-gradient(130deg,#3b2034,#211822 70%);padding:37px 34px;margin-bottom:23px;overflow:hidden;position:relative}.hero:after{content:"✧";position:absolute;left:22px;top:-63px;font-size:250px;color:#ffffff0a;pointer-events:none}.hero .badge{display:inline-block;background:#ffb6d029;color:#ffbad1;border:1px solid #ffb6d04c;border-radius:30px;padding:4px 12px;font-size:11px}.hero h1{font-size:clamp(29px,4vw,46px);margin:13px 0;line-height:1.4}.hero p{font-size:16px;color:#e3cbd6;max-width:490px;margin-bottom:24px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.section-head h2{font-size:21px;margin:0}.section-head p{color:var(--muted);margin:2px 0}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 23px}.chip{border:1px solid #67455b;padding:8px 13px;border-radius:30px;background:#2d1e2b;font-size:12px}.chip:hover,.chip.selected{background:#743650;border-color:#d66c92;color:white}.card{padding:21px 23px;margin-bottom:14px;transition:border-color .2s}.card:hover{border-color:#a76b86}.card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.avatar{background:linear-gradient(145deg,#a7476d,#503044);width:35px;height:35px;border-radius:50%;display:inline-grid;place-items:center;color:white;font-weight:bold}.tag{background:#523045;color:#f6b9cf;border:1px solid #77425d;border-radius:20px;padding:2px 9px;font-size:11px}.card h3{font-size:20px;margin:13px 0 9px;cursor:pointer;line-height:1.5}.card p{color:#d7c6d0;white-space:pre-line;overflow-wrap:anywhere}.card-actions{border-top:1px solid #453242;margin-top:17px;padding-top:12px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.card-actions button{color:#cbb9c5}.card-actions button:hover,.card-actions .active{color:#ff89b4}.spacer{flex:1}.muted{color:var(--muted)}.empty,.legal,.form-card{padding:26px;margin-bottom:18px}.empty{text-align:center;padding:50px 25px;color:var(--muted)}.empty h3{color:white}.field{display:flex;flex-direction:column;gap:6px;margin:15px 0}.field label{color:#e8cad9;font-size:12px;font-weight:bold}.field input,.field select,.field textarea,.search-input{background:#130f17;border:1px solid #655064;border-radius:12px;color:white;padding:12px;width:100%;outline:0}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:120px}.search-input{margin-bottom:14px}.counter{color:var(--muted);font-size:11px}.form-card h2{margin:0 0 7px}.form-card p{color:var(--muted)}.flex{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:13px}.overlay{position:fixed;inset:0;z-index:100;background:#08060be8;display:grid;place-items:center;padding:16px;overflow:auto}.modal{background:linear-gradient(135deg,#302030,#1b1720);border:1px solid #765266;box-shadow:0 28px 90px #0009;border-radius:23px;padding:32px;width:min(100%,465px);max-height:95vh;overflow:auto}.modal h1,.modal h2{margin:10px 0}.modal p{color:var(--muted)}.gate{text-align:center}.logo-symbol{margin:auto;width:70px;height:70px;font-size:40px}.gate .wide{margin-top:12px}.notice{border:1px solid #915771;color:#f1cbd8;background:#4b2839;border-radius:12px;padding:12px;margin:17px 0;text-align:right;font-size:12px}.close{float:left;font-size:24px}.check{display:flex;gap:9px;align-items:center;color:#e0c4d3;margin:12px 0}.check input{accent-color:#d24a7c}.legal h2{color:#f9a7c5}.legal h3{color:#eab1c6}.legal li{margin-bottom:9px}.thread{padding:24px}.comment{padding:14px 0;border-bottom:1px solid #4a3644}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;bottom:25px;left:25px}.mobile-nav{display:none}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}.mini{background:#281c28;border:1px solid var(--border);padding:18px;border-radius:16px;text-align:right}.mini:hover{background:#3a2636}.mini strong{display:block;color:#fff;font-size:17px}.mini span{color:var(--muted);font-size:12px}.pill{background:#513149;color:#ffb5d2;border-radius:25px;padding:4px 10px;font-size:12px}.line{border-top:1px solid var(--border);margin:20px 0}#toast{position:fixed;bottom:24px;left:24px;background:#543247;border:1px solid #cc7197;border-radius:12px;padding:12px 20px;box-shadow:0 10px 35px #0009;display:none;z-index:200;max-width:360px}#toast.show{display:block}@media(max-width:1170px){.right{display:none}.shell{grid-template-columns:205px minmax(0,1fr)}.desktop-nav{gap:0}.desktop-nav button{font-size:12px;padding:7px}}@media(max-width:820px){.desktop-nav,.side{display:none}.shell{display:block;padding:16px 13px 95px}.top-inner{padding:10px 13px}.brand{font-size:22px}.brand-icon{width:38px;height:38px}.head-actions{gap:5px}.head-actions .logged.primary{display:none!important}.hero{padding:26px 20px}.hero p{font-size:14px}.card{padding:17px}.card h3{font-size:18px}.mobile-nav{position:fixed;bottom:0;right:0;left:0;z-index:20;display:flex;justify-content:space-around;background:#211721f5;backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:9px 4px calc(9px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:0;color:#e7d1dd;font-size:23px;min-width:57px}.mobile-nav small{font-size:10px}.modal{padding:23px}.split{grid-template-columns:1fr}}@media(max-width:450px){.head-actions .outline{padding:8px 10px;font-size:11px}.hero h1{font-size:30px}.mini-grid{grid-template-columns:1fr 1fr}.mini{padding:13px}.mini strong{font-size:15px}}
/* Attached images in community posts */
.post-photo-field input[type=file]{border:1px dashed #a55d81;background:#251724;padding:12px;border-radius:12px;color:#ebd2df}.post-photo-field input[type=file]::file-selector-button{background:#813655;color:white;border:0;border-radius:9px;padding:7px 12px;margin-left:12px}.post-photo-preview{display:block;width:100%;max-height:300px;object-fit:contain;border:1px solid #694459;border-radius:14px;background:#140f16}.post-photo-field #clearPostPhoto{align-self:flex-start}.post-inline-image{display:block;width:100%;max-height:440px;object-fit:contain;background:#160f19;border:1px solid #51354a;border-radius:14px;margin:16px 0}.post-detail-image{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:13px;background:#130e15;margin:18px auto;border:1px solid #68425a}

/* Edit published post */
.modal:has(.post-editor){width:min(780px,94vw);padding:clamp(20px,3vw,34px)}.post-editor h2{font-size:24px;margin:0 0 7px}.post-editor .field textarea{min-height:155px}.post-editor .post-remove-current{align-self:flex-start}.post-edit-control{color:#f6a2c5!important;font-weight:700}.post-owner-actions{margin:16px 0 0;display:flex;justify-content:flex-start}.post-editor .post-photo-preview{max-height:250px}@media(max-width:680px){.modal:has(.post-editor){width:min(96vw,780px);padding:18px}.post-editor h2{font-size:20px}}

.post-editor .post-save-top{position:sticky;top:0;z-index:5;display:block;margin:8px 0 15px;min-width:150px;box-shadow:0 6px 20px #0008}.post-editor .post-save-top:hover{filter:brightness(1.12)}

/* Optimized images for homepage, feeds and full-screen viewing */
.card .post-inline-image{width:100%;height:clamp(200px,28vw,300px);max-height:300px;object-fit:contain;object-position:center;background:#170f19;border:1px solid #583a4e;border-radius:15px;display:block;margin:15px auto;cursor:zoom-in}
.thread .post-detail-image{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;cursor:zoom-in}
.article-cover img,.post-inline-image,.post-detail-image{cursor:zoom-in}
.raghba-image-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(7,5,10,.95);display:flex;align-items:center;justify-content:center;padding:55px 22px 26px;cursor:zoom-out}
.raghba-image-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 85px);width:auto;height:auto;object-fit:contain;box-shadow:0 14px 55px #0008;border-radius:10px;cursor:default}
.raghba-image-close{position:absolute;top:15px;left:18px;min-width:43px;min-height:43px;border:1px solid #9d6683;border-radius:50%;background:#332034;color:white;font-size:26px;line-height:1;cursor:pointer}
body.raghba-lightbox-open{overflow:hidden}
@media(max-width:650px){.card .post-inline-image{height:240px;max-height:240px}.thread .post-detail-image{max-height:340px}.raghba-image-lightbox{padding:65px 12px 20px}.raghba-image-lightbox img{max-height:calc(100dvh - 100px)}}
