:root{--bg:#0f1014;--surface:#18191f;--surface-2:#22232b;--border:#2e2f39;--text:#e8e8ee;--muted:#9a9bab;--accent:#9b6bff;--accent-hover:#ad85ff;--danger:#ff5c6c;--ok:#3ccf8e;--warn:#ffb74d;--radius:8px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.6}html.overlay,html.overlay body{background:transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.6rem;margin:0 0 1rem}h2{font-size:1.15rem;margin:0 0 .75rem}h3{font-size:.95rem;margin:1.25rem 0 .5rem;color:var(--muted)}.button,button{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.button:hover,button:hover{background:var(--accent-hover);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.button.secondary,button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}input[type=text],select{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font:inherit}input[type=range]{width:100%}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.spacer{flex:1 1}.row{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.row.gap{gap:.5rem;margin-top:.5rem}.field{display:flex;flex-direction:column;gap:.25rem;margin:.6rem 0}.alert{padding:.6rem .9rem;border-radius:var(--radius);margin:0 0 1rem;border:1px solid}.alert-error{border-color:var(--danger);background:rgb(255 92 108/.1)}.alert-ok{border-color:var(--ok);background:rgb(60 207 142/.1)}.alert-info{border-color:var(--warn);background:rgb(255 183 77/.1)}.chip{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.chip-on{color:var(--ok);border-color:var(--ok)}.site{min-height:100%;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--surface)}.site-header nav{display:flex;gap:1rem}.brand{font-weight:700;color:var(--text)}.site-main{flex:1 1;width:100%;max-width:760px;margin:0 auto;padding:1.5rem 1rem}.site-main.wide{max-width:none;padding:0;display:flex;min-height:0}.site-footer{font-size:.75rem;color:var(--muted);padding:1rem 1.25rem;border-top:1px solid var(--border)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1rem;gap:1rem}.link-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border)}.link-item:first-of-type{border-top:none}.link-head{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.link-head strong{min-width:10rem}.notification.unread{font-weight:600}.viewer{display:flex;flex:1 1;height:calc(100vh - 53px);min-height:0}.viewer .chat{flex:1 1;min-width:0}.viewer .settings{width:320px;flex-shrink:0;margin:0;border-radius:0;border-width:0 0 0 1px;overflow-y:auto}@media (max-width:800px){.viewer{flex-direction:column;height:auto}.viewer .chat{height:70vh}.viewer .settings{width:auto;border-width:1px 0 0}}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;flex-wrap:wrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}.dot-connected{background:var(--ok)}.dot-error,.dot-revoked{background:var(--danger)}.chat-scroll{flex:1 1;overflow-y:auto;padding:.5rem 1rem}.chat-overlay .chat-scroll{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.chat-overlay .chat-line{text-shadow:0 0 2px #000,0 0 4px #000}.chat-empty{color:var(--muted);text-align:center;margin-top:3rem}.chat-line{padding:.15em 0;word-wrap:break-word;overflow-wrap:anywhere;line-height:1.5}.chat-time{color:var(--muted);font-size:.8em;margin-right:.4em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-badge{height:1.1em;width:auto;vertical-align:-.15em;margin-right:.2em}.chat-name{font-weight:700}.chat-colon{margin-right:.3em}.chat-emote{height:1.75em;width:auto;vertical-align:middle;margin:-.25em .1em}.rank{display:inline-block;margin-left:.35em;padding:0 .45em;border-radius:4px;font-size:.75em;font-weight:700;line-height:1.6;vertical-align:.08em;color:#fff;background:#555;white-space:nowrap;text-shadow:none}.rank-none{background:transparent;color:var(--muted);font-weight:400}.tier-iron{background:#5e5450}.tier-bronze{background:#8c5a3c}.tier-silver{background:#7d8a96}.tier-gold{background:#c89b3c;color:#1a1300}.tier-platinum{background:#2a9d8f}.tier-emerald{background:#13a86b}.tier-diamond{background:#576bce}.tier-master{background:#9d48e0}.tier-grandmaster{background:#d43b3b}.tier-challenger{background:linear-gradient(90deg,#1e88e5,#f4c430);color:#10131a}.copy-field{display:flex;gap:.5rem;margin:.5rem 0 .75rem}.copy-field input{flex:1 1;min-width:0}.copy-field button{flex-shrink:0}.steps{margin:0;padding-left:1.4rem;font-size:.9rem}.steps li{margin:.25rem 0}button.inline{padding:.1rem .6rem;margin:0 .3rem;font-size:.85rem}.dock{position:relative;height:100vh;display:flex;flex-direction:column}.dock .chat-scroll{padding:.25rem .5rem}.dock-message{padding:.75rem}.dock-drawer{position:absolute;top:37px;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg);border-top:1px solid var(--border)}.dock-drawer .settings{border:none;border-radius:0;margin:0}.chat-status.compact{padding:.35rem .5rem;gap:.4rem;font-size:.8rem;flex-wrap:nowrap;min-height:37px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.icon-button{background:transparent;color:var(--muted);padding:.1rem .4rem;font-size:1rem;line-height:1;flex-shrink:0}.icon-button.active,.icon-button:hover{background:var(--surface-2);color:var(--text)}.legal h2{margin-top:2rem;font-size:1.05rem}.legal h3{color:var(--text);margin-top:1rem}.legal li,.legal p{font-size:.92rem}.legal ol,.legal ul{padding-left:1.4rem}.footer-links{display:inline-flex;gap:1rem;margin-left:1rem}.dev-panel{border-style:dashed;border-color:var(--warn)}.dev-form{display:flex;gap:.5rem;flex-wrap:wrap}.dev-form input{flex:2 1 200px}.dev-form select{flex:1 1 140px;width:auto}