:root{--peri-bg: #0a0a0a;--peri-surface: rgba(255, 255, 255, .03);--peri-surface-raised: rgba(255, 255, 255, .06);--peri-border: rgba(255, 255, 255, .08);--peri-border-mid: rgba(255, 255, 255, .15);--peri-border-bright: rgba(255, 255, 255, .25);--peri-text: #e8eef4;--peri-text-dim: #8aa0b4;--peri-text-muted: #556677;--peri-accent: #c9a84c;--peri-accent-dim: rgba(201, 168, 76, .4);--peri-accent-glow: rgba(201, 168, 76, .15);--peri-green: #00ff88;--peri-green-dim: rgba(0, 255, 136, .15);--peri-red: #ff4444;--peri-red-dim: rgba(255, 68, 68, .15);--peri-yellow: #ffcc00;--peri-yellow-dim: rgba(255, 204, 0, .15);--peri-blue: #4488ff;--peri-blue-dim: rgba(68, 136, 255, .15);--font-mono: "JetBrains Mono", "Space Mono", "Fira Code", monospace;--font-display: "Space Mono", monospace;--font-body: "Inter", sans-serif;--mono-bg: #050505;--mono-surface: rgba(255, 255, 255, .03);--mono-border: rgba(255, 255, 255, .1);--mono-border-bright: rgba(255, 255, 255, .2);--mono-text: #ffffff;--mono-text-muted: #666666;--mono-accent: #c9a84c;--mono-accent-dim: rgba(201, 168, 76, .5);--mono-accent-glow: rgba(201, 168, 76, .3);--mono-fracture-light: rgba(201, 168, 76, .2);--mono-error: #ff4444;--mono-success: #00ff88;--mono-glass-bg: rgba(15, 15, 15, .8);--mono-glass-blur: 40px;--mono-font-display: "Space Mono", monospace;--mono-font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--peri-bg);color:var(--peri-text);font-family:var(--font-mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--peri-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--peri-bg)}::-webkit-scrollbar-thumb{background:var(--peri-border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--peri-border-bright)}@media(prefers-color-scheme:light){:root{color-scheme:dark}}.monolith-page{background-color:var(--mono-bg);color:var(--mono-text);font-family:var(--mono-font-body);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.shard{position:absolute;background:linear-gradient(135deg,var(--mono-surface),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--mono-border);pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.shard-1{width:40vw;height:40vh;top:-10%;left:-5%;clip-path:polygon(0 0,100% 0,80% 100%,0% 80%);animation:shard-float 20s infinite alternate}.shard-2{width:30vw;height:50vh;bottom:-5%;right:-5%;clip-path:polygon(20% 0%,100% 20%,100% 100%,0% 100%);animation:shard-float 25s infinite alternate-reverse}.shard-3{width:25vw;height:35vh;top:20%;right:10%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:shard-float 22s infinite alternate;opacity:.5}@keyframes shard-float{0%{transform:translate(0) rotate(0)}to{transform:translate(20px,40px) rotate(5deg)}}.monolith-card{position:relative;width:420px;padding:60px;background:linear-gradient(165deg,var(--mono-glass-bg) 0%,rgba(5,5,5,.95) 100%);border:1px solid var(--mono-border);box-shadow:0 50px 100px #000c;-webkit-backdrop-filter:blur(var(--mono-glass-blur));backdrop-filter:blur(var(--mono-glass-blur));animation:card-reveal 1.2s cubic-bezier(.16,1,.3,1) forwards;transition:transform .15s ease-out}.monolith-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 40%,var(--mono-fracture-light) 45%,transparent 50%);z-index:-1;pointer-events:none}.monolith-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.1;pointer-events:none}@keyframes card-reveal{0%{opacity:0;transform:rotateX(15deg) rotateY(-15deg) translateY(50px) scale(.9)}to{opacity:1;transform:rotateX(5deg) rotateY(-5deg) translateY(0) scale(1)}}.mono-button{width:100%;background:var(--mono-text);color:#000;border:none;padding:20px;font-family:var(--mono-font-display);font-weight:700;font-size:12px;letter-spacing:.2em;margin-top:20px;position:relative;overflow:hidden;transition:transform .2s ease,background .3s ease;cursor:pointer;text-transform:uppercase}.mono-button:hover{background:var(--mono-accent);transform:translateY(-2px)}.mono-button:active{transform:translateY(0)}.mono-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mono-button-glitch{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}.mono-button:hover .mono-button-glitch{left:100%}.mono-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.monolith-card{width:90vw;padding:40px 30px}}.topbar.svelte-yic9pk{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--peri-surface);border-bottom:1px solid var(--peri-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar-left.svelte-yic9pk{display:flex;align-items:center;gap:2rem}.logo.svelte-yic9pk{display:flex;align-items:center;gap:.75rem}.reticle.svelte-yic9pk{width:28px;height:28px}.wordmark.svelte-yic9pk{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.25em;color:var(--peri-accent)}.tabs.svelte-yic9pk{display:flex;gap:0}.tab.svelte-yic9pk{padding:.5rem 1.25rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--peri-text-dim);text-decoration:none;border:1px solid transparent;transition:all .2s}.tab.svelte-yic9pk:hover{color:var(--peri-text);background:var(--peri-surface-raised);text-decoration:none}.tab.active.svelte-yic9pk{color:var(--peri-accent);border-color:var(--peri-border-mid);background:var(--peri-accent-glow)}.topbar-right.svelte-yic9pk{display:flex;align-items:center;gap:1rem}.operator.svelte-yic9pk{font-size:.75rem;color:var(--peri-text-dim)}.logout-btn.svelte-yic9pk{background:none;border:1px solid var(--peri-border-mid);color:var(--peri-text-dim);padding:.35rem 1rem;font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:all .2s}.logout-btn.svelte-yic9pk:hover{color:var(--peri-red);border-color:var(--peri-red)}.app-main.svelte-12qhfyh{padding:2rem;max-width:1400px;margin:0 auto}.session-modal-overlay.svelte-12qhfyh{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.session-modal.svelte-12qhfyh{background:var(--peri-bg);border:1px solid var(--peri-accent);padding:3rem;text-align:center;max-width:400px}.session-modal.svelte-12qhfyh h3:where(.svelte-12qhfyh){font-family:var(--font-display);font-size:1rem;letter-spacing:.2em;color:var(--peri-accent);margin:0 0 1rem}.session-modal.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--peri-text-dim);font-size:.85rem;margin:0 0 2rem}.session-modal-btn.svelte-12qhfyh{display:inline-block;padding:.75rem 2rem;background:var(--peri-accent);color:#000;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-decoration:none;transition:transform .2s}.session-modal-btn.svelte-12qhfyh:hover{transform:translateY(-2px);text-decoration:none}
