:root{--heretic-black: #0a0a0a;--heretic-stone: #1a1410;--heretic-stone-light: #2a2218;--heretic-blood: #8b0000;--heretic-gold: #c9a84c;--heretic-gold-dim: #8a7230;--heretic-moss: #4a5d23;--heretic-fire: #ff4500;--heretic-rune: #00d4ff;--heretic-parchment: #d4c5a0;--heretic-parchment-dim: #a09070;--heretic-ember: #ff6600;--panel-bg: rgba(10, 10, 10, .92);--panel-border: 2px solid var(--heretic-gold);--panel-border-glow: 0 0 10px rgba(201, 168, 76, .3);--rune-glow: 0 0 15px var(--heretic-rune);font-family:Courier Prime,monospace;color:var(--heretic-parchment);background-color:var(--heretic-black)}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--heretic-black);background-image:radial-gradient(ellipse at 20% 50%,rgba(139,0,0,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,212,255,.03) 0%,transparent 50%);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 6px);pointer-events:none;z-index:9999}h1,h2,h3,h4{font-family:Cinzel,serif;font-weight:700;letter-spacing:2px}.gothic-title{font-family:UnifrakturMaguntia,cursive;font-size:2.5em;color:var(--heretic-gold);text-shadow:0 0 20px rgba(201,168,76,.5)}.runes{font-family:UnifrakturMaguntia,cursive;color:var(--heretic-rune);opacity:.6;letter-spacing:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--heretic-black);border:1px solid var(--heretic-stone-light)}::-webkit-scrollbar-thumb{background:var(--heretic-gold-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--heretic-gold)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.grimorio-title{text-align:center;padding:2rem 0;margin-bottom:2rem;border-bottom:1px solid var(--heretic-gold-dim);position:relative}.grimorio-title:after{content:"ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ ᚷ ᚹ ᚺ ᚾ ᛁ ᛃ ᛇ ᛈ ᛉ ᛊ ᛏ ᛒ ᛖ ᛗ ᛚ ᛝ ᛟ ᛞ";display:block;font-size:.7em;margin-top:.5rem;color:var(--heretic-rune);opacity:.3;letter-spacing:3px}.grimorio-title h2{font-size:1.2em;color:var(--heretic-parchment-dim);font-weight:400;margin-top:.5rem}.invocation-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:1rem 0 2rem}.invocation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;width:100%;max-width:800px}.elemental-slot{display:flex;flex-direction:column;align-items:center;padding:1.2rem .8rem;background:var(--panel-bg);border:2px solid var(--heretic-stone-light);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.elemental-slot:hover{border-color:var(--heretic-gold-dim);transform:translateY(-2px);box-shadow:0 4px 15px #00000080}.elemental-slot.selected{border-color:var(--heretic-gold);box-shadow:0 0 20px #c9a84c4d;background:#c9a84c14}.elemental-slot .symbol{font-size:2.5em;margin-bottom:.3rem;transition:all .3s ease}.elemental-slot:hover .symbol{transform:scale(1.2)}.elemental-slot .name{font-family:Cinzel,serif;font-size:.75em;letter-spacing:1px;color:var(--heretic-parchment-dim)}.elemental-slot.selected .name{color:var(--heretic-gold)}.elemental-slot .element{font-size:.65em;color:#666;margin-top:.2rem}.elemental-slot .freq{font-size:.55em;color:#444;margin-top:.1rem;font-family:Courier Prime,monospace}.elemental-slot .check{position:absolute;top:5px;right:8px;font-size:.8em;opacity:0;transition:opacity .3s}.elemental-slot.selected .check{opacity:1}.elemental-info-panel{position:relative;background:linear-gradient(180deg,#1c1512,#120d0a);border:1px solid;border-radius:10px;padding:1rem 1.1rem;font-family:Courier Prime,monospace;font-size:15px;overflow-wrap:break-word;scrollbar-width:thin;scrollbar-color:#8a7230 transparent;z-index:1000}.elemental-info-panel:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(201,168,76,.15);border-radius:7px;pointer-events:none}.elemental-info-panel::-webkit-scrollbar{width:5px}.elemental-info-panel::-webkit-scrollbar-thumb{background:#8a7230;border-radius:3px}.info-close{position:absolute;top:.6rem;right:.7rem;background:none;border:1px solid rgba(201,168,76,.3);color:#8a7230;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.75em;line-height:1;z-index:2;transition:all .2s}.info-close:hover{color:#c9a84c;border-color:#c9a84c;background:#c9a84c1a}.info-header{display:flex;align-items:center;gap:.7rem;padding:0 2rem .6rem 0;border-bottom:1px solid;margin-bottom:.6rem}.info-symbol{font-size:1.8em;line-height:1}.info-title{display:flex;flex-direction:column;gap:.1rem}.info-name{font-family:Cinzel,serif;font-size:1.05em;font-weight:700;letter-spacing:2px}.info-meta{font-size:.7em;color:#8a8a8a;letter-spacing:1px}.info-truth{font-style:italic;font-size:.78em;opacity:.9;margin-bottom:.7rem;padding-left:.5rem;border-left:2px solid currentColor}.info-section{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.6rem}.info-label{font-family:Cinzel,serif;font-size:.62em;letter-spacing:2px;text-transform:uppercase;color:#c9a84c}.info-text{font-size:.78em;line-height:1.55;color:#d4c5a0}.info-desc{color:#b8a88a}.info-examples{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.info-examples li{font-size:.78em;line-height:1.5;color:#d4c5a0}.info-haiku{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed rgba(201,168,76,.25);font-style:italic;font-size:.72em;text-align:center;color:#8a7230}@media (min-width: 900px){.invocation-container{padding-left:360px}.elemental-info-panel.left{position:fixed;left:1.25rem;top:50%;transform:translateY(-50%);width:320px;max-height:82vh;overflow-y:auto;animation:info-fade-in .25s ease}.info-placeholder{position:fixed;left:1.25rem;top:50%;transform:translateY(-50%);width:320px;padding:2rem 1.5rem;text-align:center;border:1px dashed rgba(201,168,76,.3);border-radius:10px;color:#8a7230;font-family:Cinzel,serif;opacity:.75;z-index:900}.info-placeholder-runes{letter-spacing:6px;font-size:1.1em;color:#c9a84c59;margin-bottom:.8rem}.info-placeholder-title{font-size:.95em;letter-spacing:3px;color:#c9a84c8c;margin-bottom:.6rem}.info-placeholder-hint{font-family:Courier Prime,monospace;font-size:.7em;line-height:1.6;color:#8a7230}}@media (max-width: 899px){.elemental-info-panel.sheet{position:fixed;left:0;right:0;bottom:0;width:100%;max-height:58vh;overflow-y:auto;border-radius:18px 18px 0 0;border-left:none;border-right:none;border-bottom:none;padding:1.3rem 1.1rem 1.5rem;animation:sheet-up .28s ease}.elemental-info-panel.sheet:before{top:4px;right:4px;bottom:0;left:4px;border-radius:14px 14px 0 0}.elemental-info-panel.sheet:after{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:42px;height:4px;border-radius:2px;background:#c9a84c59;pointer-events:none}.info-placeholder{display:none}}@keyframes info-fade-in{0%{opacity:0;transform:translateY(-50%) translate(-12px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.resonance-panel{width:100%;max-width:800px;padding:1.5rem;background:var(--panel-bg);border:var(--panel-border);border-radius:8px;text-align:center;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.resonance-panel.valid{border-color:var(--heretic-gold);box-shadow:0 0 15px #c9a84c33}.resonance-panel.invalid{border-color:var(--heretic-blood);box-shadow:0 0 15px #8b00004d}.resonance-panel .combo-name{font-family:Cinzel,serif;color:var(--heretic-gold);font-size:1.1em}.resonance-panel .combo-desc{font-size:.85em;color:var(--heretic-parchment-dim)}.resonance-panel .combo-error{color:var(--heretic-blood);font-size:.9em}.resonance-panel .combo-suggestions{font-size:.8em;color:var(--heretic-parchment-dim);margin-top:.5rem}.invoke-button{padding:1rem 3rem;font-family:Cinzel,serif;font-size:1.2em;background:linear-gradient(135deg,var(--heretic-stone),var(--heretic-black));border:2px solid var(--heretic-gold);color:var(--heretic-gold);cursor:pointer;transition:all .3s ease;letter-spacing:3px;text-transform:uppercase;position:relative;overflow:hidden}.invoke-button:hover:not(:disabled){background:linear-gradient(135deg,var(--heretic-stone-light),var(--heretic-stone));box-shadow:0 0 30px #c9a84c66;transform:translateY(-2px)}.invoke-button:disabled{opacity:.3;cursor:not-allowed;border-color:#333}.invoke-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid var(--heretic-gold);opacity:0;transition:opacity .3s}.invoke-button:hover:before{opacity:.5}.chat-layout{display:flex;gap:1rem;margin-top:1rem;flex:1}.state-panel{width:280px;min-width:280px;background:var(--panel-bg);border:1px solid var(--heretic-stone-light);border-radius:6px;display:flex;flex-direction:column;font-size:.8em;max-height:500px;overflow-y:auto}.state-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#c9a84c14;border-bottom:1px solid var(--heretic-gold-dim);cursor:pointer;font-family:Cinzel,serif;color:var(--heretic-gold);font-size:.9em}.state-toggle{font-size:.7em;color:var(--heretic-gold-dim)}.state-panel-body{padding:.8rem;display:flex;flex-direction:column;gap:.8rem}.state-phase{padding:.5rem;background:#0000004d;border-radius:4px}.phase-label{color:var(--heretic-parchment-dim)}.phase-value{font-weight:700}.phase-idle{color:#666}.phase-hearing{color:var(--heretic-rune)}.phase-synthesis{color:var(--heretic-ember)}.phase-synthesis_done{color:#4caf50}.phase-arbitrated,.phase-complete{color:var(--heretic-gold)}.state-avatars{display:flex;flex-direction:column;gap:.5rem}.avatars-title{font-size:.85em;color:var(--heretic-parchment-dim);font-family:Cinzel,serif;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.3rem}.avatar-summary{padding:.4rem .5rem;border-left:2px solid #888;background:#0003;border-radius:3px}.avatar-summary-header{display:flex;justify-content:space-between;align-items:center;font-size:.8em;font-family:Cinzel,serif;margin-bottom:.2rem}.avatar-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.avatar-thought{font-size:.75em;color:var(--heretic-parchment-dim);line-height:1.4;opacity:.8}.avatar-thought.muted{font-style:italic;opacity:.4}.state-redeliberate{padding:.5rem;background:#c9a84c0f;border:1px dashed var(--heretic-gold-dim);border-radius:4px;text-align:center;font-size:.8em;color:var(--heretic-gold)}.chat-container{display:flex;flex-direction:column;flex:1;background:var(--panel-bg);border:var(--panel-border);border-radius:8px;overflow:hidden;min-width:0}.chat-header{padding:1rem;background:linear-gradient(180deg,rgba(201,168,76,.1),transparent);border-bottom:1px solid var(--heretic-gold-dim);display:flex;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:.9em;color:var(--heretic-gold)}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:300px;max-height:500px}.chat-message{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border-radius:6px;border-left:3px solid var(--heretic-stone-light);background:#0000004d;animation:messageIn .3s ease-out}.chat-message.user{border-left-color:var(--heretic-rune);align-self:flex-end;max-width:80%}.chat-message.elemental,.chat-message.elemental_round1{border-left-color:var(--heretic-gold);max-width:85%}.chat-message.elemental_round1 .msg-header{border-bottom:1px dashed var(--heretic-gold-dim);padding-bottom:.3rem}.chat-message.nexus_synthesis{border-left-color:#c9a84c;border-left-width:4px;max-width:90%;background:#c9a84c14;box-shadow:0 0 15px #c9a84c1a}.chat-message.nexus{border-left-color:#8a7230;border-left-width:4px;max-width:88%;background:#8a72300f}.chat-message.deliberation{border-left-color:var(--heretic-gold);text-align:center;background:#c9a84c0d;font-family:Cinzel,serif;font-size:.85em;white-space:pre-line}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message .msg-header{display:flex;align-items:center;gap:.5rem;font-size:.8em;font-family:Cinzel,serif}.chat-message .msg-symbol{font-size:1.2em}.chat-message .msg-name{font-weight:700;letter-spacing:1px}.chat-message .msg-time{font-size:.7em;color:#555;margin-left:auto;font-family:Courier Prime,monospace}.chat-message .msg-content{font-size:.9em;line-height:1.5;white-space:pre-wrap}.chat-message .msg-thinking{animation:thinking 1.5s ease-in-out infinite}@keyframes thinking{0%,to{opacity:.5}50%{opacity:1}}.msg-badge{font-size:.65em;background:#c9a84c26;border:1px solid var(--heretic-gold-dim);padding:.1rem .4rem;border-radius:3px;color:var(--heretic-gold);font-family:Courier Prime,monospace;letter-spacing:0}.chat-input-area{display:flex;padding:1rem;gap:.5rem;border-top:1px solid var(--heretic-stone-light)}.chat-input{flex:1;padding:.8rem 1rem;background:var(--heretic-black);border:1px solid var(--heretic-stone-light);color:var(--heretic-parchment);font-family:Courier Prime,monospace;font-size:.9em;outline:none;transition:border-color .3s}.chat-input:focus{border-color:var(--heretic-gold-dim)}.chat-send{padding:.8rem 1.5rem;background:var(--heretic-stone);border:1px solid var(--heretic-gold-dim);color:var(--heretic-gold);font-family:Cinzel,serif;cursor:pointer;transition:all .3s;letter-spacing:1px}.chat-send:hover{background:var(--heretic-stone-light);border-color:var(--heretic-gold)}.chat-send:disabled{opacity:.3;cursor:not-allowed}.redeliberate-bar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:#c9a84c0a;border-top:1px dashed var(--heretic-gold-dim)}.redeliberate-btn{padding:.5rem 1rem;background:linear-gradient(135deg,rgba(201,168,76,.15),transparent);border:1px solid var(--heretic-gold-dim);color:var(--heretic-gold);font-family:Cinzel,serif;font-size:.8em;cursor:pointer;transition:all .3s;white-space:nowrap;letter-spacing:1px}.redeliberate-btn:hover:not(:disabled){background:#c9a84c33;border-color:var(--heretic-gold);box-shadow:0 0 15px #c9a84c33}.redeliberate-btn:disabled{opacity:.3;cursor:not-allowed}.redeliberate-hint{font-size:.7em;color:var(--heretic-parchment-dim);opacity:.6}.status-bar{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#00000080;border-top:1px solid var(--heretic-stone-light);font-size:.8em}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#4caf50;box-shadow:0 0 8px #4caf5080;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot.thinking{background:var(--heretic-ember);animation:pulse .5s infinite}.status-dot.offline{background:#333}.state-toggle-btn{background:none;border:1px solid var(--heretic-stone-light);color:var(--heretic-parchment-dim);padding:.2rem .6rem;cursor:pointer;font-family:Cinzel,serif;font-size:.75em;transition:all .3s}.state-toggle-btn:hover{border-color:var(--heretic-gold-dim);color:var(--heretic-gold)}.new-invoke-btn{background:none;border:1px solid #333;color:#666;padding:.2rem .8rem;cursor:pointer;font-family:Cinzel,serif;font-size:.8em}.new-invoke-btn:hover{border-color:#555;color:#888}.error-altar{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.error-altar .error-symbol{font-size:4em}.error-altar h2{color:var(--heretic-blood)}.loading-ritual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-ritual .spinning-rune{font-size:3em;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doc-book-btn{background:none;border:2px solid var(--heretic-gold-dim);color:var(--heretic-parchment);padding:.6rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:Cinzel,serif;min-width:80px;border-radius:4px}.doc-book-btn:hover{border-color:var(--heretic-gold);color:var(--heretic-gold);box-shadow:0 0 15px #c9a84c4d;transform:translateY(-2px)}.doc-book-btn .book-icon{font-size:1.8em;line-height:1}.doc-book-btn .book-label{font-size:.65em;letter-spacing:1px;text-transform:uppercase}.doc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.doc-overlay-content{background:var(--panel-bg);border:2px solid var(--heretic-gold);border-radius:8px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 30px #c9a84c33;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.doc-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--heretic-gold-dim)}.doc-overlay-header h3{font-family:UnifrakturMaguntia,cursive;color:var(--heretic-gold);font-size:1.3em}.doc-close-btn{background:none;border:1px solid var(--heretic-gold-dim);color:var(--heretic-gold);width:36px;height:36px;font-size:1.2em;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;border-radius:4px}.doc-close-btn:hover{background:#8b00004d;border-color:var(--heretic-blood)}.doc-overlay-body{flex:1;overflow-y:auto;padding:1.5rem;min-height:300px}.doc-iframe{width:100%;height:65vh;border:none;background:transparent}@media (max-width: 1024px){.chat-layout{flex-direction:column}.state-panel{width:100%;min-width:0;max-height:300px}}@media (max-width: 768px){.main-content{padding:1rem}.invocation-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.elemental-slot .symbol{font-size:2em}.doc-book-btn{min-width:60px;padding:.4rem .6rem}.doc-book-btn .book-icon{font-size:1.3em}.doc-book-btn .book-label{font-size:.55em}.doc-overlay{padding:.5rem}.doc-overlay-content{max-height:95vh}.doc-iframe{height:70vh}.redeliberate-bar{flex-direction:column;align-items:stretch}}