.square-page{min-height:100vh;background:radial-gradient(circle at 10% -5%,#523979 0,transparent 31rem),radial-gradient(circle at 93% 20%,#17445a 0,transparent 35rem),#120a21;color:#f8f2ff}.square-main{width:min(1020px,calc(100% - 40px));margin:auto;padding:58px 0 100px}.square-hero{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.eyebrow{margin:0;color:#e7bc7b;font-size:.75rem;letter-spacing:.15em;font-weight:800}.square-hero h1{margin:10px 0;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.04em}.square-hero>div>p:last-child{max-width:650px;color:#d8cbe6;line-height:1.7;font-size:1.04rem}.square-hero aside{display:grid;gap:7px;min-width:220px;padding:17px 18px;border:1px solid rgba(188,152,255,.38);border-radius:16px;background:rgba(37,22,60,.58)}.square-hero aside strong{color:#f0d39c}.square-hero aside span,.composer-bottom small{color:#cbbdda;font-size:.82rem;line-height:1.5}.square-composer{padding:23px;border:1px solid rgba(218,180,255,.5);border-radius:20px;background:linear-gradient(135deg,rgba(69,42,102,.86),rgba(28,16,49,.94));box-shadow:0 20px 55px rgba(0,0,0,.22)}.composer-title{display:flex;justify-content:space-between;align-items:start;gap:16px}.composer-title h2{margin:7px 0 15px;font-size:1.32rem}.composer-title>span{border:1px solid rgba(231,188,123,.42);border-radius:999px;padding:7px 10px;color:#f0d39c;font-size:.77rem}.source-chip{margin:0 0 10px;color:#9ee8df;font-size:.85rem}.source-chip:not([hidden]){display:block}.square-composer textarea{width:100%;box-sizing:border-box;min-height:118px;resize:vertical;border:1px solid rgba(187,153,255,.45);border-radius:13px;background:#160c28;color:white;padding:13px;font:inherit;line-height:1.55}.square-composer textarea:focus,.reply-form input:focus{outline:2px solid #73d9d0;outline-offset:1px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.square-composer button,.message-card button{cursor:pointer;font:inherit}.composer-bottom button{border:0;border-radius:10px;background:#e7bc7b;color:#251538;padding:11px 18px;font-weight:800}.composer-bottom button:disabled{opacity:.55}.status{min-height:1.15em;margin:9px 0 0;color:#f0d39c;font-size:.85rem}.square-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:34px 0 18px}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-group button{border:1px solid rgba(188,152,255,.35);border-radius:999px;background:rgba(34,20,55,.48);color:#dcd0e9;padding:8px 11px;font:inherit;font-size:.82rem;cursor:pointer}.filter-group button.is-active,.filter-group button:hover{border-color:#e7bc7b;background:#4d326c;color:#fff}.square-controls label{color:#cbbdda;font-size:.86rem}.square-controls select{margin-left:8px;border:1px solid rgba(188,152,255,.4);border-radius:8px;background:#281b40;color:#fff;padding:8px;font:inherit}.list-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px}.list-heading h2{font-size:1.28rem}.list-heading span{color:#bcaed0;font-size:.82rem}.message-list{display:grid;gap:14px}.message-card,.loading-card{padding:19px 20px;border:1px solid rgba(188,152,255,.28);border-radius:16px;background:linear-gradient(135deg,rgba(54,33,80,.75),rgba(23,14,40,.86))}.message-card header{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;background:conic-gradient(from 120deg,#6d49aa,#24b6b9,#e9b968,#6d49aa);box-shadow:inset 0 0 0 4px #211534}.message-card header strong{font-size:.96rem}.message-card .meta{margin:3px 0 0;color:#bfb0d0;font-size:.76rem}.message-card time{margin-left:auto;color:#ab9abb;font-size:.76rem;white-space:nowrap}.scene-link{display:inline-block;margin:15px 0 0;color:#8ee6dc;text-decoration:none;font-size:.82rem}.scene-link:hover{text-decoration:underline}.message-text{margin:13px 0 15px;white-space:pre-wrap;line-height:1.7;color:#f2edf8}.message-card footer{display:flex;gap:13px}.message-card footer button{border:0;background:transparent;color:#c8b9d9;padding:3px 0;font-size:.84rem}.message-card footer button:hover,.message-card footer button.is-liked{color:#f0c574}.replies{display:grid;gap:10px;margin-top:15px;padding:14px 0 0 15px;border-top:1px solid rgba(188,152,255,.18);border-left:2px solid rgba(231,188,123,.36)}.reply{color:#d8cbe6;font-size:.88rem;line-height:1.55}.reply strong{color:#f0d39c;margin-right:7px}.reply-form{display:flex;gap:8px;margin-top:12px}.reply-form input{flex:1;min-width:0;border:1px solid rgba(188,152,255,.42);border-radius:8px;background:#180d29;color:#fff;padding:9px;font:inherit;font-size:.85rem}.reply-form button{border:0;border-radius:8px;background:#7653a8;color:#fff;padding:8px 12px;font-weight:700}.loading-card{text-align:center;color:#cbbdda}.empty-card{padding:35px;text-align:center;border:1px dashed rgba(188,152,255,.35);border-radius:14px;color:#cbbdda}@media(max-width:700px){.square-main{width:min(100% - 28px,1020px);padding-top:36px}.square-hero,.square-controls{align-items:start;flex-direction:column}.square-hero aside{width:calc(100% - 36px)}.composer-title,.composer-bottom{align-items:start;flex-direction:column}.composer-bottom button{width:100%}.square-controls{gap:13px}.message-card{padding:16px}.message-card time{display:none}}
