:root{--gold:gold;--amber:#ff8c00;--coral:#ff4d6d;--violet:#9b5de5;--cyan:#00f5ff;--green:#06d6a0;--red:#ff4d6d;--bg:#0a0a0f;--surface:#15171d;--surface2:#20232b;--sidebar-bg:#2b2c31;--card:#1a1a26;--text:#f0eee8;--text2:#c8c6c0;--muted:#7a7a9a;--border:#ffffff0f;--border2:#ffffff1a;--accent:linear-gradient(135deg, gold, #ff8c00);--accent2:linear-gradient(135deg, #9b5de5, #ff4d6d);--shadow:0 8px 32px #0006;--radius:12px;--radius-sm:8px;--sidebar-w:276px;--nicklist-w:264px;--header-h:56px;--input-h:64px;--touch-target:40px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Grotesk", "SF Mono", monospace}[data-theme=light]{--bg:#f5f3f0;--surface:#f2f3f5;--surface2:#e6e9ee;--sidebar-bg:#2b2c31;--card:#fff;--text:#1a1d2f;--text2:#4a4d5f;--muted:#8a8da0;--border:#00000014;--border2:#00000024;--shadow:0 8px 32px #0000001a}[data-theme=amber]{--bg:#0f0b05;--surface:#1a140a;--surface2:#252010;--card:#1a140a;--text:#f0e6c8;--text2:#c8b88a;--muted:#8a7a5a;--border:#ffc8500f;--border2:#ffc8501f;--accent:linear-gradient(135deg, gold, #ff6b00);--accent2:linear-gradient(135deg, #ff8c00, gold)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:var(--font-size-base,14px);overflow:hidden}#root{width:100%;height:100dvh;display:flex}.screen{width:100%;height:100%;display:none}.screen.active{display:flex}#screen-connect{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(1600px 600px at 50% -300px, #9b5de526, transparent 60%), radial-gradient(800px 400px at 80% 100%, #ffd70014, transparent 50%), var(--bg);justify-content:center;align-items:center}.connect-card{background:var(--card);border:1px solid var(--border2);width:400px;max-width:90vw;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem 2rem}.connect-logo{text-align:center;margin-bottom:2rem}.hz-logo{align-items:baseline;gap:0;display:inline-flex}.hz-num{font-family:var(--font-mono);background:var(--accent);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:800}.hz-unit{font-family:var(--font-mono);color:var(--muted);letter-spacing:-1px;font-size:1.6rem;font-weight:600}.connect-sub{color:var(--muted);letter-spacing:.3em;text-transform:uppercase;margin-top:.2rem;font-size:.85rem;display:block}.field{margin-bottom:1.2rem}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.field input,.field select{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;outline:none;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b5de526}.field input::placeholder{color:var(--muted);opacity:.6}.field-row{align-items:center;margin-bottom:1.5rem;display:flex}.checkbox-label{color:var(--text2);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--violet)}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);color:#0a0a0f;width:100%;font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .2s;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ffd70040}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.btn-spinner{font-size:1.2rem;animation:.8s linear infinite spin;display:inline-block}.btn-spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--red);text-align:center;border-radius:var(--radius-sm);background:#ff4d6d1a;margin-top:1rem;padding:.5rem;font-size:.85rem}.error-msg.hidden{display:none}.connect-info{color:var(--muted);justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.8rem;display:flex}.connect-info .dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%}.connect-note{border:1px solid var(--border);color:var(--text2);background:#ffffff0a;border-radius:14px;margin-bottom:1rem;padding:.85rem .95rem;font-size:.86rem;line-height:1.45}.connect-note strong{color:var(--text)}#screen-chat{flex-direction:row}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-header{padding:.8rem 1rem;padding-top:max(.8rem, var(--safe-top));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sidebar-logo .hz-mini{font-family:var(--font-mono);background:var(--accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.sidebar-actions{gap:.4rem;display:flex}.icon-btn{width:var(--touch-target);height:var(--touch-target);background:var(--surface2);color:var(--text2);border-radius:var(--radius-sm);cursor:pointer;border:none;place-items:center;font-size:1.1rem;line-height:1;transition:background .15s;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff14}.sidebar-section-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);padding:1rem 1rem .4rem;font-size:.65rem;font-weight:700}.sidebar-section-label.section-row{justify-content:space-between;align-items:center;display:flex}.sidebar-section-label.section-row .icon-btn-sm{color:var(--violet);font-size:1rem}.network-shell-card{border:1px solid var(--border2);background:linear-gradient(#9b5de529,#12121ae6);border-radius:14px;margin:.2rem .75rem .75rem;padding:.85rem}.network-shell-title{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.network-shell-copy{color:var(--text2);margin-top:.45rem;font-size:.82rem;line-height:1.45}.network-shell-hint{color:var(--text);margin-top:.55rem;font-size:.78rem;line-height:1.45}.network-shell-cta{margin-top:.75rem;padding:.7rem .85rem;font-size:.88rem}.network-shell-future{color:var(--muted);margin-top:.55rem;font-size:.73rem}.account-dashboard-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;margin:0 .75rem .75rem;padding:.85rem}.account-dashboard-title{color:var(--text);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}.account-dashboard-row{justify-content:space-between;gap:.75rem;margin-top:.55rem;font-size:.8rem;display:flex}.account-dashboard-label{color:var(--muted)}.account-dashboard-value{color:var(--text2);text-align:right;word-break:break-word}.account-dashboard-action{margin-top:.75rem;margin-left:0}.channel-list{flex:1;padding:.3rem .5rem;overflow-y:auto}.channel-group+.channel-group{margin-top:.4rem}.channel-group-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:.4rem .7rem .3rem;font-size:.68rem;font-weight:700}.channel-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text2);align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.9rem;transition:background .1s;display:flex}.channel-item:hover{background:#ffffff0a}.channel-item.active{color:var(--text);background:#9b5de526;font-weight:600}.channel-item .ch-prefix{color:var(--violet);opacity:.7;margin-right:.1rem}.unread-badge{background:var(--surface2);min-width:18px;height:18px;color:var(--text2);border-radius:9px;place-items:center;margin-left:auto;padding:0 5px;font-size:.7rem;font-weight:700;display:grid}.unread-badge.mention{background:var(--gold);color:#0a0a0f}.channel-item .ch-close{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;margin-left:auto;font-size:.8rem;transition:opacity .1s}.channel-item:hover .ch-close{opacity:1}.channel-item .ch-close:hover{color:var(--red)}.user-list{border-top:1px solid var(--border);max-height:140px;padding:.3rem .5rem;overflow-y:auto}.user-item{color:var(--text2);align-items:center;gap:.4rem;padding:.2rem .7rem;font-size:.82rem;display:flex}.user-item .user-op{color:var(--gold);margin-right:.1rem;font-weight:700}.user-item .user-voice{color:var(--cyan)}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.78rem;display:flex}.status-dot{border-radius:50%;flex:none;width:8px;height:8px}.status-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.disconnected{background:var(--muted)}.status-dot.error{background:var(--red);box-shadow:0 0 6px var(--red)}.text-btn{color:var(--muted);cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:none;margin-left:auto;font-size:.78rem;text-decoration:underline}.text-btn:hover{color:var(--red)}#main{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}#channel-header{padding:0 1.5rem;padding-top:var(--safe-top);min-height:var(--header-h);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;display:flex}.ch-info h2{font-size:1.1rem;font-weight:700}.ch-topic{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:500px;margin-top:.1rem;font-size:.78rem;display:block;overflow:hidden}.user-count{color:var(--muted);background:var(--surface2);border-radius:999px;padding:.3rem .7rem;font-size:.82rem}.user-list-panel{border-bottom:1px solid var(--border);background:var(--surface);flex:none;max-height:200px;overflow-y:auto}.user-list-panel-header{color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:.4rem 1rem;font-size:.78rem;font-weight:600;display:flex}.icon-btn-sm{width:max(24px, calc(var(--touch-target) - 16px));height:max(24px, calc(var(--touch-target) - 16px));color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:.8rem;display:grid}.icon-btn-sm:hover{background:#ffffff0f}.user-list-panel-body{flex-wrap:wrap;gap:.25rem;padding:.4rem .8rem;display:flex}.user-list-item{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.85rem;transition:background .1s;display:inline-flex}.user-list-item:hover{background:#9b5de51f}.user-list-item.ignored{opacity:.45}.user-list-item .user-op{color:var(--gold);font-weight:700}.user-list-item .user-voice{color:var(--cyan)}.user-list-item .ignored-badge{color:var(--muted);background:var(--surface2);border-radius:3px;margin-left:.2rem;padding:0 4px;font-size:.6rem}.user-context-menu{z-index:200;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);min-width:180px;padding:.3rem 0;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000080}.context-menu-header{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:.2rem;padding:.5rem .8rem;font-size:.85rem;font-weight:700}.context-menu-item{width:100%;color:var(--text2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:.45rem .8rem;font-size:.85rem;transition:background .1s;display:block}.context-menu-item:hover{color:var(--text);background:#9b5de526}.context-menu-item:focus-visible{outline:1px solid var(--violet);outline-offset:-1px}#message-area{scroll-behavior:smooth;flex:1;padding:.5rem 0;overflow-y:auto}#message-list{padding:0 1.2rem}.msg{border-radius:4px;align-items:flex-start;gap:.5rem;padding:.25rem .5rem;line-height:1.5;transition:background .1s;display:flex}.msg:hover{background:#ffffff05}.msg-timestamp{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:4.5ch;padding-top:.1rem;font-size:.7rem}.msg-nick{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex-shrink:0;min-width:10ch;max-width:14ch;font-weight:600;overflow:hidden}.msg-nick:hover{text-decoration:underline}.msg-text{word-break:break-word;white-space:pre-wrap;flex:1}.msg-system{color:var(--muted);font-size:.85rem;font-style:italic}.msg-action{color:var(--violet);font-style:italic}.msg-action .msg-nick:after{content:" "}.msg-highlight{border-left:2px solid var(--gold);background:#ffd70014;border-radius:0 4px 4px 0}.mention{color:var(--gold);background:#ffd70024;border-radius:3px;padding:0 3px;font-weight:700}.msg-self .msg-nick{opacity:.85}.msg-notice{color:var(--cyan)}#input-area{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.2rem;padding-bottom:calc(.75rem + var(--safe-bottom));flex:none;position:relative}.composer-shell{position:relative}.input-row{align-items:center;gap:.5rem;display:flex}.nick-prefix{font-family:var(--font-mono);color:var(--violet);white-space:nowrap;font-size:.85rem;font-weight:700}#msg-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:42px;max-height:160px;color:var(--text);font:inherit;resize:none;outline:none;flex:1;padding:.7rem 1rem;font-size:.9rem;line-height:1.45;transition:border-color .2s}#msg-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b5de51f}#msg-input::placeholder{color:var(--muted);opacity:.5}.send-btn{background:var(--accent);color:#0a0a0f;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:none;place-items:center;width:40px;height:40px;font-size:1.2rem;transition:transform .1s,box-shadow .2s;display:grid}.send-btn:hover{transform:scale(1.05);box-shadow:0 0 16px #ffd70033}.send-btn:active{transform:scale(.95)}.autocomplete-box{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;z-index:10;max-height:150px;position:absolute;bottom:100%;left:1.2rem;right:1.2rem;overflow-y:auto}.autocomplete-box.hidden{display:none}.autocomplete-item{cursor:pointer;width:100%;color:var(--text2);text-align:left;background:0 0;border:none;padding:.4rem .8rem;font-size:.85rem;display:block}.autocomplete-item:hover,.autocomplete-item.active{color:var(--text);background:#9b5de533}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-card{background:var(--card);border:1px solid var(--border2);width:420px;max-width:90vw;box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.modal-sm{width:340px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.modal-header h3{font-size:1.1rem;font-weight:700}.modal-close{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;width:32px;height:32px;font-size:1.2rem;transition:background .15s;display:grid}.modal-close:hover{background:#ffffff0f}.modal-body{padding:1.5rem}.modal-footer{padding:0 1.5rem 1.5rem}.modal-footer .btn-primary{width:auto;padding:.7rem 1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.channel-item{padding:var(--density-pad,.45rem) .7rem}.msg{padding:var(--density-msg-pad,.25rem .5rem)}#screen-settings{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;overflow:hidden}.settings-header{padding:.8rem 1.2rem;padding-top:max(.8rem, var(--safe-top));border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;display:flex}.settings-header h2{font-size:1.2rem;font-weight:700}.settings-body{flex:1;padding:1rem 1.2rem 2rem;overflow-y:auto}.settings-section{margin-bottom:1.5rem}.settings-section h3{color:var(--text);letter-spacing:.02em;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.settings-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.settings-row>label{color:var(--text2);font-size:.88rem;font-weight:500}.settings-segmented{background:var(--surface2);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.settings-segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.45rem .9rem;font-size:.82rem;transition:background .15s,color .15s}.settings-segmented button.active{color:var(--text);background:#9b5de540;font-weight:600}.settings-segmented button:hover:not(.active){color:var(--text2);background:#ffffff0a}.settings-range-wrap{flex:1;align-items:center;gap:.5rem;max-width:260px;display:flex}.settings-range-min{color:var(--muted);font-size:.75rem}.settings-range-max{color:var(--muted);font-size:1rem}.settings-range-value{color:var(--text2);text-align:right;min-width:3ch;font-size:.8rem}.settings-range-wrap input[type=range]{accent-color:var(--violet);flex:1}.settings-toggle{cursor:pointer;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.settings-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--surface2);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s,border-color .2s;position:relative}.settings-toggle input:checked+.toggle-track{background:var(--violet);border-color:var(--violet)}.toggle-knob{background:var(--text);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-toggle input:checked+.toggle-track .toggle-knob{transform:translate(20px)}.toggle-label{flex-direction:column;gap:.15rem;display:flex}.toggle-label strong{color:var(--text);font-size:.88rem;font-weight:600}.toggle-label small{color:var(--muted);font-size:.78rem;line-height:1.35}.settings-actions{gap:.75rem;display:flex}.btn-secondary{border:1px solid var(--border2);background:var(--surface2);color:var(--text2);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:.6rem 1rem;font-size:.85rem;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--surface);color:var(--text)}.settings-saved{color:var(--green);margin-top:.6rem;font-size:.85rem;font-weight:600}.onboarding-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.onboarding-tooltip{background:var(--card);border:1px solid var(--border2);border-radius:16px;min-width:260px;max-width:320px;padding:1rem 1.1rem;animation:.25s pop-in;position:absolute;box-shadow:0 12px 40px #00000080}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.onboarding-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.onboarding-badge{color:var(--violet);background:#9b5de526;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.onboarding-header h4{font-size:.95rem;font-weight:700}.onboarding-body{color:var(--text2);margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.onboarding-actions{justify-content:space-between;align-items:center;display:flex}.help-body section+section{margin-top:1.2rem}.help-body h4{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.help-grid{grid-template-columns:1fr;gap:.35rem;display:grid}.help-row{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.help-row code{font-family:var(--font-mono);background:var(--surface2);color:var(--cyan);border-radius:4px;flex-shrink:0;min-width:130px;padding:.2rem .45rem;font-size:.8rem}.help-row kbd{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--border2);color:var(--text2);border-radius:4px;flex-shrink:0;min-width:130px;padding:.2rem .45rem;font-size:.8rem}.help-tip{border-radius:var(--radius-sm);color:var(--text2);background:#9b5de514;border:1px solid #9b5de533;margin-top:1rem;padding:.7rem;font-size:.82rem;line-height:1.45}.simple-cta-row{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;display:flex}.simple-cta-btn{border:1px solid var(--border2);background:var(--surface2);color:var(--text2);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:.45rem .75rem;font-size:.82rem;transition:background .15s,color .15s}.simple-cta-btn:hover{color:var(--text);background:#9b5de526}.sidebar-backdrop{display:none}@media (width<=760px){.connect-card{padding:1.8rem 1.2rem}.ch-topic{max-width:45vw}#channel-header{padding:0 1rem}#message-list{padding:0 .8rem}.msg-nick{min-width:7ch;max-width:10ch}#sidebar{z-index:60;width:min(82vw,320px);min-width:0;height:100dvh;box-shadow:var(--shadow);animation:.2s drawer-in;position:fixed;top:0;left:0}.sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:block;position:fixed;inset:0}}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}#screen-admin{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;overflow:hidden}.admin-header{padding:.8rem 1.2rem;padding-top:max(.8rem, var(--safe-top));border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;display:flex}.admin-header h2{font-size:1.2rem;font-weight:700}.admin-tabs{border-bottom:1px solid var(--border);flex:none;gap:.25rem;padding:.5rem 1.2rem;display:flex}.admin-tab{color:var(--muted);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.admin-tab:hover{color:var(--text2)}.admin-tab.active{color:var(--text);background:#9b5de526}.admin-error{border-radius:var(--radius-sm);color:var(--red);background:#ff4d6d1a;border:1px solid #ff4d6d33;margin:.75rem 1.2rem;padding:.6rem .8rem;font-size:.85rem}.admin-loading{color:var(--muted);padding:1rem 1.2rem;font-size:.85rem}.admin-table-wrapper{flex:1;padding:.5rem 1.2rem;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .7rem}.admin-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);font-size:.72rem;font-weight:700;position:sticky;top:0}.admin-table td{color:var(--text2)}.admin-table code{font-family:var(--font-mono);background:var(--surface2);border-radius:4px;padding:.15rem .4rem;font-size:.78rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.status-badge.active{color:var(--green);background:#06d6a026}.status-badge.suspended{color:var(--amber);background:#ff8c0026}.status-badge.deleted,.status-badge.disabled{color:var(--red);background:#ff4d6d26}.text-btn.danger{color:var(--red)}.text-btn.danger:hover{color:#ff7a8f}.admin-section{flex-direction:column;flex:1;gap:1rem;padding:.5rem 1.2rem;display:flex;overflow:auto}.admin-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.admin-form h3{margin-bottom:.75rem;font-size:.9rem;font-weight:700}.form-row{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.form-row label{color:var(--muted);min-width:80px;font-size:.8rem}.form-row input,.form-row select{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;outline:none;flex:1;padding:.5rem .7rem;font-size:.85rem}.form-row input:focus,.form-row select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b5de51f}@media (width<=760px){.admin-table th,.admin-table td{padding:.4rem .5rem;font-size:.78rem}.admin-form{padding:.75rem}.form-row{flex-direction:column;align-items:flex-start;gap:.3rem}.form-row label{min-width:auto}}.pointer-coarse,.viewport-mobile{--touch-target:48px}.viewport-desktop #main{grid-template-columns:minmax(0, 1fr) var(--nicklist-w);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.viewport-desktop #channel-header{grid-area:1/1/auto/3}.viewport-desktop #message-area{grid-area:2/1;min-height:0}.viewport-desktop #input-area{grid-area:3/1}.viewport-desktop .user-list-panel.fixed{border-left:1px solid var(--border);background:var(--surface);border-bottom:0;grid-area:2/2/4;max-height:none}.viewport-desktop .user-list-panel.fixed .user-list-panel-body{padding:.5rem;display:block}.viewport-desktop .user-list-panel.fixed .user-list-item{min-height:34px;display:flex}.user-list-panel.drawer{top:var(--safe-top);right:var(--safe-right);bottom:var(--safe-bottom);width:min(78vw, var(--nicklist-w));z-index:70;border-left:1px solid var(--border2);max-height:none;box-shadow:var(--shadow);position:fixed}.nicklist-backdrop{z-index:65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;position:fixed;inset:0}.viewport-desktop .nicklist-backdrop{display:none}.virtual-message-list{padding:0 1.2rem;overflow-x:hidden!important}.virtual-message-list .msg{width:100%}.msg-grouped .msg-nick{pointer-events:none}.msg-grouped{padding-top:.08rem}.media-card{border:1px solid var(--border2);background:color-mix(in srgb, var(--surface2) 86%, black 14%);max-width:min(520px,100%);color:var(--text);border-radius:8px;grid-template-columns:72px minmax(0,1fr);gap:.65rem;margin-top:.45rem;padding:.5rem;text-decoration:none;display:grid}.media-card:hover{border-color:#00f5ff59}.media-thumb,.media-image{object-fit:cover;background:var(--surface);border-radius:6px;width:72px;height:48px}.media-image{height:72px}.media-body{align-content:center;gap:.15rem;min-width:0;display:grid}.media-kind{font-size:.82rem;font-weight:800}.media-url{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.76rem;overflow:hidden}.format-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);min-height:28px;color:var(--text2);white-space:pre-wrap;margin-bottom:.45rem;padding:.4rem .65rem;font-size:.88rem}.irc-bold{font-weight:800}.irc-italic{font-style:italic}.irc-underline{text-underline-offset:2px;text-decoration:underline}.irc-color-fg-00{color:#fff}.irc-color-fg-01{color:#111318;background:#ffffffb8}.irc-color-fg-02{color:#5fa0ff}.irc-color-fg-03{color:#36c26c}.irc-color-fg-04{color:#ff6b6b}.irc-color-fg-05{color:#d86b6b}.irc-color-fg-06{color:#c78bff}.irc-color-fg-07{color:#f0a03a}.irc-color-fg-08{color:#ffd84a}.irc-color-fg-09{color:#54d879}.irc-color-fg-10{color:#37d0c2}.irc-color-fg-11{color:#45c8ec}.irc-color-fg-12{color:#86a5ff}.irc-color-fg-13{color:#f183ef}.irc-color-fg-14{color:#a8b0ba}.irc-color-fg-15{color:#f1f4f8}@media (width>=761px) and (width<=1180px){#sidebar{width:248px;min-width:248px}.viewport-tablet #main{min-width:0}}@media (width<=760px){#sidebar{padding-left:var(--safe-left)}#channel-header{padding-right:max(1rem, var(--safe-right))}#input-area{padding-left:max(.8rem, var(--safe-left));padding-right:max(.8rem, var(--safe-right))}.send-btn{width:48px;height:48px}#msg-input{min-height:48px}.media-card{grid-template-columns:56px minmax(0,1fr)}.media-thumb,.media-image{width:56px;height:42px}}