:root{--bg: #0b0613;--bg2: #10081d;--panel: rgba(39, 14, 66, .6);--panel-strong: #2a0a49;--border: #5f2b9d55;--accent: #c77dff;--accent2: #9d4edd;--accent3: #f0b3ff;--text: #efe6ff;--muted: #bfa8d8;--blur: saturate(130%) blur(5px);--radius: 10px;--shadow: 0 6px 16px rgba(0, 0, 0, .25);--glow: 0 8px 18px rgba(157, 78, 221, .25);--button-glow: 0 5px 15px rgba(157, 78, 221, .4);--text-shadow-dark: 0 2px 10px rgba(0, 0, 0, .5);--text-shadow-light: 0 1px 0 rgba(255, 255, 255, .3);--text-shadow-glow: 0 2px 10px rgba(199, 125, 255, .25);--ink-strong: #1b0631;--surface-0: rgba(199, 125, 255, .06);--surface-1: rgba(199, 125, 255, .08);--surface-2: rgba(199, 125, 255, .1);--surface-3: rgba(199, 125, 255, .12);--surface-4: rgba(157, 78, 221, .18);--surface-5: rgba(199, 125, 255, .22);--ink-weak: #fff;--panel-0: rgba(31, 8, 56, .5);--panel-1: rgba(24, 6, 42, .5);--panel-2: rgba(42, 10, 73, .6);--panel-3: rgba(22, 6, 40, .6);--banner-0: #210a3a;--banner-1: #1a0830;--overlay-strong: rgba(16, 8, 29, .8);--menu-bg: #140626;--menu-hover: var(--panel-strong);--accent-border-20: #c77dff33;--accent-border-33: #c77dff55;--accent-border-40: #c77dff66;--scroll-bg: var(--bg);--scrollbar: #9d4edd33 }*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}html,body,#root{height:100%}html,body,#root,*{cursor:none!important}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;color:var(--text);background:radial-gradient(1200px 800px at 20% 10%,var(--banner-0) 0%,transparent 60%),radial-gradient(1200px 800px at 80% 90%,var(--banner-1) 0%,transparent 60%),var(--bg);background-attachment:fixed}.page{min-height:100%;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.starfield{position:fixed;inset:0;z-index:0}.container{width:min(1100px,80vw);background:linear-gradient(180deg,var(--panel-0),var(--panel-1));border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);overflow:hidden}.header{position:relative;padding:20px 20px 0}.title{display:flex;align-items:center;gap:10px}.logo{width:40px;height:40px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,var(--accent3),var(--accent2));color:var(--ink-strong);border-radius:10px;box-shadow:var(--button-glow);font-weight:700}.header h1{margin:0;font-size:1.4rem;letter-spacing:.5px;color:var(--text);text-shadow:var(--text-shadow-dark)}.banner{margin-top:10px;position:relative;height:180px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.banner img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.2) brightness(.8)}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--overlay-strong) 100%)}.grid{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:20px}.sidebar{background:linear-gradient(180deg,var(--panel-2),var(--panel-3));border:1px solid var(--border);border-radius:var(--radius);padding:15px}.sidebar ul{list-style:none;margin:0 0 15px;padding:0;display:grid;gap:10px}.sidebar a{display:block;text-decoration:none;padding:10px;border-radius:var(--radius);color:var(--text);background:var(--surface-0);border:1px solid transparent;transition:all .18s ease}.sidebar a:hover{background:var(--surface-3);border-color:var(--accent-border-20)}.sidebar a.active{background:linear-gradient(180deg,var(--surface-5),var(--surface-4));border-color:var(--accent-border-40);box-shadow:inset var(--glow),var(--shadow)}.sidebar a:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.sidebar-card{margin-top:10px;padding:10px;border:1px dashed var(--accent-border-33);border-radius:var(--radius);background:var(--surface-0)}.sidebar-card h3{margin:0 0 10px;font-size:.95rem;color:var(--accent3);letter-spacing:.3px}.bullets{margin:0;padding:0;list-style:none;display:grid;gap:5px;color:var(--muted);font-size:.92rem}.bullets li{display:flex;align-items:center}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:10px;box-shadow:0 0 8px var(--accent)}.main{min-height:360px;display:grid;gap:20px}.main a{color:var(--text);transition:all .18s ease}.main a:hover{color:var(--accent)}.card{background:linear-gradient(180deg,var(--panel),var(--panel-0));border:1px solid var(--border);border-radius:var(--radius);padding:15px;min-width:0}.card h3,.card h2{margin-top:0;color:var(--accent3);text-shadow:var(--text-shadow-glow)}.grid-2{display:grid;gap:20px;grid-template-columns:1fr 1fr}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;container-type:inline-size}.stat{background:var(--card-bg, var(--surface-0));border-radius:var(--radius);padding:.75rem}.stat h4{margin:0 0 .25rem;font-size:.9rem;opacity:.8;font-size:clamp(.7rem,2.2cqi,.9rem)}.stat .value{font-size:clamp(.9rem,3.5cqi,1.25rem);font-weight:600}.stat h4,.stat .value{overflow-wrap:anywhere;word-break:break-word}.chat-placeholder{margin-top:10px;display:grid;gap:10px}.footer{border-top:1px solid var(--border);padding:15px 20px 20px;color:var(--muted);background:linear-gradient(180deg,transparent,rgba(16,8,29,.6))}.footer .tiny{font-size:.85rem;opacity:.85}.news-controls{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,200px)}.news-controls>*{min-width:0}.news-input,.news-select,textarea,input[type=date],input[type=search],input:not([type]),select{background:var(--surface-1);border:1px solid var(--accent-border-20);color:var(--text);padding:10px;border-radius:var(--radius);font:inherit}.news-input::placeholder,textarea::placeholder{color:var(--muted)}.news-input:focus,.news-select:focus,textarea:focus{outline:2px solid var(--accent2);outline-offset:2px}.theme-select{position:relative}.theme-select-button{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--accent-border-20);color:var(--text);padding:10px 34px 10px 12px;border-radius:var(--radius);font:inherit;line-height:1.2;cursor:pointer;box-shadow:inset var(--shadow)}.theme-select-button:focus{outline:2px solid var(--accent2);outline-offset:2px}.theme-select .chev{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--accent3)}.theme-select-list{position:absolute;margin-top:10px;width:100%;max-height:260px;overflow:auto;background:var(--menu-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px var(--border) inset;padding:0 5px}.theme-select-option{margin:5px 0;padding:10px;border-radius:var(--radius);color:var(--text);background:transparent;cursor:pointer}.theme-select-option:hover,.theme-select-option.active{background:var(--menu-hover);color:var(--accent3)}.theme-select-option.selected{border:1px solid var(--accent-border-33);background:var(--surface-2)}.player{display:grid;gap:10px}.track-meta{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--accent3),var(--accent2));color:var(--ink-strong);font-weight:800;box-shadow:var(--button-glow)}.track-title{display:flex;align-items:center;gap:5px;font-weight:700}.artist{font-size:.9rem;color:var(--muted)}.seek{-webkit-appearance:none;appearance:none;width:100%;height:10px;min-height:0;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent));outline:none;opacity:.9;box-shadow:inset var(--shadow),var(--button-glow)}.seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ink-weak);border:5px solid var(--accent2);box-shadow:var(--button-glow)}.seek::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--ink-weak);border:5px solid var(--accent2);box-shadow:var(--button-glow)}.music-control-row{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:10px;min-width:0}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem;text-align:center}.controls{display:flex;justify-content:center;align-items:center;gap:10px}.btn{background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:10px;border-radius:10px;transition:transform .12s ease,background .16s ease,box-shadow .16s ease;box-shadow:var(--shadow-inset)}.btn:hover{background:#c77dff33;box-shadow:var(--glow)}.btn:active{transform:translateY(1px) scale(.98)}.btn.primary{background:linear-gradient(180deg,var(--accent2),var(--accent));border-color:transparent;color:var(--ink-strong);font-weight:800;text-shadow:var(--text-shadow-light);box-shadow:var(--button-glow)}.btn:disabled{opacity:.6;cursor:default}.btn.primary:hover{filter:brightness(1.05)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{filter:brightness(1.05)}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar) var(--scroll-bg)}.horizontal-scroll{overflow-x:auto;white-space:nowrap}.horizontal-scroll::-webkit-scrollbar{height:8px}.container,.header,.sidebar,.main,.footer{position:relative;z-index:1}.chatbox{height:260px;overflow:auto;padding:20px;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--accent-border-20);box-shadow:inset var(--shadow);overflow-y:auto;overflow-x:hidden;position:relative}.msgs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;word-wrap:break-word;overflow-wrap:anywhere}.msg{display:flex}.msg.left{justify-content:flex-start}.msg.right{justify-content:flex-end}.msg-text{overflow-wrap:anywhere;word-break:break-word}.bubble{max-width:80%;padding:10px;border-radius:var(--radius);background:var(--surface-3);border:1px solid var(--accent-border-20);color:var(--text)}.bubble.left{border-top-left-radius:3px}.bubble.right{border-top-right-radius:3px;background:var(--surface-4);margin-left:auto}.msg-head{display:flex;gap:10px;font-size:.85rem;opacity:.8;margin-bottom:5px}.chat-input{display:grid;grid-template-columns:minmax(0,180px) 1fr minmax(0,auto);gap:15px;align-items:center;margin-top:15px}.chat-input.signed-in{grid-template-columns:1fr minmax(0,auto)}.chat-input input{background:var(--surface-1);border:1px solid var(--accent-border-20);color:var(--text);padding:10px;border-radius:var(--radius);font:inherit}.chat-input input::placeholder{color:var(--muted)}.chat-input input:focus{outline:2px solid var(--accent2);outline-offset:2px}.chat-input .msg-input{resize:none;height:43px;line-height:43px;padding:10px;border:1px solid var(--accent-border-20);border-radius:var(--radius);font:inherit;overflow:hidden}.chat-rooms ul{list-style:none;margin:0;padding:0}.chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.chat-avatar{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-weak);font-size:12px;font-weight:700;margin-right:8px;flex:0 0 auto}.msg-name{font-weight:600}.mention-me{box-shadow:inset 0 0 0 2px var(--accent)}.typing-hint{font-size:12px;color:var(--muted);padding:6px 10px 10px}.presence{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.presence .dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 8px #2ecc71;display:inline-block}.vertical{display:flex;flex-direction:column;gap:15px}.row{display:flex;align-items:center;gap:10px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.item{padding:8px;background:var(--surface-1);border:1px solid var(--accent-border-20);border-radius:var(--radius)}textarea,select,button{color:var(--text);background:var(--panel);border:1px solid var(--accent-border-20);border-radius:var(--radius);padding:8px}textarea.vertical{resize:vertical}button{cursor:pointer;box-shadow:var(--button-glow)}a.btn{text-decoration:none}.masonry{column-count:2;column-gap:15px}.brick{display:inline-block;width:100%;margin:0 0 10px;border-radius:10px;overflow:hidden;background:#111}.brick img{display:block;width:100%;height:auto}.brick img{transition:transform .18s ease,filter .18s ease}.brick:hover img{transform:scale(1.01);filter:brightness(.95)}@media(prefers-reduced-motion:reduce){.brick img{transition:none}}@media(max-width:1200px){.stats-grid{grid-template-columns:1fr}}@media(max-width:1000px){.grid,.news-controls{grid-template-columns:1fr}.masonry{column-count:1}.grid-2{grid-template-columns:1fr}.chat-input{grid-template-columns:minmax(0,1fr)}}