*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0c;--fg:#a8a8b0;--dim:#2a2a30;--glow:#c8f7c5;--accent:#7b68ee;--oracle-color:#d0d0d8}html,body{width:100%;height:100%;overflow:hidden;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:IBM Plex Mono,monospace;-webkit-text-size-adjust:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{box-shadow:inset 0 0 80px #7b68ee01}50%{box-shadow:inset 0 0 120px #7b68ee04}}@keyframes glitch1{0%{clip-path:inset(40% 0 61% 0);transform:translate(-3px,2px)}20%{clip-path:inset(92% 0 1% 0);transform:translate(2px,-3px)}40%{clip-path:inset(43% 0 1% 0);transform:translate(-1px,3px)}60%{clip-path:inset(25% 0 58% 0);transform:translate(3px,1px)}80%{clip-path:inset(54% 0 7% 0);transform:translate(-3px,-2px)}to{clip-path:inset(58% 0 43% 0);transform:translate(2px,-1px)}}.glitching{animation:glitch1 80ms steps(2) infinite}.eye-spawned{position:fixed;z-index:100;pointer-events:none;transition:transform .2s ease-out;filter:grayscale(.5)}#crt-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9500;pointer-events:none;contain:strict}#crt-static{position:absolute;inset:0;opacity:.8}.crt-scan-beam{position:absolute;left:0;width:100%;height:4px;background:linear-gradient(to bottom,transparent,rgba(180,200,255,.05),transparent);animation:scan-beam-sweep 5s linear infinite;will-change:transform}@keyframes scan-beam-sweep{0%{transform:translateY(-4px)}to{transform:translateY(100vh)}}#three-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}#draw-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;opacity:.9}#webcam-feed{display:none;position:fixed;bottom:1rem;right:1rem;width:200px;height:auto;opacity:0;border:1px solid var(--dim);z-index:200;transition:opacity 1.5s;mix-blend-mode:difference}#webcam-feed.active{display:block;opacity:.25}#spawned{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50}#spawned>*{pointer-events:auto}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9000;opacity:0;transition:opacity .15s}#void{position:relative;z-index:10;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 2.5rem;overflow:hidden;animation:breathe 8s ease-in-out infinite}#history-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:1rem;scrollbar-width:none;mask-image:linear-gradient(transparent 0%,#000 15%);-webkit-mask-image:linear-gradient(transparent 0%,black 15%)}#history-container::-webkit-scrollbar{display:none}.history{margin-bottom:.7rem;font-size:1rem;line-height:1.6;max-width:65ch;animation:fadeIn .5s ease;word-wrap:break-word}.history.supplicant{color:#777;font-style:italic;padding-left:1.2rem;border-left:2px solid #2a2a35}.history.oracle-hist{color:#606070}#oracle{font-size:1.3rem;line-height:1.8;max-width:65ch;min-height:1.8rem;margin-bottom:1.5rem;color:var(--oracle-color);font-weight:300;text-shadow:0 0 40px rgba(123,104,238,.04);word-wrap:break-word;transition:color 1s,text-shadow 1s}#input-area{position:relative;transition:all .5s ease;min-height:2.8rem}#supplicant{background:transparent;border:none;border-bottom:1px solid #2a2a35;color:#999;font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-weight:300;width:100%;max-width:55ch;padding:.7rem 0;outline:none;transition:border-color .3s,color .3s;caret-color:var(--glow)}#supplicant:focus{border-color:#555;color:#ccc}#supplicant::placeholder{color:#333;font-size:1rem}#supplicant:disabled{opacity:.3}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;animation:fadeIn 1.5s ease}.suggestion{background:transparent;border:1px solid #1e1e2a;color:#555;font-family:IBM Plex Mono,monospace;font-size:.8rem;padding:.4rem .9rem;cursor:pointer;transition:all .4s;border-radius:1px}.suggestion:hover{border-color:#444;color:#aaa;text-shadow:0 0 15px rgba(123,104,238,.2)}#options-area{display:none;gap:.7rem;flex-wrap:wrap;margin-top:.6rem}#options-area.active{display:flex}#options-area button{background:transparent;border:1px solid #2a2a35;color:#888;font-family:IBM Plex Mono,monospace;font-size:.95rem;padding:.5rem 1.2rem;cursor:pointer;transition:all .3s}#options-area button:hover{border-color:#666;color:#ccc;text-shadow:0 0 12px rgba(123,104,238,.3)}#model-badge{position:fixed;top:.8rem;right:1rem;font-size:.55rem;color:#7b68ee33;font-family:IBM Plex Mono,monospace;letter-spacing:.15em;z-index:9600;pointer-events:none}@media(max-width:600px){#void{padding:1.2rem 1rem;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));height:100vh;height:100dvh;justify-content:flex-end}#history-container{flex:1 1 0;min-height:0;max-height:50vh;justify-content:flex-end}#oracle{font-size:1.05rem;max-width:100%;margin-bottom:1rem;line-height:1.6;flex-shrink:0}#input-area{flex-shrink:0;padding-bottom:.3rem}#supplicant{font-size:1rem;max-width:100%}.history{max-width:100%;font-size:.85rem;margin-bottom:.5rem}#webcam-feed{width:120px}#options-area button{font-size:.85rem;padding:.4rem .8rem}.suggestions{gap:.4rem;margin-bottom:.6rem}.suggestion{font-size:.75rem;padding:.35rem .7rem}}#key-gate{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999;background:radial-gradient(ellipse at 50% 50%,#0d0d12,#050508 60%,#020204);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;overflow:hidden}#key-gate.hidden{display:none}#key-gate .kg-glyph{font-size:3rem;color:#a896ff80;margin-bottom:2rem;letter-spacing:1em;animation:breatheGlyph 4s ease-in-out infinite;text-shadow:0 0 40px rgba(168,150,255,.2),0 0 80px rgba(168,150,255,.08)}@keyframes breatheGlyph{0%,to{opacity:.45;transform:scale(1);filter:blur(0px)}50%{opacity:.75;transform:scale(1.04);filter:blur(.5px)}}#key-gate .kg-label{font-size:.75rem;color:#c8beff99;margin-bottom:1.5rem;letter-spacing:.2em;text-transform:uppercase}.model-grid{display:flex;flex-direction:column;gap:.5rem;width:90vw;max-width:520px;margin-bottom:1.5rem}.model-option{background:transparent;border:1px solid rgba(123,104,238,.2);color:#c8c8d8b3;font-family:IBM Plex Mono,monospace;font-size:.8rem;padding:.7rem 1rem;cursor:pointer;transition:all .4s;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem}.model-option:hover{border-color:#a896ff80;color:#dcdce6f2;background:#7b68ee0f;text-shadow:0 0 20px rgba(168,150,255,.12)}.model-option.selected{border-color:#a896ffb3;color:#e6e6f0;background:#7b68ee1a}.model-option .model-name{font-weight:700;font-size:.85rem}.model-option .model-meta{font-size:.65rem;color:#a896ff80;white-space:nowrap}.model-option.disabled{opacity:.25;pointer-events:none}#model-progress{width:90vw;max-width:520px;margin-bottom:1rem;display:none}#model-progress.active{display:block}#progress-bar-outer{width:100%;height:2px;background:#7b68ee14;overflow:hidden;margin-bottom:.5rem}#progress-bar-inner{width:0%;height:100%;background:linear-gradient(90deg,#7b68ee66,#c8f7c580);transition:width .3s}#progress-text{font-size:.6rem;color:#c8beff80;text-align:center;letter-spacing:.15em;min-height:1.2em}#key-gate .kg-hint{font-size:.55rem;color:#a0a0b973;margin-top:1rem;max-width:42ch;text-align:center;line-height:1.6}#key-gate .kg-err{font-size:.7rem;color:#c66;margin-top:.5rem;opacity:0;transition:opacity .3s}#webgpu-warning{display:none;font-size:.7rem;color:#d77;text-align:center;max-width:42ch;line-height:1.6;margin-bottom:1rem;padding:.8rem;border:1px solid rgba(200,100,100,.3)}#key-gate .kg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#key-gate .kg-particle{position:absolute;color:#a896ff24;font-size:1.2rem;animation:kgFloat linear infinite}@keyframes kgFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.kg-starters{margin-top:2rem;text-align:center;max-width:520px;width:90vw}.kg-starters-label{font-size:.55rem;color:#a0a0b959;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8rem}.kg-starters-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.kg-starter{font-size:.7rem;color:#c8beff59;font-family:IBM Plex Mono,monospace;padding:.3rem .7rem;border:1px solid rgba(123,104,238,.1);transition:all .4s}.kg-starter:hover{color:#c8beff99;border-color:#7b68ee40}.kg-credit{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.kg-credit-link{font-size:.6rem;color:#a0a0b94d;font-family:IBM Plex Mono,monospace;text-decoration:none;letter-spacing:.1em;transition:color .4s;display:flex;align-items:center;gap:.4em}.kg-credit-link:hover{color:#c8beff8c}.kg-github-icon{width:.85em;height:.85em;flex-shrink:0}@media(max-width:600px){#key-gate .kg-glyph{font-size:2rem}.model-option{flex-wrap:wrap;gap:.2rem}.model-option .model-meta{white-space:normal}.model-grid,#model-progress{max-width:100%;width:95vw}}#thinking-field{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;overflow:hidden}#thinking-field.hidden{display:none}#thinking-field .tsigil{position:absolute;font-family:IBM Plex Mono,monospace;color:#7b68ee59;pointer-events:none;will-change:transform,opacity;transition:color 1s}#thinking-field.manifesting .tsigil{color:#c8f7c599;transition:color .3s}#thinking-status{position:absolute;left:0;bottom:4rem;font-size:.8rem;letter-spacing:.4em;font-family:IBM Plex Mono,monospace;color:#444;pointer-events:none}@keyframes sigilDrift{0%{transform:translate(0) rotate(0) scale(1);opacity:0}10%{opacity:.6}50%{transform:translate(var(--dx),var(--dy)) rotate(180deg) scale(var(--sc));opacity:.15}90%{opacity:.5}to{transform:translate(0) rotate(360deg) scale(1);opacity:0}}@keyframes convergeSigil{0%{opacity:.6}to{transform:translate(var(--cx),var(--cy)) scale(.3);opacity:0}}@media(max-width:600px){#thinking-status{bottom:3rem;font-size:.7rem}}#fake-crash{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9400;background:#0b0b0bf2;flex-direction:column;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;cursor:default;transition:opacity .8s}#fake-crash.active{display:flex}#fake-crash.fading{opacity:0}#fake-crash .ci{font-size:3.5rem;margin-bottom:1.5rem;opacity:.4}#fake-crash .ct{font-size:1.2rem;color:#c44;margin-bottom:.8rem;letter-spacing:.05em}#fake-crash .cb{font-size:.9rem;color:#555;max-width:45ch;text-align:center;line-height:1.6;margin-bottom:2rem}#fake-crash .cc{font-size:.7rem;color:#333;font-family:monospace;margin-bottom:2rem;letter-spacing:.1em}#fake-crash .cx{background:transparent;border:1px solid #333;color:#555;font-family:IBM Plex Mono,monospace;font-size:.85rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .3s}#fake-crash .cx:hover{border-color:#666;color:#888}@media(max-width:600px){#fake-crash .ci{font-size:2.5rem}#fake-crash .cb{font-size:.8rem}}#ambient-field{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;overflow:hidden;contain:layout style}#ambient-field .ambient-glyph{position:absolute;color:#7b68ee0a;font-family:IBM Plex Mono,monospace;pointer-events:none;will-change:transform,opacity}@keyframes ambientFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}50%{opacity:.6}90%{opacity:1}to{transform:translateY(-100vh) rotate(180deg);opacity:0}}@keyframes ambientPulse{0%,to{opacity:.03;transform:scale(1)}50%{opacity:.08;transform:scale(1.1)}}.editor-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;background:#050508eb;display:flex;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace}.editor-panel{background:#0d0d12;border:1px solid rgba(123,104,238,.15);width:90vw;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(123,104,238,.1)}.editor-header h2{font-size:.85rem;color:#7b68ee66;font-weight:400;letter-spacing:.2em;text-transform:uppercase;margin:0}.editor-close{background:none;border:none;color:#555;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.editor-close:hover{color:#999}.editor-warning{padding:.6rem 1.5rem;font-size:.6rem;color:#a5555580;border-bottom:1px solid rgba(123,104,238,.05)}.editor-body{display:flex;flex:1;overflow:hidden}.editor-list{width:200px;min-width:200px;border-right:1px solid rgba(123,104,238,.08);overflow-y:auto;padding:.5rem 0;display:flex;flex-direction:column}.editor-list-item{background:none;border:none;color:#666;font-family:IBM Plex Mono,monospace;font-size:.75rem;padding:.5rem 1rem;cursor:pointer;text-align:left;transition:all .2s}.editor-list-item:hover{color:#999;background:#7b68ee0a}.editor-list-item.active{color:#c8c8d8e6;background:#7b68ee14;border-left:2px solid rgba(123,104,238,.4)}.editor-list-item.editor-add{color:#7b68ee4d;margin-top:auto}.editor-list-item.editor-add:hover{color:#7b68ee99}.editor-io{padding:.5rem;display:flex;gap:.3rem;border-top:1px solid rgba(123,104,238,.05)}.editor-io-btn{background:none;border:1px solid rgba(123,104,238,.1);color:#555;font-family:IBM Plex Mono,monospace;font-size:.6rem;padding:.3rem .5rem;cursor:pointer;flex:1}.editor-io-btn:hover{border-color:#7b68ee4d;color:#888}.editor-form{flex:1;overflow-y:auto;padding:1rem 1.5rem}.editor-label{display:block;font-size:.65rem;color:#c8beff8c;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.3rem;margin-top:.8rem}.editor-hint{text-transform:none;letter-spacing:0;font-size:.55rem;color:#a0a0b966}.editor-label:first-child{margin-top:0}.editor-input{background:transparent;border:none;border-bottom:1px solid rgba(123,104,238,.12);color:#999;font-family:IBM Plex Mono,monospace;font-size:.85rem;width:100%;padding:.5rem 0;outline:none}.editor-input:focus{border-color:#7b68ee66;color:#ccc}.editor-textarea{background:#0000004d;border:1px solid rgba(123,104,238,.1);color:#888;font-family:IBM Plex Mono,monospace;font-size:.75rem;width:100%;padding:.6rem;outline:none;resize:vertical;line-height:1.6}.editor-textarea:focus{border-color:#7b68ee4d;color:#bbb}.editor-range{width:100%;accent-color:rgba(123,104,238,.5)}.editor-row{display:flex;align-items:center;gap:.5rem}.editor-input-sm{background:transparent;border:none;border-bottom:1px solid rgba(123,104,238,.12);color:#999;font-family:IBM Plex Mono,monospace;font-size:.8rem;width:60px;padding:.3rem 0;outline:none;text-align:center}.editor-input-sm:focus{border-color:#7b68ee66}.editor-row span{color:#444;font-size:.7rem}.editor-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin-top:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid rgba(123,104,238,.05)}.method-group-name{font-size:.6rem;color:#7b68ee4d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem}.method-toggle{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:#666;cursor:pointer;padding:.1rem 0}.method-toggle input{accent-color:rgba(123,104,238,.5)}.method-toggle:hover{color:#999}.editor-actions{display:flex;gap:.5rem;margin-top:1.2rem;padding-top:.8rem;border-top:1px solid rgba(123,104,238,.08)}.editor-btn{background:transparent;border:1px solid rgba(123,104,238,.2);color:#888;font-family:IBM Plex Mono,monospace;font-size:.8rem;padding:.5rem 1.2rem;cursor:pointer;transition:all .3s}.editor-btn:hover{border-color:#7b68ee80;color:#ccc}.editor-btn-danger{border-color:#b43c3c33;color:#844}.editor-btn-danger:hover{border-color:#b43c3c80;color:#c66}@media(max-width:600px){.editor-body{flex-direction:column}.editor-list{width:100%;min-width:unset;max-height:120px;border-right:none;border-bottom:1px solid rgba(123,104,238,.08)}.editor-form{padding:.8rem 1rem}.editor-methods{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.editor-panel{max-height:95vh}}.tier-tabs{display:flex;flex-wrap:wrap;gap:.5rem;width:90vw;max-width:520px;margin-bottom:1.5rem}.tier-tab{background:transparent;border:1px solid rgba(123,104,238,.18);color:#c8c8d899;font-family:IBM Plex Mono,monospace;font-size:.7rem;padding:.6rem .8rem;cursor:pointer;transition:all .4s;text-align:left;flex:1;min-width:110px}.tier-tab:hover{border-color:#a896ff73;color:#dcdce6d9;background:#7b68ee0d}.tier-tab.active{border-color:#a896ffb3;color:#e6e6f0;background:#7b68ee1a}.tier-name{display:block;font-weight:700;font-size:.75rem;margin-bottom:.2rem}.tier-sub{display:block;font-size:.55rem;color:#c8beff66;line-height:1.4}.tier-tab.active .tier-sub{color:#c8beff99}.gate-form{width:90vw;max-width:520px;margin-bottom:1rem}.gate-label{display:block;font-size:.65rem;color:#c8beff8c;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.3rem;margin-top:.8rem}.gate-input{background:transparent;border:none;border-bottom:1px solid rgba(168,150,255,.25);color:#bbb;font-family:IBM Plex Mono,monospace;font-size:.85rem;width:100%;padding:.5rem 0;outline:none;margin-bottom:.3rem}.gate-input:focus{border-color:#a896ff99;color:#ddd}.gate-btn{background:transparent;border:1px solid rgba(123,104,238,.25);color:#c8c8d8a6;font-family:IBM Plex Mono,monospace;font-size:.8rem;padding:.5rem 1.2rem;cursor:pointer;transition:all .3s;margin-top:.5rem}.gate-btn:hover{border-color:#a896ff8c;color:#dcdce6f2}.gate-btn:disabled{opacity:.3;cursor:not-allowed}.gate-btn-go{border-color:#c8f7c559;color:#c8f7c5bf;display:block;width:100%;margin-top:1rem}.gate-btn-go:hover{border-color:#c8f7c599;color:#c8f7c5;text-shadow:0 0 20px rgba(200,247,197,.2)}.gate-note{font-size:.75rem;color:#888;line-height:1.6;margin:.5rem 0}.gate-details{margin-top:.5rem}.gate-details summary{font-size:.7rem;color:#c8beff80;cursor:pointer;margin-bottom:.3rem}.gate-details p{font-size:.65rem;color:#888;line-height:1.8;margin:.2rem 0}.gate-details code{color:#c8f7c5b3;background:#0000004d;padding:.1rem .3rem}.gate-details a{color:#a896ffb3}.gate-personality{width:90vw;max-width:520px;margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(123,104,238,.12)}.gate-select{background:#0a0a0c;border:1px solid rgba(168,150,255,.25);color:#bbb;font-family:IBM Plex Mono,monospace;font-size:.8rem;padding:.4rem .5rem;width:100%;outline:none;margin-bottom:.3rem}.gate-select:focus{border-color:#a896ff80}.gate-link{background:none;border:none;color:#c8beff80;font-family:IBM Plex Mono,monospace;font-size:.6rem;cursor:pointer;padding:0}.gate-link:hover{color:#c8beffcc}@media(max-width:600px){.tier-tab{min-width:100%}.gate-form,.tier-tabs{max-width:100%;width:95vw}}