:root{--ink:#edf7f4;--soft:#aec1bf;--line:#3e5961;--lime:#baf378;--panel:#102630;--panel2:#0b1c25}*{box-sizing:border-box}body{margin:0;background:#071727;color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid #29424d;background:#0b1c25ef;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;gap:18px;min-height:74px}.brand{display:flex;align-items:center;color:#eef8f6;text-decoration:none;font-weight:900;letter-spacing:-.04em}.brand img{margin-right:9px}.brand span,.eyebrow{color:var(--lime)}.nav nav{margin-left:auto;display:flex;gap:5px;align-items:center}.nav nav a{color:#aec1bf;text-decoration:none;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:700}.nav nav a.current,.nav nav a:hover{background:#baf37820;color:var(--lime)}.site-join,.button{border:1px solid #52717a;border-radius:8px;background:#193741;color:var(--ink);padding:10px 14px;font:700 13px inherit;text-decoration:none;cursor:pointer}.site-join{margin-left:8px}.button.primary{background:var(--lime);border-color:var(--lime);color:#102217}.button.small{padding:8px 10px;font-size:12px}.hero{padding:70px 0 38px;max-width:760px}.eyebrow{font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.15em;margin:0 0 11px}.hero h1{font-size:clamp(45px,7vw,78px);line-height:.98;letter-spacing:-.07em;margin:0 0 20px}.hero>p:not(.eyebrow){font-size:17px;color:var(--soft);max-width:620px}.hero-actions{display:flex;gap:10px;margin-top:27px}.card{background:linear-gradient(145deg,#14313c,#0d202a);border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 18px 40px #0003}.guest{max-width:720px;margin:30px 0 80px}.guest h2,.section-head h2{margin:0}.notice{padding:13px 16px;border:1px solid #88bf76;border-radius:10px;background:#203d31;color:#dff7c9}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 17px}.summary article{background:#132f38;border:1px solid var(--line);border-radius:12px;padding:18px}.summary span,.summary small{display:block;color:var(--soft);font:700 11px ui-monospace,monospace;letter-spacing:.1em}.summary strong{display:block;font-size:35px;line-height:1.1;margin:7px 0;color:var(--lime)}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:17px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.friend-list,.request-list,.block-list{display:grid;gap:9px}.friend{display:flex;align-items:center;gap:12px;border:1px solid #395963;background:#0a1d26;border-radius:10px;padding:13px}.friend button{margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;background:#6c8183;box-shadow:0 0 0 4px #6c818320}.dot.online{background:#77ee98;box-shadow:0 0 0 4px #77ee9825}.friend strong,.friend small{display:block}.friend small{color:var(--soft);font-size:12px}.request{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #35515a;padding:10px 0}.request strong{width:100%}.divider{height:1px;background:#405b61;margin:21px 0}.messages{margin:17px 0 70px}.selected{color:var(--lime);font-size:13px}.chat{display:flex;flex-direction:column;gap:8px;min-height:220px;max-height:410px;overflow:auto;padding:14px;border:1px solid #395963;background:#091923;border-radius:10px}.chat p{color:var(--soft)}.bubble{max-width:min(78%,650px);padding:10px 12px;border-radius:11px;background:#183842}.bubble.mine{align-self:flex-end;background:#4b7135;color:#102116}.bubble small{display:block;opacity:.75;font-size:11px;margin-top:3px}#message-form{margin-top:13px}#message-form label{display:block;color:var(--soft);font-size:12px;margin-bottom:6px}#message-form>div{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;background:#081923;color:var(--ink);padding:11px;font:inherit}.site-footer{border-top:1px solid #35505a;padding:35px 0;color:var(--soft)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px}.footer-grid a{display:block;color:var(--soft);margin:7px 0}.footer-brand p{max-width:230px}.footer-imprint h2{font-size:14px;color:var(--ink)}.footer-bottom{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #304b54;margin-top:25px;padding-top:18px;font-size:12px}.skip-link{position:absolute;left:-1000px}.skip-link:focus{left:10px;top:10px}@media(max-width:960px){.nav{flex-wrap:wrap;padding:10px 0}.nav nav{order:3;width:100%;margin-left:0;overflow:auto}.site-join{margin-left:auto}.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero{padding-top:45px}.summary{grid-template-columns:1fr}.hero-actions,#message-form>div{flex-direction:column}.footer-grid{grid-template-columns:1fr}.nav nav a{white-space:nowrap}.site-join{display:none}}
textarea#message{min-width:0;flex:1;resize:vertical;min-height:54px;max-height:180px;border:1px solid var(--line);border-radius:8px;background:#081923;color:var(--ink);padding:11px;font:inherit;line-height:1.4}
textarea#message:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
#message-form>div>.button{align-self:flex-end;min-height:45px}
#message-form>small{display:block;color:var(--soft);font-size:12px;margin-top:7px}
.bubble{white-space:pre-wrap;overflow-wrap:anywhere}
.dot.web{background:#69bfff;box-shadow:0 0 0 4px #69bfff25}
.friend>div{min-width:0;flex:1}
.unread-badge{white-space:nowrap;border-radius:999px;background:#baf378;color:#102217;padding:3px 8px;font-size:11px;font-weight:800}