:root{color-scheme:dark;--sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sg-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--sg-radius-sm: 6px;--sg-radius-md: 10px;--sg-radius-lg: 16px;--sg-radius-pill: 50px;--sg-accent: #ff1744;--sg-accent-dim: #b71c1c;--sg-accent-glow: rgba(255, 23, 68, .16);--sg-accent-glow2: rgba(255, 23, 68, .5);--sg-accent-border: rgba(255, 23, 68, .32);--sg-signal: #00e5ff;--sg-signal-bg: rgba(0, 229, 255, .13);--sg-signal-border: rgba(0, 229, 255, .42);--sg-signal-glow: rgba(0, 229, 255, .4);--sg-bg0: #080809;--sg-bg1: #0f0f11;--sg-bg2: #17171b;--sg-card: #0d0d10;--sg-line: rgba(255, 255, 255, .075);--sg-edge: rgba(255, 255, 255, .16);--sg-nav-bg: rgba(23, 23, 27, .82);--sg-bg-img: radial-gradient( ellipse 80% 60% at 70% -10%, rgba(255, 23, 68, .06), transparent 60% );--sg-text: #f0f0f2;--sg-text2: #9a9aa4;--sg-text3: #5c5c66;--sg-shadow: 0 20px 60px rgba(0, 0, 0, .5);--sg-transition: .2s ease;--sg-border-width: 1px;--sg-blur: 12px;--sg-warn: #ff9800;--sg-warn-bg: rgba(255, 152, 0, .1);--sg-warn-border: rgba(255, 152, 0, .3);--sg-info: #2196f3;--sg-info-bg: rgba(33, 150, 243, .1);--sg-info-border: rgba(33, 150, 243, .3);--sg-error-bg: var(--sg-accent-glow);--sg-error-border: var(--sg-accent-border);--sg-bg-primary: var(--sg-bg0);--sg-bg-secondary: var(--sg-bg1);--sg-bg-tertiary: var(--sg-bg2);--sg-bg-card: var(--sg-card);--sg-bg-hover: var(--sg-bg2);--sg-bg-muted: rgba(255, 255, 255, .08);--sg-border: var(--sg-line);--sg-border-hover: var(--sg-accent-border);--sg-text-primary: var(--sg-text);--sg-text-secondary: var(--sg-text2);--sg-text-muted: var(--sg-text3);--sg-success: var(--sg-signal);--sg-success-bg: var(--sg-signal-bg);--sg-success-border: var(--sg-signal-border);--sg-accent-gradient: linear-gradient( 135deg, var(--sg-accent) 0%, var(--sg-accent-dim) 50%, var(--sg-bg0) 100% );--sg-accent-gradient-subtle: linear-gradient(135deg, var(--sg-accent-glow) 0%, transparent 100%);--sg-shadow-glow: 0 0 20px var(--sg-accent-glow);--sg-overlay-badge: rgba(0, 0, 0, .6);--sg-overlay-backdrop: rgba(0, 0, 0, .7);--sg-overlay-nav: var(--sg-nav-bg)}[data-direction=arcade]{--sg-bg0: #0a0507;--sg-bg1: #120a0d;--sg-bg2: #1c1116;--sg-card: #100a0d;--sg-line: rgba(255, 23, 68, .14);--sg-nav-bg: rgba(28, 17, 22, .82);--sg-accent-glow: rgba(255, 23, 68, .34);--sg-accent-glow2: rgba(255, 23, 68, .7);--sg-bg-img: radial-gradient(ellipse 90% 70% at 50% -10%, rgba(255, 23, 68, .13), transparent 55%), radial-gradient(ellipse 60% 50% at 90% 110%, rgba(0, 230, 118, .06), transparent 60%)}[data-direction=term]{--sg-bg0: #060807;--sg-bg1: #0a0d0b;--sg-bg2: #111512;--sg-card: #0a0e0c;--sg-line: rgba(0, 230, 118, .13);--sg-nav-bg: rgba(17, 21, 18, .82);--sg-accent-glow: rgba(255, 23, 68, .14);--sg-accent-glow2: rgba(0, 230, 118, .5);--sg-bg-img: radial-gradient( ellipse 70% 60% at 30% -10%, rgba(0, 230, 118, .05), transparent 60% )}[data-direction=mosh]{--sg-bg0: #08070a;--sg-bg1: #0e0c12;--sg-bg2: #17141c;--sg-card: #0d0b11;--sg-line: rgba(255, 255, 255, .09);--sg-nav-bg: rgba(23, 20, 28, .82);--sg-accent-glow: rgba(255, 23, 68, .3);--sg-accent-glow2: rgba(255, 23, 68, .65);--sg-bg-img: radial-gradient(ellipse 80% 60% at 60% -10%, rgba(124, 77, 255, .08), transparent 55%), radial-gradient(ellipse 60% 50% at 20% 100%, rgba(255, 23, 68, .08), transparent 60%)}[data-direction=ukraine]{--sg-accent: #2f88ff;--sg-accent-dim: #184480;--sg-accent-glow: rgba(47, 136, 255, .28);--sg-accent-glow2: rgba(255, 215, 0, .55);--sg-accent-border: rgba(47, 136, 255, .34);--sg-signal: #ffd700;--sg-signal-bg: rgba(255, 215, 0, .13);--sg-signal-border: rgba(255, 215, 0, .42);--sg-signal-glow: rgba(255, 215, 0, .4);--sg-bg0: #040910;--sg-bg1: #08111f;--sg-bg2: #0e1b2e;--sg-card: #071322;--sg-line: rgba(47, 136, 255, .18);--sg-nav-bg: rgba(14, 27, 46, .82);--sg-bg-img: linear-gradient(180deg, rgba(47, 136, 255, .1), transparent 45%), radial-gradient(ellipse 60% 50% at 72% 44%, rgba(255, 215, 0, .06), transparent 60%)}[data-direction=matrix]{--sg-accent: #00ff5a;--sg-accent-dim: #00802d;--sg-accent-glow: rgba(0, 255, 90, .3);--sg-accent-glow2: rgba(0, 255, 90, .7);--sg-accent-border: rgba(0, 255, 90, .34);--sg-signal: #00ff5a;--sg-signal-bg: rgba(0, 255, 90, .13);--sg-signal-border: rgba(0, 255, 90, .42);--sg-signal-glow: rgba(0, 255, 90, .4);--sg-bg0: #000502;--sg-bg1: #020a05;--sg-bg2: #03130a;--sg-card: #020c06;--sg-line: rgba(0, 255, 90, .16);--sg-nav-bg: rgba(3, 19, 10, .82);--sg-bg-img: radial-gradient(ellipse 80% 70% at 50% 0%, rgba(0, 255, 90, .07), transparent 60%)}[data-theme=light]{color-scheme:light;--sg-bg0: #eceef3;--sg-bg1: #ffffff;--sg-bg2: #eef0f4;--sg-card: #ffffff;--sg-line: rgba(20, 22, 34, .11);--sg-edge: rgba(20, 22, 34, .2);--sg-nav-bg: rgba(238, 240, 244, .82);--sg-text: #141721;--sg-text2: #565b68;--sg-text3: #9aa0ac;--sg-shadow: 0 12px 40px rgba(20, 22, 44, .13);--sg-bg-muted: rgba(0, 0, 0, .05);--sg-overlay-badge: rgba(255, 255, 255, .85);--sg-overlay-backdrop: rgba(0, 0, 0, .4);--sg-signal: #008e9e;--sg-signal-bg: rgba(0, 142, 158, .13);--sg-signal-border: rgba(0, 142, 158, .42);--sg-signal-glow: rgba(0, 142, 158, .4)}[data-theme=light][data-direction=ukraine]{--sg-signal: #9e8500;--sg-signal-bg: rgba(158, 133, 0, .13);--sg-signal-border: rgba(158, 133, 0, .42);--sg-signal-glow: rgba(158, 133, 0, .4)}[data-theme=light][data-direction=matrix]{--sg-accent: #009e38;--sg-accent-border: rgba(0, 158, 56, .34);--sg-signal: #009e38;--sg-signal-bg: rgba(0, 158, 56, .13);--sg-signal-border: rgba(0, 158, 56, .42);--sg-signal-glow: rgba(0, 158, 56, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sg-font);background-color:var(--sg-bg0);background-image:var(--sg-bg-img);background-attachment:fixed;color:var(--sg-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sg-bg-muted);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--sg-accent-border);background-clip:content-box}::selection{background:var(--sg-accent-glow2);color:var(--sg-text)}@keyframes sg-glow-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.45;transform:scale(1.08)}}@keyframes sg-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes sg-online{0%,to{opacity:1;box-shadow:0 0 8px currentColor}50%{opacity:.35;box-shadow:0 0 2px currentColor}}@keyframes sg-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes sg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sg-rgb{0%{text-shadow:none}20%{text-shadow:-2px 0 var(--sg-accent),2px 0 var(--sg-signal)}40%{text-shadow:2px 0 var(--sg-accent),-2px 0 var(--sg-signal)}60%{text-shadow:-1px 0 var(--sg-accent),1px 0 var(--sg-signal)}to{text-shadow:none}}@keyframes sg-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes sg-rain{0%{transform:translateY(-100%)}to{transform:translateY(120%)}}@keyframes sg-float{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-52%) rotate(2deg)}}@keyframes sg-tabin{0%{opacity:0;transform:translateY(16px);filter:blur(3px)}55%{opacity:1;filter:blur(0)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes sg-tabline{0%{transform:scaleX(0);opacity:1}65%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}.sg-comment{font-family:var(--sg-font-mono);font-size:11px;color:var(--sg-text3)}.sg-card{background:var(--sg-card);border:var(--sg-border-width) solid var(--sg-line);border-radius:var(--sg-radius-lg)}.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 22px;border-radius:var(--sg-radius-md);font-family:var(--sg-font-mono);font-weight:700;font-size:13px;cursor:pointer;transition:all var(--sg-transition);border:var(--sg-border-width) solid transparent}.sg-btn:disabled{opacity:.5;cursor:default}.sg-btn-primary{background:var(--sg-accent);color:#fff;border:none;box-shadow:0 0 20px var(--sg-accent-glow)}.sg-btn-primary:hover:not(:disabled){transform:translateY(-2px)}.sg-btn-ghost{background:transparent;color:var(--sg-accent);border-color:var(--sg-accent-border)}.sg-btn-ghost:hover:not(:disabled){background:var(--sg-accent-glow)}.sg-btn-success{background:transparent;color:var(--sg-signal);border-color:var(--sg-signal-border)}.sg-btn-success:hover:not(:disabled){background:var(--sg-signal-bg)}.sg-input{height:44px;padding:0 14px;background:var(--sg-bg2);border:var(--sg-border-width) solid var(--sg-line);border-radius:var(--sg-radius-md);color:var(--sg-text);font-family:var(--sg-font);font-size:14px;outline:none;transition:border-color var(--sg-transition)}.sg-input::placeholder{color:var(--sg-text3)}.sg-input:focus{border-color:var(--sg-accent-border)}.p-button{--p-button-border-radius: var(--sg-radius-md);--p-button-focus-ring-color: var(--sg-accent-border);--p-button-primary-background: var(--sg-accent);--p-button-primary-border-color: var(--sg-accent);--p-button-primary-color: #fff;--p-button-primary-hover-background: var(--sg-accent-dim);--p-button-primary-hover-border-color: var(--sg-accent-dim);--p-button-primary-hover-color: #fff;--p-button-primary-active-background: var(--sg-accent-dim);--p-button-primary-active-border-color: var(--sg-accent-dim);--p-button-outlined-primary-color: var(--sg-accent);--p-button-outlined-primary-border-color: var(--sg-accent-border);--p-button-outlined-primary-hover-background: var(--sg-accent-glow);--p-button-outlined-primary-active-background: var(--sg-accent-glow);--p-button-text-primary-color: var(--sg-accent);--p-button-text-primary-hover-background: var(--sg-accent-glow);--p-button-text-primary-active-background: var(--sg-accent-glow);font-family:var(--sg-font-mono);font-weight:700}.p-popover .p-popover-arrow{color:var(--sg-bg-secondary)}.user-popover.p-popover{background:var(--sg-bg-secondary);border:var(--sg-border-width) solid var(--sg-border);border-radius:var(--sg-radius-md);box-shadow:var(--sg-shadow),var(--sg-shadow-glow)}.user-popover.p-popover:before,.user-popover.p-popover:after{border-color:transparent}.user-popover.p-popover.p-popover-top:after,.user-popover.p-popover.p-popover-top:before{border-top-color:var(--sg-bg-secondary)}.user-popover.p-popover.p-popover-bottom:after,.user-popover.p-popover.p-popover-bottom:before{border-bottom-color:var(--sg-bg-secondary)}.user-popover.p-popover.p-popover-left:after,.user-popover.p-popover.p-popover-left:before{border-left-color:var(--sg-bg-secondary)}.user-popover.p-popover.p-popover-right:after,.user-popover.p-popover.p-popover-right:before{border-right-color:var(--sg-bg-secondary)}.user-popover.p-popover .p-popover-content{padding:0;background:var(--sg-bg-secondary);border:none;border-radius:var(--sg-radius-md);overflow:hidden}.auth-dialog{--p-dialog-border-radius: 4px}.auth-dialog .p-dialog{border-radius:4px!important}.mobile-drawer{--p-drawer-background: var(--sg-bg-secondary);--p-drawer-border-color: var(--sg-border);--p-drawer-title-font-weight: 600;--p-drawer-shadow: 0 8px 32px rgba(0, 0, 0, .5)}.mobile-drawer.p-drawer{width:240px!important;background:var(--sg-bg-secondary)!important;border-right:var(--sg-border-width) solid var(--sg-border)}.mobile-drawer .p-drawer-header{padding:16px;border-bottom:var(--sg-border-width) solid var(--sg-border);background:var(--sg-bg-secondary)!important;color:var(--sg-text-primary)}.mobile-drawer .p-drawer-content{padding:12px;background:var(--sg-bg-secondary)!important}.mobile-drawer .p-drawer-close-button{color:var(--sg-text-secondary);background:transparent}.mobile-drawer .p-drawer-close-button:hover{color:var(--sg-accent);background:var(--sg-accent-glow)}.p-select-overlay{--p-select-overlay-background: var(--sg-bg1);--p-select-overlay-border-color: var(--sg-line);--p-select-overlay-color: var(--sg-text);--p-select-option-color: var(--sg-text2);--p-select-option-focus-background: var(--sg-bg2);--p-select-option-focus-color: var(--sg-text);--p-select-option-selected-background: var(--sg-accent-glow);--p-select-option-selected-focus-background: var(--sg-accent-glow);--p-select-option-selected-color: var(--sg-accent);--p-select-option-selected-focus-color: var(--sg-accent);background:var(--sg-bg1);border:var(--sg-border-width) solid var(--sg-line);border-radius:var(--sg-radius-sm);box-shadow:var(--sg-shadow)}.p-select-overlay .p-select-option{color:var(--sg-text2);font-family:var(--sg-font);font-size:.9rem}.p-select-overlay .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus{background:var(--sg-bg2);color:var(--sg-text)}.p-select-overlay .p-select-option.p-select-option-selected,.p-select-overlay .p-select-option.p-select-option-selected.p-focus{background:var(--sg-accent-glow);color:var(--sg-accent)}.p-message{border-radius:var(--sg-radius-sm);font-family:var(--sg-font);font-size:.85rem}.p-message.p-message-error{background:var(--sg-error-bg);border-color:var(--sg-error-border);color:var(--sg-accent)}.p-message.p-message-success{background:var(--sg-success-bg);border-color:var(--sg-success-border);color:var(--sg-success)}.p-message.p-message-warn{background:var(--sg-warn-bg);border-color:var(--sg-warn-border);color:var(--sg-warn)}.p-message.p-message-info{background:var(--sg-info-bg);border-color:var(--sg-info-border);color:var(--sg-info)}