:root{color:#171a1f;--accent:#d72638;--ink:#171a1f;--muted:#68717d;--line:#dce1e8;--panel:#fff;--soft:#f7f8fa;--dark:#151922;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--ink);background:#eef1f5;margin:0}button,input,textarea,select{font:inherit}.app{background:linear-gradient(#f4f6f9 0,#eef1f5 220px);flex-direction:column;min-height:100vh;display:flex}.site-header{align-items:center;gap:18px;width:min(1280px,100% - 28px);min-height:86px;margin:0 auto;padding:14px 2px;display:flex}.brand{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:linear-gradient(145deg,var(--accent),#991d29);width:44px;height:44px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent);color:#fff;letter-spacing:-.04em;border-radius:12px;place-items:center;font-size:20px;font-weight:900;display:grid}.brand b{letter-spacing:-.03em;font-size:20px;line-height:1.1;display:block}.brand span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.header-actions{gap:8px;display:flex}.header-actions button,.mobile-menu{cursor:pointer;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 13px;display:flex}.header-actions .login{color:#414852;background:#fff;border:1px solid #d7dce4}.header-actions .register{border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700}.mobile-menu{color:#3f4650;background:#fff;border:1px solid #d7dce4;display:none}.main-nav{background:#13171ff7;border-top:1px solid #232935;border-bottom:1px solid #0e1117;justify-content:center;align-items:center;gap:2px;min-height:46px;padding:0 16px;display:flex;box-shadow:0 6px 20px #141a231f}.main-nav button{color:#c9ced6;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:46px;padding:0 14px;font-size:12px;display:flex}.main-nav button:hover{color:#fff;background:#202631}.main-nav button.active{border-bottom-color:var(--accent);color:#fff;background:#252c37}.status-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6b7480;background:#ffffffd1;border:1px solid #dde2e8;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:min(1280px,100% - 28px);margin:10px auto 0;padding:9px 13px;font-size:10px;display:flex;box-shadow:0 4px 14px #28303a0a}.status-strip>div{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.status-strip span{align-items:center;gap:6px;display:flex}.status-strip i{background:#37b96b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #37b96b1f}.page{flex:1;width:min(1280px,100% - 28px);margin:12px auto}.chat-card,.portal{background:#fff;border:1px solid #d8dde5;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #1c243014}.chat-topline{background:linear-gradient(#fff,#fbfcfd);border-bottom:1px solid #e1e5ea;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 22px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.13em;font-size:9px;font-weight:800;display:block}.chat-heading{align-items:center;gap:10px;margin-top:5px;display:flex}.chat-heading h1{letter-spacing:-.035em;margin:0;font-size:22px}.live-pill{color:#2d8650;background:#f2fbf5;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.live-pill i{background:#39b869;border-radius:50%;width:6px;height:6px}.chat-topline p{color:#747d88;margin:5px 0 0;font-size:11px}.chat-top-actions{gap:7px;display:flex}.chat-top-actions button{color:#5d6671;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;display:flex}.chat-layout{grid-template-columns:minmax(0,1fr) 310px;min-height:680px;display:grid}.conversation-panel{background:#fff;border-right:1px solid #e0e4e9;flex-direction:column;min-width:0;display:flex}.panel-head{background:#f8f9fb;border-bottom:1px solid #e2e6eb;justify-content:space-between;align-items:center;height:44px;padding:0 13px;display:flex}.panel-head>div{align-items:center;gap:7px;display:flex}.panel-head b{font-size:11px}.panel-meta{color:#8a929c;font-size:9px}.panel-meta button{color:#77808a;cursor:pointer;background:#fff;border:1px solid #dce1e7;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.message-log{background:linear-gradient(#fff 0%,#fcfdfe 100%);flex:1;min-height:430px;padding:13px 14px;overflow:auto}.msg{border-radius:9px;gap:10px;padding:8px 7px;display:flex}.msg:hover{background:#f8f9fb}.msg-avatar{color:#4d5661;background:linear-gradient(145deg,#eef1f4,#dfe4e9);border:1px solid #d6dce3;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.msg-content{flex:1;min-width:0}.msg-meta{align-items:center;gap:7px;display:flex}.nick{color:#2b5f96;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.msg.owner .nick{color:#b72c3b}.msg.mod .nick{color:#75569a}.role{border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700}.role.owner{color:#ab2837;background:#fff0f2}.role.mod{color:#725193;background:#f3eff8}.msg time{color:#9aa1aa;font-size:8px}.msg p{color:#363d46;margin:4px 0 0;font-size:12px;line-height:1.5}.system-line{color:#8a929c;justify-content:center;align-items:center;gap:8px;width:100%;padding:4px;font-size:9px;font-style:italic;display:flex}.private-banner{color:#775f13;background:#fff9df;border-top:1px solid #eadca4;align-items:center;gap:7px;padding:8px 11px;font-size:10px;display:flex}.private-banner button{color:#8a6a00;cursor:pointer;background:0 0;border:0;margin-left:auto}.compose{background:#fafbfc;border-top:1px solid #e0e4e9;grid-template-columns:minmax(0,1fr) 120px;gap:8px;padding:10px;display:grid}.compose textarea{resize:none;color:#2d333b;background:#fff;border:1px solid #cfd5dd;border-radius:8px;outline:none;height:72px;padding:10px 11px;font-size:12px}.compose textarea:focus{border-color:#9cabbd;box-shadow:0 0 0 3px #4e698914}.compose-side{flex-direction:column;gap:6px;display:flex}.send{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:40px;font-weight:700;display:flex}.compose-side span{text-align:center;color:#979ea7;font-size:8px}.toolbar{background:#f0f3f6;border-top:1px solid #dde2e8;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 10px;display:flex}.toolbar button,.toolbar label{color:#626b76;cursor:pointer;background:#fff;border:1px solid #d0d6de;border-radius:6px;align-items:center;gap:5px;height:28px;padding:0 8px;font-size:9px;display:flex}.toolbar label.active{color:#345f91;background:#eef6ff;border-color:#adc0d5}.toolbar input{margin:0}.members-panel{background:#fafbfd}.members-head{justify-content:space-between;align-items:center;padding:16px 14px 10px;display:flex}.members-head h2{margin:4px 0 0;font-size:14px}.count-badge{color:#5b6470;background:#edf0f4;border-radius:13px;place-items:center;min-width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.member-search{color:#9299a2;background:#fff;border:1px solid #dce1e7;border-radius:7px;align-items:center;gap:7px;height:34px;margin:0 12px 10px;padding:0 9px;display:flex}.member-search input{color:#424951;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.rating-card{color:#7d6420;text-align:left;cursor:pointer;background:#fffdf5;border:1px solid #eadfb2;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 24px);margin:0 12px 10px;padding:10px;display:flex}.rating-card>div{flex-direction:column;display:flex}.rating-card b{font-size:10px}.rating-card span{color:#aa955a;margin-top:2px;font-size:8px}.member-list{border-top:1px solid #e3e7ec}.member{background:#fff;border-bottom:1px solid #e7eaee;padding:10px 12px}.member:hover{background:#fbfcfd}.member-main{align-items:center;gap:8px;display:flex}.avatar{color:#48515c;background:#eef1f4;border:1px solid #d7dde4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid;position:relative}.avatar i{background:#37b96b;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.member-main>div{flex:1;min-width:0}.person-name{color:#2b5f96;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800;display:block}.member-main>div>span{color:#848c96;margin-top:2px;font-size:8px;display:block}.sex{color:#4b78a4;background:#e2edf9;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-weight:800;display:grid}.sex.f{color:#9a5272;background:#f8e3ed}.member-sub{color:#858d97;justify-content:space-between;align-items:center;margin:5px 0 0 38px;font-size:8px;display:flex}.stars{color:#c99821;letter-spacing:-1px}.member-actions{gap:4px;margin:7px 0 0 38px;display:flex}.member-actions button{color:#636c76;cursor:pointer;background:#f8f9fa;border:1px solid #d5dae0;border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 7px;font-size:8px;display:flex}.member-actions .private{color:#93435f;background:#fff7fa;border-color:#ecd2dc}.hero-card{background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),#fff;border-bottom:1px solid #e0e4e9;justify-content:space-between;align-items:center;gap:30px;padding:34px 32px;display:flex}.hero-card h1{letter-spacing:-.045em;margin:8px 0 7px;font-size:34px}.hero-card p{color:#68717d;max-width:680px;margin:0;font-size:12px;line-height:1.6}.hero-stats{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hero-stats span{color:#6f7781;background:#fafbfc;border:1px solid #e0e4e9;border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:9px;display:flex}.hero-stats b{color:#2c333c;font-size:11px}.hero-emblem{background:linear-gradient(145deg,var(--accent),#991d29);width:120px;height:120px;box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 20%,transparent);color:#fff;border-radius:28px;flex:none;place-items:center;font-size:52px;font-weight:900;display:grid}.dashboard-grid{background:#e0e4e9;grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.dashboard-grid article{background:#fff;min-height:160px;padding:20px}.card-title{align-items:center;gap:8px;display:flex}.card-title b{font-size:12px}.dashboard-grid p{color:#646d78;margin:8px 0;font-size:11px}.dashboard-grid small{color:#949ba4;font-size:8px}.people-cloud{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.people-cloud span{border:1px solid #e0e4e9;border-radius:15px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:9px;display:flex}.people-cloud i{background:#edf0f4;border-radius:50%;place-items:center;width:23px;height:23px;font-style:normal;display:grid}.portal.simple{padding:28px}.portal.simple h1{margin:5px 0 6px;font-size:28px}.portal.simple>p{color:#7a828c;margin:0;font-size:11px}.placeholder-card{color:#65707a;background:#fafbfc;border:1px solid #e0e4e9;border-radius:9px;align-items:flex-start;gap:11px;margin-top:22px;padding:17px;display:flex}.placeholder-card b{color:#313841;font-size:11px;display:block}.placeholder-card span{margin-top:5px;font-size:10px;display:block}footer{color:#7f8791;flex-wrap:wrap;justify-content:space-between;gap:12px;width:min(1280px,100% - 28px);margin:0 auto;padding:10px 2px 18px;font-size:9px;display:flex}footer b{color:#3f4650}.overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1519218f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.popup{background:#fff;border:1px solid #d7dce3;border-radius:12px;width:min(470px,100%);max-height:90vh;padding:24px;position:relative;overflow:auto;box-shadow:0 30px 90px #181e284d}.popup-wide{width:min(620px,100%)}.popup-kicker{color:var(--accent);letter-spacing:.14em;font-size:8px;font-weight:800}.popup h2{margin:5px 0 8px;font-size:22px}.popup>p{color:#747d87;margin:0 0 17px;font-size:10px}.popup .x{color:#6c7580;cursor:pointer;background:#f3f5f7;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.popup label{color:#616a75;margin-top:12px;font-size:9px;display:block}.popup input,.popup select,.popup textarea{color:#2d333b;background:#fff;border:1px solid #d3d8df;border-radius:7px;width:100%;margin-top:5px;padding:9px}.popup textarea{resize:vertical;min-height:90px}.popup label.remember{align-items:center;gap:7px;display:flex}.popup label.remember input{width:auto;margin:0}.popup .primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;width:100%;margin-top:16px;padding:10px;font-weight:700}.smile-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.smile-grid button{cursor:pointer;background:#fafbfc;border:1px solid #e0e4e9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:66px;font-size:23px;display:flex}.smile-grid small{color:#8d959f;font-size:7px}.help-list p{border-bottom:1px solid #edf0f3;flex-direction:column;gap:4px;display:flex;margin:0!important;padding:9px 0!important}.help-list p:last-child{border-bottom:0}.help-list b{color:#303741}.help-list span{color:#7b838e;font-size:9px}@media (width<=960px){.chat-layout{grid-template-columns:minmax(0,1fr) 260px}.page,.status-strip,.site-header,footer{width:min(100% - 16px,1280px)}.main-nav{justify-content:flex-start;overflow-x:auto}.main-nav button{white-space:nowrap}.hero-emblem{width:90px;height:90px;font-size:40px}.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.site-header{min-height:66px}.brand-mark{width:38px;height:38px}.brand b{font-size:16px}.brand span,.header-actions .register{display:none}.mobile-menu{place-items:center;padding:0 9px;display:grid}.main-nav{z-index:60;background:#171b23;flex-direction:column;align-items:stretch;padding:6px;display:none;position:absolute;top:66px;left:0;right:0}.main-nav.open{display:flex}.main-nav button{justify-content:flex-start;height:39px}.status-strip{margin-top:7px;padding:7px 9px}.status-strip>div{gap:11px}.status-strip span:nth-child(n+3){display:none}.page{margin:7px auto}.chat-topline{align-items:flex-start;padding:14px}.chat-top-actions button{justify-content:center;width:34px;padding:0;font-size:0}.chat-top-actions button svg{width:15px}.chat-layout{display:block}.conversation-panel{border-right:0}.message-log{min-height:430px}.members-panel{border-top:1px solid #e0e4e9}.member-list{max-height:320px;overflow:auto}.compose{grid-template-columns:1fr}.compose-side span{display:none}.toolbar{flex-wrap:nowrap;overflow-x:auto}.toolbar>*{white-space:nowrap}.hero-card{padding:24px 17px}.hero-card h1{font-size:27px}.hero-emblem{display:none}.dashboard-grid{grid-template-columns:1fr}.smile-grid{grid-template-columns:repeat(3,1fr)}footer{padding:8px 2px 16px}.portal.simple{padding:20px 15px}}.form-error{color:#a52b38;background:#fff5f6;border:1px solid #f0c9cd;border-radius:7px;margin-top:10px;padding:9px 10px;font-size:10px}.empty-log{color:#929aa5;text-align:center;place-items:center;min-height:260px;font-size:11px;display:grid}.member-empty{text-align:center;color:#929aa5;padding:24px 12px;font-size:10px}.role.admin{color:#3c5f9e;background:#edf3ff}.role.moderator{color:#75479c;background:#f3ecfb}.ranking-list{border:1px solid #e0e4e9;border-radius:10px;margin-top:22px;overflow:hidden}.ranking-list article{background:#fff;border-bottom:1px solid #edf0f3;grid-template-columns:38px 42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.ranking-list article:last-child{border-bottom:0}.rank-num{color:#616a75;background:#f3f5f7;border-radius:8px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:grid}.rank-avatar{color:#48515c;background:#eef1f5;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.ranking-list b{font-size:11px;display:block}.ranking-list small{color:#8a929c;margin-top:3px;font-size:9px;display:block}.ranking-list article>span:last-child{color:#6f7782;font-size:9px}.send:disabled,.popup .primary:disabled{opacity:.55;cursor:not-allowed}@media (width<=680px){.ranking-list article{grid-template-columns:30px 34px minmax(0,1fr)}.ranking-list article>span:last-child{grid-column:3}.rank-avatar{width:30px;height:30px}.rank-num{width:24px;height:24px}}.real-search{background:#fff;border:1px solid #dde2e8;border-radius:10px;align-items:center;gap:8px;margin-top:20px;padding:8px;display:flex}.real-search>svg{color:#7e8792;margin-left:4px}.real-search input{border:0;outline:0;flex:1;min-width:0;padding:7px;font-size:12px}.real-search button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:9px 15px;font-size:10px;font-weight:700}.search-results-live{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.search-results-live section{background:#fff;border:1px solid #e1e5ea;border-radius:10px;overflow:hidden}.search-results-live h3{border-bottom:1px solid #edf0f3;margin:0;padding:12px 14px;font-size:12px}.search-results-live article{border-bottom:1px solid #f0f2f5;align-items:center;gap:9px;padding:10px 12px;display:flex}.search-results-live article:last-child{border-bottom:0}.search-results-live article>div{flex:1;min-width:0}.search-results-live b{font-size:10px;display:block}.search-results-live small{color:#7f8791;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.search-results-live time{color:#9299a2;font-size:8px}@media (width<=680px){.search-results-live{grid-template-columns:1fr}}