:root{--bg:#09101b;--panel:#121b29dc;--line:#37506e;--text:#edf6ff;--muted:#9caec7;--accent:#4b9dff;--accent2:#67e8f9;--message:#07101bdd;--input:#08101be8;--logo1:#b8f3ff;--logo2:#f35ce5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#050812 url('assets/retro-chat-background.png') center/cover fixed;color:var(--text);font:14px Segoe UI,Tahoma,Arial,sans-serif}.hidden{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#18283bd9;color:var(--text);padding:8px 11px}button:hover{filter:brightness(1.18)}.primary{background:var(--accent);color:#fff}.retro-logo{margin:0;background:linear-gradient(180deg,var(--logo1),#fff 40%,var(--logo2));background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:900;font-style:italic;text-shadow:0 2px 12px #d64cff77}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#07111a70}.auth-card{width:min(390px,100%);padding:34px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #000b;backdrop-filter:blur(13px)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--accent);font-size:28px;font-weight:800}.brand-mark.small{display:inline-grid;width:27px;height:27px;border-radius:7px;font-size:17px}.auth-card h1{margin:16px 0 3px;font-size:32px}.auth-card p{margin:0 0 25px;color:var(--muted)}label{display:block;margin:14px 0 6px;color:#cbd5e1;font-size:12px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--input);color:var(--text);padding:10px}.auth-actions{display:flex;gap:9px;margin-top:20px}.auth-actions button{flex:1}.auth-message{min-height:20px;margin-top:15px;color:#fda4af}.app-shell{height:100vh;display:grid;grid-template-rows:56px minmax(0,1fr);position:relative;background:#06101a66}.topbar{display:flex;align-items:center;gap:16px;padding:0 18px;background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;font-size:18px}.version,.connection-status{color:var(--muted);font-size:12px}.connection-status{margin-left:auto}.quiet-button{padding:6px 10px;background:#121b29a8}.chat-layout{min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr) 225px}.sidebar{min-height:0;background:var(--panel);padding:14px;border-right:1px solid var(--line);backdrop-filter:blur(10px)}.users-panel{border-right:0;border-left:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;margin:2px 1px 12px;color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:.07em}.count{color:var(--muted)}.room-list,.user-list{display:flex;flex-direction:column;gap:2px}.room,.user{display:flex;align-items:center;gap:7px;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left}.room:hover,.user:hover{background:#ffffff16}.room.active{background:linear-gradient(90deg,var(--accent),#bd39d688);box-shadow:0 0 13px #48aaff66;color:#fff}.user .op{width:15px;color:#ffd54a;font-weight:bold}.user:not(.is-self) .op{color:var(--accent2)}.new-channel{width:100%;margin-top:13px}.chat-panel{min-width:0;min-height:0;display:grid;grid-template-rows:53px minmax(0,1fr) 68px;background:var(--message)}.channel-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#101b2bd0;backdrop-filter:blur(10px)}.channel-header b{font-size:16px;color:var(--accent2)}.channel-header #topic,.channel-label{margin-left:8px;color:var(--muted);font-size:12px}.messages{min-height:0;overflow:auto;padding:15px 18px;font-family:Consolas,monospace;font-size:13px;line-height:1.48}.nick{color:#74d391}.sys{color:#9caec7}.action{color:#f7c85e}.private{color:#f0a4ef}.time{color:#65748b}.help-line{padding:2px 0 2px 10px}.message-input{display:flex;gap:9px;padding:13px 16px;border-top:1px solid var(--line);background:#101b2bd0}.message-input input{flex:1}.moderation{margin:13px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#101a2ddd}.moderation-title,.settings-title{display:flex;justify-content:space-between;margin-bottom:9px;font-weight:700}.moderation button{margin:2px;padding:6px 8px;font-size:12px}.moderation .danger{background:#74313e}.icon-button{padding:0!important;width:24px;height:24px;border:0;background:transparent;font-size:20px}.nick-editor{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.nick-editor div{display:flex;gap:6px}.settings-menu{position:absolute;z-index:5;top:48px;right:78px;width:220px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 40px #000a;backdrop-filter:blur(14px)}.settings-menu label{margin-top:0}body[data-theme="dark"]{--bg:#101216;--panel:#16191feF;--line:#333842;--accent:#6655d9;--accent2:#b2a6ff;--message:#101216e8;--input:#0c0e12;--logo1:#e7e7ee;--logo2:#a8a6b8}body[data-theme="modern"]{--bg:#edf3fa;--panel:#fffffff0;--line:#d5dfeb;--text:#233044;--muted:#64748b;--accent:#2870db;--accent2:#2563eb;--message:#f8fbffff;--input:#fff;--logo1:#1e5cb8;--logo2:#715dd8}body[data-theme="neon"]{--bg:#080310;--panel:#10071de8;--line:#9634dd;--text:#e9faff;--muted:#c3a6df;--accent:#f02ddc;--accent2:#20e8ff;--message:#05010be8;--input:#0b0513;--logo1:#20e8ff;--logo2:#ff32dd}body[data-theme="retro"]{--bg:#171717;--panel:#d5d0c5ed;--line:#777;--text:#111;--muted:#4d4d4d;--accent:#000080;--accent2:#000080;--message:#000000e8;--input:#fff;--logo1:#000080;--logo2:#000080}body[data-theme="retro"] .messages{color:#ddd}body[data-theme="retro"] .room.active{background:#000080;box-shadow:none}@media(max-width:780px){.chat-layout{grid-template-columns:150px minmax(0,1fr)}.users-panel{display:none}}@media(max-width:520px){.chat-layout{grid-template-columns:minmax(0,1fr)}.channels-panel{display:none}.channel-label{display:none}.auth-card{padding:26px 22px}}
.captcha-check{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}.captcha-check input{width:auto}.captcha-row{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;margin-top:7px}.captcha-row span{white-space:nowrap;color:var(--accent2);font-weight:800}.captcha-row button{padding:9px 11px}
.auth-link{margin-top:12px;padding:0;border:0;background:none;color:var(--accent2);font-size:12px;text-decoration:underline}
@media(max-width:780px){.app-shell{height:auto;min-height:100vh;grid-template-rows:56px auto}.chat-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(48vh,1fr) auto}.channels-panel,.users-panel{display:block;min-height:auto;max-height:210px;overflow:auto;border:0;border-bottom:1px solid var(--line)}.channels-panel{order:1}.chat-panel{order:2;min-height:48vh}.users-panel{order:3;border-top:1px solid var(--line);border-bottom:0}.users-panel .user-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.users-panel .user-group-title{grid-column:1/-1}.message-input{position:sticky;bottom:0}}@media(max-width:520px){.chat-layout{grid-template-columns:minmax(0,1fr)}.channels-panel{display:block}.users-panel{display:block}.users-panel .user-list{grid-template-columns:1fr}.auth-card{padding:26px 22px}.captcha-row{grid-template-columns:auto minmax(0,1fr) auto}}
.contact-card{position:fixed;z-index:3;top:20px;right:22px;display:flex;flex-direction:column;gap:8px;min-width:210px;padding:13px 15px;background:#0d1529d9;border:1px solid #7c3aed;border-radius:11px;box-shadow:0 12px 32px #0008;backdrop-filter:blur(12px);color:#f1e8ff}.contact-card b{color:#e9a4ff;font-size:13px;letter-spacing:.04em}.contact-card a{color:#b6efff;text-decoration:none;font-size:13px}.contact-card a:hover{color:#fff;text-decoration:underline}@media(max-width:520px){.contact-card{top:10px;right:10px;min-width:0;padding:9px 11px}.contact-card a{font-size:0}.contact-card a::first-letter{font-size:15px}.contact-card b{font-size:0}.contact-card b::first-letter{font-size:15px}}