:root{--bg:#f7f8fb;--panel:#ffffff;--panel-soft:#f2f5f9;--text:#17202e;--muted:#647084;--quiet:#8791a1;--border:#dbe1ea;--accent:#3a63d8;--accent-strong:#2549b8;--danger:#b42318;--success:#177245;--radius:8px}*{box-sizing:border-box}html{color-scheme:light}body{min-height:100vh;margin:0;background:linear-gradient(180deg,rgba(233,238,247,.8) 0,rgba(247,248,251,0) 22rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:24px 0 56px}.topbar{justify-content:space-between;gap:16px;margin-bottom:22px;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(34,46,72,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--text);font-size:15px;font-weight:650}.brand-mark{width:28px;height:28px;border:1px solid #cbd6ea;border-radius:50%;background:linear-gradient(145deg,#ffffff,#b8c8f2 48%,#3155c7);box-shadow:0 8px 18px rgba(58,99,216,.18)}.nav{display:flex;align-items:center;gap:8px}.ghost-button,.nav a,.primary-button{min-height:38px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--muted);background:#ffffff;font-size:13px;font-weight:560;cursor:pointer}.primary-button{border-color:var(--accent-strong);color:#ffffff;background:var(--accent-strong);box-shadow:0 8px 18px rgba(37,73,184,.16)}.primary-button:disabled{cursor:not-allowed;opacity:.56}.ghost-button:hover,.nav a:hover{border-color:#b9c4d4;background:#f8fafc;color:var(--text)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.stack{display:grid;grid-gap:14px;gap:14px}.panel{border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 14px 36px rgba(34,46,72,.08)}.panel-body{padding:20px}.section-title{margin:0 0 12px;color:var(--text);font-size:15px;font-weight:680}.meta,.muted{color:var(--muted)}.meta{font-size:12px;line-height:1.6}.message{border:1px solid rgba(23,114,69,.18);border-radius:var(--radius);padding:11px 12px;color:var(--success);background:rgba(23,114,69,.08);font-size:13px}.field{display:grid;grid-gap:8px;gap:8px}.label{color:var(--muted);font-size:12px;font-weight:620}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px;color:var(--text);background:#ffffff;outline:none}.textarea{min-height:132px;resize:vertical;line-height:1.65}.input:focus,.select:focus,.textarea:focus{border-color:rgba(58,99,216,.72);box-shadow:0 0 0 3px rgba(58,99,216,.12)}.form-row{display:flex;gap:10px;align-items:flex-end}.form-row .field{flex:1 1}.form-row-end{justify-content:space-between}.post{display:grid;grid-gap:12px;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.post:last-child{border-bottom:0}.post p{margin:0;color:#243044;line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere}.post-head{display:flex;justify-content:space-between;gap:14px;color:var(--quiet);font-size:12px}.reaction-row{display:flex;flex-wrap:wrap;gap:8px}.empty{padding:32px 18px;color:var(--muted);text-align:center}.account-row{display:grid;grid-gap:7px;gap:7px;padding:12px 0;border-bottom:1px solid var(--border)}.account-row:last-child{border-bottom:0}.code{display:inline-flex;max-width:100%;border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--accent-strong);background:var(--panel-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow-wrap:anywhere}.login{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,rgba(37,73,184,.08),transparent 36rem),var(--bg)}.login-card{width:min(460px,100%)}.login-title{margin:0 0 8px;font-size:28px;letter-spacing:0}.login-copy{margin:0 0 22px;color:var(--muted);line-height:1.65}@media (max-width:820px){.shell{width:min(100% - 24px,1120px);padding-top:16px}.topbar{align-items:flex-start;flex-direction:column}.nav{width:100%}.ghost-button,.nav a{flex:1 1;text-align:center}.form-row,.grid{grid-template-columns:1fr;display:grid}}