:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050505;color:#f7f1dc;line-height:1.6}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:radial-gradient(circle at top,#8b0000,#0a0505 55%)}button,input,textarea{font:inherit}.page-shell{position:relative;display:flex;min-height:100vh;flex-direction:column}.auth-corner{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:1rem;z-index:1000;flex-wrap:wrap;max-width:300px}.user-display{color:#ffe6a2;font-weight:700;font-size:.95rem;text-align:right}.hero-section{padding:4rem 1.5rem 3rem;text-align:center;background:linear-gradient(180deg,#2d0000e6,#000000f0)}.brand-panel{max-width:840px;margin:0 auto}.badge{display:inline-flex;align-items:center;justify-content:center;background:#d4041f;color:#fff2b6;padding:.85rem 1.2rem;border-radius:999px;font-weight:800;letter-spacing:.2em;margin-bottom:1.25rem}.hero-section h1{margin:0;font-size:clamp(3rem,6vw,5rem);letter-spacing:.02em;color:#fff}.hero-section p{max-width:720px;margin:1.3rem auto 0;color:#f8e4a1;font-size:1.1rem}.buttons-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.button{border:none;cursor:pointer;border-radius:999px;padding:.95rem 1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:transform .2s ease,filter .2s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.primary{background:#d4041f;color:#fff}.secondary{background:#f6c258;color:#120b00}.signed-in,.status-message{margin-top:1rem;color:#ffdd7a}.content-area{width:min(1200px,100%);margin:0 auto;padding:2rem 1.5rem 3rem;flex:1}.info-cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.info-card{border:1px solid rgba(255,222,122,.18);border-radius:24px;padding:1.6rem;background:#ffffff08;box-shadow:0 24px 50px #00000059}.info-card h2{margin-top:0;color:#ffdc70}.post-section{display:grid;gap:2rem;grid-template-columns:1.2fr 1fr}.post-panel,.post-feed{padding:2rem;border-radius:28px;background:#0c0808d1;border:1px solid rgba(255,255,255,.08)}.post-panel h2,.post-feed h2{margin-top:0;color:#ffe17f}.post-form label{display:block;margin-bottom:1rem;color:#fff2d8}.post-form input,.post-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.95rem 1rem;background:#ffffff0a;color:#f6e4b3;outline:none}.post-form input::placeholder,.post-form textarea::placeholder{color:#ffe5a3b3}.post-form textarea{resize:vertical}.post-form button{margin-top:.75rem}.post-card{border:1px solid rgba(212,4,31,.18);background:#180505e6;border-radius:24px;padding:1.5rem;margin-bottom:1rem}.post-label{display:inline-flex;align-items:center;margin-bottom:.8rem;font-weight:700;color:#ffd16b}.post-card p{margin:0 0 1rem;color:#f3e1b4}.post-card footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#c7b07c;font-size:.95rem}.reply-summary{margin-bottom:1rem;color:#ffd16b;font-weight:700}.reply-list{display:grid;gap:.75rem;margin-bottom:1rem}.reply-item{border:1px solid rgba(255,209,107,.18);border-radius:18px;padding:.95rem 1rem;background:#ffffff0a}.reply-author{font-size:.95rem;font-weight:700;color:#ffe6a2;margin-bottom:.35rem}.reply-time{margin-top:.5rem;font-size:.85rem;color:#c7b07c}.reply-form-row{display:grid;gap:.75rem}.reply-form-row textarea{min-height:3.5rem}.reply-form-row button{width:fit-content}.reply-limit-info{margin-top:.5rem;color:#ffd16b;font-size:.9rem}.post-limit-info{margin-top:.75rem;color:#ffd16b;font-size:.9rem}.empty-state{color:#f0d199}.voice-section{margin:1rem 0}.voice-section label{display:block;margin-bottom:.5rem;color:#ffd16b;font-weight:600}.voice-message{margin:1rem 0;padding:.75rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,209,107,.2)}.voice-message audio{width:100%;max-width:300px}.reply-voice{margin:.5rem 0}.reply-voice .voice-section label{font-size:.9rem;margin-bottom:.25rem}.page-footer{text-align:center;padding:1.5rem 1.5rem 2rem;color:#a77b29}@media (max-width: 880px){.post-section{grid-template-columns:1fr}}