:root{--abyss-bg-primary: #0A0A0F;--abyss-bg-secondary: #0D1117;--abyss-bg-tertiary: #0F2A3F;--abyss-bg-input: #161B22;--abyss-accent-primary: #00E5CC;--abyss-accent-secondary: #6E42CA;--abyss-accent-warning: #F0B90B;--abyss-accent-error: #FF4757;--abyss-text-primary: #C9D1D9;--abyss-text-secondary: #8B949E;--abyss-text-disabled: #484F58;--abyss-border: #21262D;--abyss-font-display: "Space Grotesk", system-ui, sans-serif;--abyss-font-body: "Inter", system-ui, sans-serif;--abyss-font-mono: "JetBrains Mono", monospace;--abyss-ease: cubic-bezier(.16, 1, .3, 1);--abyss-duration-fast: .15s;--abyss-duration-normal: .3s;--abyss-duration-slow: .6s;--abyss-radius: 8px;--abyss-radius-sm: 4px;--abyss-radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--abyss-font-body);background:var(--abyss-bg-primary);color:var(--abyss-text-primary);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;height:100vh;height:100dvh}#root{height:100vh;height:100dvh}:focus-visible{outline:2px solid var(--abyss-accent-primary);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:48px 1fr;height:100vh;height:100dvh;overflow:hidden;max-width:100vw}.top-bar-slot{grid-column:1 / -1;grid-row:1}.sidebar-slot{grid-column:1;grid-row:2;overflow-y:auto}.main-content{grid-column:2;grid-row:2;overflow-y:auto;overflow-x:hidden;padding:32px 24px}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar-slot{display:none;position:fixed;top:48px;left:0;bottom:0;width:280px;z-index:100;border-right:1px solid var(--abyss-border);background:var(--abyss-bg-secondary)}.sidebar-slot.open{display:flex}.main-content{grid-column:1;padding-bottom:env(safe-area-inset-bottom,20px)}}@media(max-width:480px){.main-content{padding:12px 10px;padding-bottom:env(safe-area-inset-bottom,20px)}}@media(max-height:500px){.main-content{padding-top:8px;padding-bottom:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{to{transform:translate(100%);opacity:0}}@keyframes revealFade{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes sonar{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--abyss-accent-primary)}50%{box-shadow:0 0 20px var(--abyss-accent-primary)}}