:root{--font-pixel: "Press Start 2P", monospace;--font-vt: "VT323", monospace;--font-body: "Nunito", system-ui, sans-serif;--color-primary: #cc00cc;--color-secondary: #0000cc;--color-bg: #0a0a1a;--color-bg2: #0f0f2a;--color-surface: #12123a;--color-border: #3a3a7a;--color-text: #e0e0ff;--color-text-dim: #8888aa;--color-accent: #00ffff;--color-yellow: #ffff00;--color-green: #00ff00;--color-red: #ff4444;--bevel-out: inset -2px -2px 0 #000, inset 2px 2px 0 rgba(255,255,255,.25);--bevel-in: inset 2px 2px 0 #000, inset -2px -2px 0 rgba(255,255,255,.15);--glow-primary: 0 0 8px var(--color-primary), 0 0 16px var(--color-primary);--glow-accent: 0 0 6px var(--color-accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;min-height:100vh;background-image:radial-gradient(ellipse at 20% 20%,rgba(204,0,204,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,0,204,.08) 0%,transparent 50%)}h1,h2,h3{font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:.05em;line-height:1.4}h1{font-size:1rem;color:var(--color-yellow);text-shadow:var(--glow-primary)}h2{font-size:.75rem;color:var(--color-primary)}h3{font-size:.6rem;color:var(--color-accent)}.vt323{font-family:var(--font-vt);font-size:1.4em}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;color:var(--color-yellow)}.btn{display:inline-block;padding:6px 14px;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;border:2px solid;box-shadow:var(--bevel-out);transition:box-shadow .1s,transform .1s;text-transform:uppercase;letter-spacing:.04em}.btn:hover{box-shadow:var(--bevel-out),0 0 8px var(--color-primary);transform:translateY(-1px)}.btn:active{box-shadow:var(--bevel-in);transform:translateY(1px)}.btn-primary{background:var(--color-primary);border-color:#ff00ff #660066 #660066 #ff00ff;color:#fff}.btn-secondary{background:var(--color-secondary);border-color:#0000ff #000066 #000066 #0000ff;color:#fff}.btn-accent{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent);color:#000}.btn-danger{background:var(--color-red);border-color:#ff6666 #880000 #880000 #ff6666;color:#fff}.btn-sm{padding:3px 8px;font-size:11px}.panel{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--bevel-out);padding:12px}.panel-header{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));padding:6px 10px;margin:-12px -12px 10px;font-family:var(--font-pixel);font-size:.55rem;color:#fff;text-shadow:1px 1px 0 #000;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}input,textarea,select{width:100%;padding:6px 8px;background:#000;border:2px solid var(--color-border);box-shadow:var(--bevel-in);color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--bevel-in),0 0 6px var(--color-primary)}input[type=color]{padding:2px;height:36px;cursor:pointer}label{display:block;font-family:var(--font-pixel);font-size:.5rem;color:var(--color-accent);margin-bottom:4px;text-transform:uppercase}.form-group{margin-bottom:14px}.form-error{color:var(--color-red);font-size:12px;margin-top:4px}.site-nav{background:var(--color-bg2);border-bottom:2px solid var(--color-primary);box-shadow:0 2px 12px #c0c6;padding:0 16px;display:flex;align-items:center;gap:0;height:44px;position:sticky;top:0;z-index:100}.site-nav .logo{font-family:var(--font-pixel);font-size:.55rem;color:var(--color-yellow);text-shadow:var(--glow-primary);margin-right:16px;white-space:nowrap;animation:blink-glow 3s ease-in-out infinite}@keyframes blink-glow{0%,90%,to{text-shadow:var(--glow-primary)}95%{text-shadow:none}}.site-nav a{padding:0 10px;height:100%;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--color-text-dim);text-decoration:none;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;text-transform:uppercase;letter-spacing:.04em}.site-nav a:hover{color:var(--color-accent);border-bottom-color:var(--color-accent);text-decoration:none}.site-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.site-nav .spacer{flex:1}.notif-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;margin-left:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.avatar{border:3px solid var(--color-border);object-fit:cover;display:block;box-shadow:var(--bevel-out)}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:80px;height:80px}.avatar-xl{width:120px;height:120px}.avatar-placeholder{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:.6rem;color:#fff;text-transform:uppercase}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-green);box-shadow:0 0 6px var(--color-green);animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.5}}.reaction-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.reaction-btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 6px #c0c6}.reaction-btn.active-star{border-color:var(--color-yellow);color:var(--color-yellow);box-shadow:0 0 6px #ff06}.reaction-btn.active-heart{border-color:var(--color-red);color:var(--color-red);box-shadow:0 0 6px #f446}.feed-item{border-left:3px solid var(--color-primary);padding:10px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:background .15s}.feed-item:hover{background:#1a1a4a}.feed-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.feed-author{font-weight:700;color:var(--color-primary)}.feed-author:hover{color:var(--color-yellow)}.feed-time{font-size:11px;color:var(--color-text-dim)}.post-type{font-family:var(--font-pixel);font-size:.4rem;padding:2px 5px;text-transform:uppercase;border:1px solid}.post-type-blog{color:var(--color-accent);border-color:var(--color-accent)}.post-type-status{color:var(--color-yellow);border-color:var(--color-yellow)}.post-type-photo{color:#f8f;border-color:#f8f}.post-type-video{color:#f80;border-color:#f80}.page-container{max-width:1100px;margin:0 auto;padding:16px}.two-col{display:grid;grid-template-columns:280px 1fr;gap:16px}.three-col{display:grid;grid-template-columns:220px 1fr 220px;gap:12px}@media (max-width: 768px){.two-col,.three-col{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg2)}::-webkit-scrollbar-thumb{background:var(--color-border);border:1px solid var(--color-bg2)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.text-center{text-align:center}.text-dim{color:var(--color-text-dim)}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:14px}.mt-4{margin-top:20px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:14px}.gap-1{gap:4px}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.marquee-wrap{overflow:hidden;white-space:nowrap}.marquee{display:inline-block;animation:marquee 20s linear infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.media-thumb{aspect-ratio:1;object-fit:cover;width:100%;border:2px solid var(--color-border);display:block;transition:border-color .15s,transform .15s;cursor:pointer}.media-thumb:hover{border-color:var(--color-primary);transform:scale(1.03);box-shadow:var(--glow-primary)}.alert{padding:8px 12px;border:2px solid;font-size:13px;margin-bottom:12px}.alert-error{border-color:var(--color-red);background:#ff44441a;color:var(--color-red)}.alert-success{border-color:var(--color-green);background:#00ff0014;color:var(--color-green)}.alert-info{border-color:var(--color-accent);background:#00ffff0f;color:var(--color-accent)}.profile-header{position:relative;min-height:160px;background-size:cover;background-position:center;border:3px solid var(--color-border);box-shadow:var(--bevel-out);overflow:hidden}.profile-header-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#000000b3)}.profile-header-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:14px;padding:16px}.profile-name{font-family:var(--font-pixel);font-size:.75rem;color:#fff;text-shadow:2px 2px 0 #000,var(--glow-primary)}.music-player{background:#1a1a1a;border:3px solid #888;box-shadow:inset 1px 1px #ccc,inset -1px -1px #444,3px 3px 8px #0009;font-family:var(--font-vt);overflow:hidden;width:100%}.music-player-titlebar{background:linear-gradient(90deg,#1c6eb4,#4b9fe8);padding:3px 6px;font-family:var(--font-pixel);font-size:.4rem;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none}.music-player-screen{background:#0a2a0a;border:2px solid #444;margin:6px;padding:6px 8px}.music-player-title{font-family:var(--font-vt);font-size:1.2rem;color:#0f0;white-space:nowrap;overflow:hidden}.music-player-time{font-size:1.4rem;color:#0f0;letter-spacing:2px}.music-player-vis{display:flex;align-items:flex-end;gap:1px;height:24px;margin:4px 0}.vis-bar{width:3px;background:#0f0;transition:height .1s;min-height:2px}.music-player-controls{display:flex;gap:4px;padding:0 6px 6px;align-items:center}.mp-btn{background:#333;border:1px solid #666;box-shadow:inset 1px 1px #999,inset -1px -1px #111;color:#ccc;cursor:pointer;padding:3px 7px;font-size:13px;line-height:1;transition:background .1s}.mp-btn:hover{background:#555;color:#fff}.mp-btn:active{box-shadow:inset -1px -1px #999,inset 1px 1px #111}.mp-progress{flex:1;height:8px;background:#111;border:1px solid #555;cursor:pointer;position:relative;margin:0 4px}.mp-progress-fill{height:100%;background:linear-gradient(90deg,#0c0,#0f0);pointer-events:none}.whiteboard{background:ivory;border:3px solid #ccc;box-shadow:var(--bevel-in);padding:10px;color:#222}.whiteboard-message{padding:8px 0;border-bottom:1px dashed #ccc;font-size:13px}.whiteboard-message:last-child{border-bottom:none}.whiteboard-author{font-weight:700;color:var(--color-primary)}.divider{border:none;border-top:1px solid var(--color-border);margin:14px 0}.divider-glow{border-top-color:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{background:var(--color-bg2);padding:6px 10px;text-align:left;font-family:var(--font-pixel);font-size:.45rem;color:var(--color-accent);border-bottom:2px solid var(--color-border)}.admin-table td{padding:6px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table tr:hover td{background:#cc00cc0d}.richtext{line-height:1.7}.richtext p{margin-bottom:.8em}.richtext h1,.richtext h2,.richtext h3{margin-bottom:.5em;margin-top:1em}.richtext img{max-width:100%;border:2px solid var(--color-border)}.richtext blockquote{border-left:3px solid var(--color-primary);padding-left:12px;color:var(--color-text-dim);margin:8px 0}@media (max-width: 700px){.two-col,.three-col{grid-template-columns:1fr!important}.page-container{padding:10px}.profile-header{min-height:120px}.profile-header-content{flex-wrap:wrap;gap:10px;padding:12px;align-items:flex-start}.profile-name{font-size:.55rem}h1{font-size:.75rem}h2{font-size:.6rem}.music-player{width:100%;right:0;bottom:0;border-left:none;border-right:none;border-bottom:none;border-radius:0}.feed-meta{flex-wrap:wrap;gap:5px}.btn{padding:8px 16px;font-size:13px}.btn-sm{padding:6px 10px;font-size:12px}.reaction-btn{padding:6px 12px;font-size:15px}input,textarea,select{font-size:16px;padding:8px}.media-grid{grid-template-columns:repeat(2,1fr)}.admin-table .hide-mobile{display:none}.panel-header{font-size:.45rem}.site-nav{padding:0 10px}}.nav-links.svelte-12qhfyh{display:flex;align-items:center;height:100%}.hamburger.svelte-12qhfyh{display:none;background:none;border:none;color:var(--color-text);font-size:22px;cursor:pointer;padding:0 8px;line-height:44px}.mobile-menu.svelte-12qhfyh{position:fixed;top:44px;left:0;right:0;background:var(--color-bg2);border-bottom:2px solid var(--color-primary);box-shadow:0 4px 20px #00000080;z-index:99;display:flex;flex-direction:column}.mobile-menu.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:14px 20px;border-bottom:1px solid var(--color-border);font-size:15px;font-weight:600;color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:8px}.mobile-menu.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.mobile-menu.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#cc00cc1a;color:var(--color-primary)}@media (max-width: 700px){.nav-links.svelte-12qhfyh{display:none}.hamburger.svelte-12qhfyh{display:block}.logo{font-size:.42rem!important}}@media (min-width: 701px){.mobile-menu.svelte-12qhfyh{display:none!important}}