.drums-post-page { --lens:#91b7dc; background:radial-gradient(circle at 76% -8%,rgba(55,91,126,.18),transparent 31rem),#08090b; }
.drums-post-page .side-nav a.is-current::before{background:var(--lens);box-shadow:0 0 16px var(--lens)}
.drums-post-page .bottom-nav a.is-current{color:#c7dff4}.post-main{width:min(1050px,calc(100% - 64px))}.post-back{display:inline-block;margin-bottom:22px;color:#87919a;font-size:9px}.post-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#101216}
.photo-viewer{min-width:0;background:#050608}.photo-stage{position:relative;display:grid;aspect-ratio:1;place-items:center;overflow:hidden}.photo-slide{position:absolute;inset:0;display:none;margin:0}.photo-slide.is-active{display:block}.photo-slide img{width:100%;height:100%;object-fit:contain}.photo-slide span{position:absolute;right:14px;bottom:12px;color:rgba(255,255,255,.45);font:8px "Bebas Neue",sans-serif;letter-spacing:.2em;text-shadow:0 1px 4px #000}.photo-arrow{position:absolute;z-index:2;top:50%;display:grid;width:30px;height:30px;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,7,9,.45);color:#fff;cursor:pointer;font-size:22px}.photo-arrow.prev{left:12px}.photo-arrow.next{right:12px}.photo-position{position:absolute;z-index:2;top:12px;right:12px;border-radius:20px;background:rgba(5,7,9,.55);padding:5px 8px;font-size:8px}.photo-dots{display:flex;height:24px;align-items:center;justify-content:center;gap:5px}.photo-dots button{width:5px;height:5px;border:0;border-radius:50%;background:#4f555b;padding:0}.photo-dots button.is-active{background:#a9c7e2}
.post-detail{display:flex;min-width:0;flex-direction:column}.post-author{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding:15px}.post-avatar{width:34px;height:34px;overflow:hidden;border:1px solid #789fc3;border-radius:50%;padding:2px}.post-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-author div{display:grid;gap:2px}.post-author strong{font:13px "Bebas Neue",sans-serif;letter-spacing:.12em}.post-author small{color:#8495a4;font-size:6px;letter-spacing:.12em}.public-badge,.members-badge{margin-left:auto;border:1px solid rgba(145,183,220,.4);padding:4px 6px;color:#a8c6e0;font-size:6px}.post-caption{flex:1;overflow-y:auto;padding:24px 22px}.post-scene{margin-bottom:11px!important;color:#88adce!important;font-size:7px!important;letter-spacing:.13em}.post-caption h1{margin-bottom:18px;font-family:"Noto Serif JP",serif;font-size:24px;font-weight:500;line-height:1.5}.post-caption>p{color:#b1b7bd;font-size:10px;line-height:2}.post-caption time{display:block;margin-top:24px;color:#656d74;font-size:7px}.post-actions{display:flex;gap:15px;border-top:1px solid rgba(255,255,255,.1);padding:13px 16px 8px}.post-actions button{border:0;background:none;color:#d9e1e8;cursor:pointer;font-size:23px}.post-actions button.is-active{color:#83b5e2}.post-actions .favorite{margin-left:auto}.like-total{margin:0;padding:0 18px;font-size:9px}.comments-open{align-self:flex-start;border:0;background:none;padding:8px 18px;color:#77818a;cursor:pointer;font-size:8px}.post-message{min-height:13px;margin:0;padding:0 18px 12px;color:#91b7dc;font-size:7px}
.more-posts{margin-top:43px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}.more-posts h2{font:20px "Bebas Neue",sans-serif;letter-spacing:.13em}.more-posts>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.more-posts a{position:relative;aspect-ratio:1;overflow:hidden}.more-posts img{width:100%;height:100%;object-fit:cover}.more-posts .more-locked{filter:blur(8px) brightness(.45);transform:scale(1.08)}.more-posts a span{position:absolute;inset:0;display:grid;place-items:center;font-size:25px}
.comments-layer[hidden]{display:none}.comments-layer{position:fixed;z-index:80;inset:0}.comments-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.68)}.comments-panel{position:absolute;top:0;right:0;width:min(390px,92vw);height:100%;background:#101318;box-shadow:-20px 0 50px rgba(0,0,0,.45)}.comments-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:18px}.comments-panel h2{margin:0;font:21px "Bebas Neue",sans-serif;letter-spacing:.12em}.comments-panel h2 span{color:#7995ad;font-size:10px}.comments-panel header button{border:0;background:none;color:#fff;font-size:24px}.comment-list{padding:5px 19px}.comment-list article{border-bottom:1px solid rgba(255,255,255,.08);padding:17px 0}.comment-list b{font-size:9px}.comment-list p{margin:6px 0;color:#b7bec4;font-size:10px;line-height:1.7}.comment-list time{color:#626b73;font-size:7px}.comment-form{position:absolute;right:0;bottom:0;left:0;border-top:1px solid rgba(255,255,255,.1);background:#101318;padding:14px}.comment-form label{display:block;margin-bottom:6px;color:#7e8992;font-size:7px}.comment-form div{display:flex}.comment-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.13);background:#0b0d10;padding:10px;color:#fff}.comment-form button{border:0;background:#658caf;padding:0 14px;color:#fff;font-size:8px}
.locked-shell{width:min(970px,calc(100% - 48px));margin:0 auto;padding:42px 0}.locked-detail{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.locked-photo{position:relative;min-height:650px;overflow:hidden;background:#15181b}.locked-photo>img{width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(.42);transform:scale(1.08)}.watermark{position:absolute;right:18px;bottom:17px;color:rgba(255,255,255,.5);font:9px "Bebas Neue",sans-serif;letter-spacing:.17em;text-align:right}.large-lock{position:absolute;inset:0;display:grid;place-items:center}.large-lock i{position:relative;width:32px;height:27px;border:1px solid #d7e1e9}.large-lock i:before{content:"";position:absolute;top:-17px;left:7px;width:16px;height:16px;border:1px solid #d7e1e9;border-bottom:0;border-radius:10px 10px 0 0}.locked-join{margin:0 20px 20px;border:1px solid rgba(145,183,220,.28);background:rgba(71,110,145,.08);padding:24px;text-align:center}.locked-join>span{color:#88adce;font:9px "Bebas Neue",sans-serif;letter-spacing:.15em}.locked-join h2{margin:8px 0;font-size:18px}.locked-join p{color:#929da6;font-size:8px;line-height:1.8}.locked-join a{display:block;margin-top:15px;background:linear-gradient(100deg,#7138e8,#9838c8);padding:12px;color:#fff;font-size:9px;font-weight:700}.locked-join small{display:block;margin-top:9px;color:#626a70;font-size:6px}.secure-note{padding:0 20px;color:#656e75;text-align:center;font-size:7px}
@media(max-width:1080px){.locked-shell{padding:32px 0 100px}}
@media(max-width:700px){.post-main{width:calc(100% - 24px)}.post-card,.locked-detail{display:block}.photo-stage{aspect-ratio:1}.post-caption{padding:20px 17px}.post-caption h1{font-size:21px}.locked-shell{width:calc(100% - 24px)}.locked-photo{min-height:0;aspect-ratio:1}.locked-join{margin:0 15px 18px}.comments-panel{top:auto;bottom:0;width:100%;height:min(72vh,620px);border-radius:16px 16px 0 0}.more-posts{margin-top:34px}}

/* Readability pass */
.post-back,.post-author small,.public-badge,.members-badge,.photo-slide span,.photo-position,.post-scene,.post-caption time,.comments-open,.post-message,.comment-list time,.comment-form label,.comment-form button,.watermark,.locked-join>span,.locked-join small,.secure-note{font-size:11px!important}.post-caption>p,.comment-list p,.locked-join p{font-size:13px}.like-total,.comment-list b,.locked-join a{font-size:12px}.post-author strong{font-size:15px}
.comment-author-line{display:flex;align-items:center;gap:9px}.comment-avatar{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:linear-gradient(135deg,#282234,#17161d);object-fit:cover;color:#ddd6e9;font-size:9px}.comment-avatar[data-avatar-preset-value=violet]{background:linear-gradient(135deg,#7c45f1,#2a183e)}.comment-avatar[data-avatar-preset-value=blue]{background:linear-gradient(135deg,#4c9fdb,#192b4d)}.comment-avatar[data-avatar-preset-value=rose]{background:linear-gradient(135deg,#d76c9b,#46203c)}.comment-avatar[data-avatar-preset-value=silver]{background:linear-gradient(135deg,#d5d7df,#4b4e59);color:#17171c}