[hidden] { display: none !important; }
.auth-error { color:#efaaa0; line-height:1.5; }.production-link-card { margin:18px 0; padding:18px; }.production-link-card h2 { margin:.2em 0; }.production-link-card .invite-url { margin:12px 0; overflow-wrap:anywhere; }.bottom-nav { position:fixed; z-index:8; bottom:0; left:50%; transform:translateX(-50%); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:min(100%,720px); min-height:70px; padding:7px 10px calc(7px + env(safe-area-inset-bottom)); border-top:1px solid rgba(177,209,207,.13); background:rgba(8,17,15,.96); backdrop-filter:blur(18px); }.bottom-nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:45px; color:#9dafaa; text-decoration:none; }.bottom-nav a.active { color:#9fe0b5; }.bottom-nav a span { font-size:18px; }.bottom-nav a small { font-size:11px; }.page { display:none; }.page.active { display:block; }.subscription-actions .button:disabled,.traffic-card .button:disabled { opacity:.5; cursor:not-allowed; }
.rules-page { width:min(100% - 32px,760px); margin:0 auto; padding:24px 0 40px; }.rules-header { display:flex; justify-content:space-between; align-items:center; }.rules-intro { margin:52px 0 24px; }.rules-intro h1 { margin:0; font-size:32px; }.rules-card { padding:22px; line-height:1.65; }.rules-card h2 { margin-top:22px; }
.production-admin .production-view { display:none; padding-top:28px; }.production-admin .production-view.active { display:block; }.production-admin .production-thread-list { display:grid; gap:8px; }.production-admin .production-thread-item { display:grid; gap:4px; width:100%; padding:11px; border:1px solid var(--line); border-radius:10px; text-align:left; color:var(--text); background:rgba(255,255,255,.02); cursor:pointer; }.production-admin .production-thread-item span { color:var(--muted); overflow:hidden; text-overflow:ellipsis; }.production-admin .production-support { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:14px; }.production-admin .production-thread { min-height:420px; }.production-admin .production-thread-messages { display:grid; gap:8px; max-height:360px; overflow:auto; padding:12px 0; }.production-admin .production-thread textarea,.production-admin .production-compose textarea { width:100%; min-height:80px; margin:7px 0 12px; padding:10px; border:1px solid var(--line); border-radius:9px; color:var(--text); background:#0b1711; }.production-admin .production-compose { display:grid; gap:8px; }.production-admin .production-preview-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.production-admin .production-preview-grid section { min-height:100px; padding:12px; border:1px solid var(--line); border-radius:10px; }.production-admin .stat-card { display:grid; gap:8px; }.production-admin .stat-card strong { font-size:25px; }.production-admin .sidebar-bottom { margin-top:auto; }.production-admin .side-link { cursor:pointer; color:inherit; background:transparent; border:0; font:inherit; text-align:left; }.production-admin .side-nav { display:grid; }.production-admin .surface-card { margin-bottom:14px; }.production-admin .button:disabled { opacity:.45; cursor:not-allowed; }@media(max-width:800px){.production-admin .production-support,.production-admin .production-preview-grid{grid-template-columns:1fr}.production-admin .sidebar{position:relative;width:auto}.production-admin .admin-main{margin-left:0}.production-admin .side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
.production-page { width:min(100% - 32px,920px); margin:0 auto; padding:25px 0 36px; }.production-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }.support-intro { max-width:620px; margin:38px auto 24px; text-align:center; }.support-intro h1 { margin:0; }

.connection-dialog { max-height:calc(100dvh - 32px); overflow-y:auto; padding-bottom:24px; }
.connection-dialog h2 { padding-right:25px; }.connection-dialog .button { margin:5px 0; max-width:100%; white-space:normal; }
.router-subscription-url { display:block; padding:12px; border:1px solid var(--stroke); border-radius:10px; overflow-wrap:anywhere; word-break:break-word; font-size:12px; user-select:all; }

.traffic-pack-info { display:grid; gap:8px; }.traffic-pack-info p { display:flex; gap:6px; margin:0; padding:12px; border:1px solid var(--stroke); border-radius:10px; }.traffic-pack-info strong { margin-left:auto; }

.connection-dialog a.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; text-decoration:none; text-align:center; }