:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f8ff;background:#0b1020}*{box-sizing:border-box}body{margin:0 auto;max-width:760px;padding:0 18px 40px;min-height:100vh;background:radial-gradient(ellipse at top,#26345d,#0b1020 55%)}header{height:68px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;letter-spacing:2px}.logo span,small{color:#aa9cff}#status{font-size:12px;background:#1c2944;padding:7px 11px;border-radius:20px}.hero{padding:30px 4px 22px}.hero h1{font-size:clamp(38px,9vw,58px);line-height:1;margin:8px 0}.hero p,.card p{color:#aab6d0;line-height:1.5}.card{background:#151e35;border:1px solid #2b3655;border-radius:20px;padding:20px;margin:14px 0}.card h2{margin:8px 0}.card small{font-weight:800;letter-spacing:2px}.card label{display:block;margin-top:15px;color:#cbd5e1}button{width:100%;padding:13px 16px;border:0;border-radius:13px;background:#8878ff;color:white;font:inherit;font-weight:700;margin-top:10px}.alt,.tab{background:#273454;color:#eef0ff}input,textarea{display:block;width:100%;margin-top:8px;background:#0d1529;border:1px solid #34415f;border-radius:12px;padding:13px;color:white;font:inherit}textarea{resize:vertical}.hidden{display:none!important}.notice,.person{margin-top:12px;padding:13px;border-radius:12px;background:#202d4b;overflow-wrap:anywhere}.notice textarea{margin-top:8px}nav{display:flex;gap:8px;margin:12px 0}.tab{width:auto}.tab.active{background:#8878ff}.panel.hidden{display:none}footer{text-align:center;color:#8998b8;font-size:12px;padding:30px}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;margin:4px 0 12px}.avatar-empty{display:grid;place-items:center;background:#34415f;color:#cbd5e1;font-weight:800;font-size:24px}.person code{overflow-wrap:anywhere}.person button{margin-top:8px}

.theme-toggle{background:#273454;color:#eef0ff;border:0;border-radius:12px;padding:8px 12px;margin-left:8px}
.feed-post{padding:12px 0;border-bottom:1px solid #34415f}.feed-post:last-child{border-bottom:0}.feed-post small{color:#9aa8c4}
body.light{background:#f3f5ff;color:#172033}body.light .hero p,body.light .card p{color:#53617c}body.light .card{background:#fff;border-color:#dce2f3}body.light input,body.light textarea{background:#f8f9ff;color:#172033;border-color:#ccd4e8}body.light .tab{background:#e5e9f7;color:#26314b}body.light .tab.active{background:#7767ed;color:#fff}body.light .theme-toggle{background:#e5e9f7;color:#26314b}body.light .person{background:#edf1fb}body.light .feed-post{border-color:#dce2f3}