*{box-sizing:border-box}:root{--bg:#111;--bg-strong:#000;--fg:#eee;--muted:#999;--border:#333;--card-bg:#1a1a1a;--input-bg:#1c1c1c;--accent:#4da3ff;--accent-contrast:#000;--success:#6fdc8c;--danger:#ff6b6b;--radius:8px}[data-theme=light]{--bg:#f4f5f7;--bg-strong:#fff;--fg:#16181c;--muted:#656b74;--border:#dcdfe4;--card-bg:#fff;--input-bg:#fff;--accent:#1a73e8;--accent-contrast:#fff;--success:#1c8a4d;--danger:#c8372f}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background .15s ease,color .15s ease}a{color:var(--accent);text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:var(--bg-strong);border-bottom:1px solid var(--border);flex-wrap:wrap}.logo{margin:0;color:var(--fg);font-size:22px;letter-spacing:1px}.topbar nav{display:flex;gap:16px;flex-wrap:wrap}.user-area{margin-left:auto;display:flex;align-items:center;gap:10px}button{background:var(--accent);color:var(--accent-contrast);border:none;padding:8px 14px;border-radius:var(--radius,6px);cursor:pointer;font-weight:600}button:hover{opacity:.85}button:disabled{opacity:.5;cursor:default}main{flex:1 1;padding:20px;max-width:760px;margin:0 auto;width:100%}input,select,textarea{background:var(--input-bg);border:1px solid var(--border);color:var(--fg);padding:8px 10px;border-radius:var(--radius,6px);font-size:14px}.auth-box{max-width:320px;margin:40px auto}.auth-box,.auth-box form{display:flex;flex-direction:column;gap:10px}.error{color:var(--danger)}.link-btn{background:none;color:var(--accent);text-decoration:underline;padding:0}.chat-page{gap:12px}.chat-box,.chat-page{display:flex;flex-direction:column}.chat-box{background:var(--bg-strong);border:1px solid var(--border);border-radius:var(--radius,8px);height:420px;overflow-y:auto;padding:12px;gap:6px}.chat-line{display:flex;align-items:center;gap:6px;font-size:14px;word-break:break-word}.chat-line strong{color:var(--accent)}.chat-form{display:flex;gap:8px}.chat-form input{flex:1 1}.hint{font-size:13px;color:var(--muted)}.hint a{color:var(--accent)}.guest-tag{font-style:italic}.bio,.guest-tag{color:var(--muted)}.bio{font-size:13px;margin:-4px 0 4px}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.avatar-xs{width:20px;height:20px;font-size:10px}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-lg{width:84px;height:84px;font-size:30px}.avatar-xl{width:120px;height:120px;font-size:42px}.avatar-placeholder{background:var(--accent);color:var(--accent-contrast)}.post-author{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--accent);margin-bottom:6px}.post-image{max-width:100%;border-radius:var(--radius,6px);margin-top:8px;display:block}.settings-page{gap:24px}.settings-form,.settings-page{display:flex;flex-direction:column}.settings-form{gap:8px}.settings-form label{font-size:13px;color:var(--muted);margin-top:8px}.avatar-row{display:flex;align-items:center;gap:14px}.success{color:var(--success)}.theme-options{display:flex;gap:8px;flex-wrap:wrap}.theme-option{background:var(--input-bg);color:var(--fg);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius,6px);cursor:pointer;font-weight:500}.theme-option.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:700}.private-page{display:flex;gap:16px}.user-list{width:160px;display:flex;flex-direction:column;gap:4px}.user-item{padding:8px 10px;border-radius:var(--radius,6px);cursor:pointer;background:var(--input-bg);display:flex;align-items:center;gap:8px}.user-item.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.chat-area{flex:1 1;display:flex;flex-direction:column;gap:10px}.empty{font-size:13px;color:var(--muted)}.posts-page{gap:20px}.post-form,.posts-page{display:flex;flex-direction:column}.post-form{gap:8px}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius,8px);padding:14px}.post-date{font-size:12px;color:var(--muted);margin-top:8px}.comments-toggle{margin-top:10px;font-size:13px}.comments-box{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.comment-line{font-size:13px}.comment-line strong{color:var(--accent)}.comment-form{display:flex;gap:6px}.comment-form input{flex:1 1;font-size:13px}.profile-page{display:flex;flex-direction:column;gap:20px}.profile-header{display:flex;align-items:center;gap:18px}.profile-name{font-size:22px;font-weight:700;margin:0}.profile-username{color:var(--muted);font-size:14px;margin:2px 0 0}.profile-bio{margin:4px 0 0}.profile-actions{display:flex;gap:8px}@media (max-width:600px){.private-page{flex-direction:column}.user-list{width:100%;flex-direction:row;flex-wrap:wrap}}body.density-compact .topbar{padding:6px 12px;gap:14px}body.density-compact main{padding:10px}body.density-compact .chat-box{padding:6px;gap:2px}body.density-compact .post-card{padding:8px}body.density-compact .post-list{gap:8px}body.density-compact input,body.density-compact select,body.density-compact textarea{padding:5px 8px}.advanced-page{display:flex;flex-direction:column;gap:28px}.advanced-back{font-size:13px}.theme-list{display:flex;flex-direction:column;gap:6px}.theme-list-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius,8px);padding:8px 10px}.theme-list-item.active{border-color:var(--accent)}.theme-list-actions{display:flex;gap:6px}.theme-list-actions button{padding:4px 10px;font-size:12px}.theme-code-box{display:flex;flex-direction:column;gap:6px}.theme-code-box textarea{font-family:monospace;font-size:12px;resize:vertical;min-height:70px}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.color-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.color-field input[type=color]{width:100%;height:34px;padding:2px;cursor:pointer}.theme-preview{border:1px solid var(--border);border-radius:var(--radius,8px);padding:14px;background:var(--bg);color:var(--fg)}.theme-preview .tp-topbar{background:var(--bg-strong);padding:8px 12px;font-weight:700}.theme-preview .tp-card,.theme-preview .tp-topbar{border:1px solid var(--border);border-radius:var(--radius,8px);margin-bottom:10px}.theme-preview .tp-card{background:var(--card-bg);padding:10px}.theme-preview .tp-muted{color:var(--muted);font-size:12px}.theme-preview .tp-button{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius,8px);padding:6px 12px;font-weight:600;display:inline-block}.radio-row{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.radio-row label{display:flex;align-items:center;gap:6px}.profile-widget{border:1px solid var(--border);border-radius:var(--radius,8px);padding:14px;margin:14px 0;background:var(--card-bg);color:var(--fg)}.widget-emoji{font-size:22px;display:block;margin-bottom:4px}.widget-title{font-weight:700}.widget-text{font-size:14px;margin-top:2px}.widget-link{display:inline-block;margin-top:8px;font-weight:600;text-decoration:underline}.story-card{position:relative}.story-badge{margin-left:auto;font-size:11px;color:var(--muted);font-weight:400}