:root{--color-obsidian:#0a0a0b;--color-obsidian-light:#111113;--color-obsidian-lighter:#1a1a1d;--color-titanium-dark:#2a2a2f;--color-titanium:#4a4a52;--color-titanium-light:#6a6a72;--color-electric:#0ea5e9;--color-electric-bright:#38bdf8;--color-electric-glow:#0ea5e980;--color-electric-dim:#0ea5e926;--color-anamorphic:#3b82f6;--color-anamorphic-glow:#3b82f666;--color-amber:#f59e0b;--color-amber-glow:#f59e0b66;--color-green:#10b981;--color-green-glow:#10b98166;--color-red:#ef4444;--color-red-glow:#ef444466;--color-white:#fff;--color-white-90:#ffffffe6;--color-white-70:#ffffffb3;--color-white-50:#ffffff80;--color-white-30:#ffffff4d;--color-white-10:#ffffff1a;--color-white-05:#ffffff0d;--color-white-03:#ffffff08;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--text-disabled:#3f3f46;--surface-base:var(--color-obsidian);--surface-raised:#ffffff0d;--surface-dim:#0000004d;--surface-overlay:#0a0a0be6;--border-dim:#ffffff0d;--border-light:#ffffff1a;--border-medium:#ffffff26;--border-strong:#fff3;--color-success:var(--color-green);--color-warning:var(--color-amber);--color-error:var(--color-red);--color-info:var(--color-electric);--color-black:#000;--color-white-60:#fff9;--floor-accent:var(--color-electric);--floor-accent-bright:var(--color-electric-bright);--floor-accent-dim:var(--color-electric-dim);--floor-accent-rgb:14,165,233;--gradient-text:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Monaco",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-12);--space-3xl:var(--space-16);--space-4xl:var(--space-24);--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:28px;--radius-full:9999px;--z-behind:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--z-max:9999;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--max-w-7xl:80rem;--max-w-6xl:72rem;--max-w-5xl:64rem;--max-w-4xl:56rem;--max-w-3xl:48rem;--max-w-2xl:42rem;--max-w-xl:36rem;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-bg-active:#ffffff14;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-blur:20px;--glass-blur-lg:40px;--os-glass-base:#141414b3;--os-glass-hover:#28282899;--os-glass-active:#3c3c3c80;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-2xl:0 24px 64px #000000b3;--shadow-inner:inset 0 1px 3px #0000004d;--shadow-inner-lg:inset 0 2px 6px #0006;--glow-electric:0 0 40px var(--color-electric-glow);--glow-electric-sm:0 0 20px var(--color-electric-glow);--glow-electric-lg:0 0 60px var(--color-electric-glow);--glow-anamorphic:0 0 20px var(--color-anamorphic-glow);--glow-amber:0 0 15px var(--color-amber-glow);--glow-green:0 0 15px var(--color-green-glow);--glow-red:0 0 15px var(--color-red-glow);--text-glow-electric:0 0 8px var(--color-electric-glow);--gradient-electric:linear-gradient(135deg,var(--color-electric)0%,#0284c7 100%);--gradient-obsidian:linear-gradient(180deg,var(--color-obsidian)0%,var(--color-obsidian-light)100%);--gradient-glass-top:linear-gradient(180deg,#ffffff08 0%,transparent 100%);--gradient-fade-bottom:linear-gradient(to bottom,#0a0a0be6 0%,#0a0a0b00 100%);--backdrop-blur:blur(20px);--backdrop-blur-sm:blur(8px);--backdrop-blur-lg:blur(40px);--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-antigravity:cubic-bezier(.16,1,.3,1);--ease-smooth:cubic-bezier(.25,.1,.25,1);--duration-instant:0s;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--duration-slower:.8s;--duration-slowest:1s;--transition-fast:var(--duration-fast)var(--ease-in-out);--transition-base:var(--duration-base)var(--ease-in-out);--transition-slow:var(--duration-slow)var(--ease-in-out);--transition-bounce:var(--duration-base)var(--ease-bounce);--transition-antigravity:var(--duration-slower)var(--ease-antigravity)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--color-electric-glow)}50%{box-shadow:0 0 40px var(--color-electric-glow),0 0 60px var(--color-electric-dim)}}@layer base{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal}body{line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:var(--text-muted)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}body{font-family:var(--font-primary);background:var(--color-obsidian);color:var(--text-primary);line-height:var(--leading-normal);overflow-x:hidden}::selection{background:var(--color-electric);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-electric);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-white-10);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-white-30)}*{scrollbar-width:thin;scrollbar-color:var(--color-white-10)transparent}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.skip-link{z-index:var(--z-max);padding:var(--space-3)var(--space-4);background:var(--color-electric);color:var(--color-white);font-weight:var(--font-bold);text-decoration:none;position:absolute;top:-9999px;left:0}.skip-link:focus{top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-base{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;text-decoration:none;display:inline-flex}.btn-base:focus-visible{outline:2px solid var(--color-electric);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-electric);color:var(--color-white);border:none}.btn-primary:hover{box-shadow:var(--glow-electric-sm),var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);color:var(--color-white);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-electric-dim);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-icon.sm{width:28px;height:28px}.btn-icon.lg{width:44px;height:44px}.input-base{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-sm);line-height:var(--leading-normal);transition:all var(--transition-fast);box-shadow:var(--shadow-inner);background:#0000004d}.input-base::placeholder{color:var(--text-muted)}.input-base:hover{border-color:var(--glass-border-hover);background:#0006}.input-base:focus{border-color:var(--color-electric);box-shadow:0 0 0 1px var(--color-electric),var(--glow-electric-sm);background:#00000080;outline:none}.input-base:disabled{opacity:.5;cursor:not-allowed}.select-base{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-8)}.textarea-base{resize:vertical;min-height:80px;font-family:var(--font-mono)}.input-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-tight)}.label-base{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);display:block}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.glass-panel:hover{border-color:var(--glass-border-hover)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--color-electric-dim);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.glass-surface{background:var(--os-glass-base);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border)}.glass-header{background:var(--gradient-glass-top);border-bottom:1px solid var(--glass-border)}.glass-divider{background:linear-gradient(90deg,transparent,var(--glass-border),transparent);height:1px}.glow-border{position:relative}.glow-border:before{content:"";background:linear-gradient(90deg,transparent,var(--color-electric-dim),transparent);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.glow-border:hover:before{opacity:1}.floor{--floor-bg:var(--color-obsidian);--floor-accent:var(--color-electric);--floor-accent-glow:var(--glow-electric);--floor-panel-bg:var(--glass-bg);--floor-panel-border:var(--glass-border);background:var(--floor-bg);min-height:100vh}.room{--room-name:"unnamed";--room-padding:var(--space-4);--room-gap:var(--space-4);padding:var(--room-padding);position:relative}.window{--window-width:320px;--window-height:240px;width:var(--window-width);height:var(--window-height);background:var(--os-glass-base);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.window-header{height:32px;padding:0 var(--space-3);background:var(--gradient-glass-top);border-bottom:1px solid var(--glass-border);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);justify-content:space-between;align-items:center;display:flex}.window-content{flex:1;overflow:auto}.window-controls{gap:var(--space-2);display:flex}.panel{--panel-width:280px;width:var(--panel-width);background:var(--floor-panel-bg);height:100%;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-right:1px solid var(--floor-panel-border);flex-direction:column;display:flex}.panel-header{height:40px;padding:0 var(--space-4);border-bottom:1px solid var(--floor-panel-border);background:var(--gradient-glass-top);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.panel-content{padding:var(--space-3);flex:1;overflow-y:auto}.panel-footer{padding:var(--space-3);border-top:1px solid var(--floor-panel-border)}