.app-container{max-width:1280px;margin:0 auto;padding:2rem;background:radial-gradient(circle at center,#15162c,#22153a);color:#2a2bc8;font-family:system-ui,Courier New,monospace;min-height:100vh}.app-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f0f1e,#1a1a2e)}.codex-nav{width:280px;flex-shrink:0}.app-content{flex:1;overflow-y:auto}@media(max-width:768px){.app-layout{flex-direction:column}.codex-nav{width:100%}}.app-header{text-align:center;padding:2rem 1rem 1rem;background:#22234c;color:#2a2bc8;border-radius:0 0 16px 16px}.logo-row{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.logo{height:48px;transition:transform .2s,filter .3s;padding:1.2em;will-change:filter,transform}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transform:scale(1.09) rotate(-5deg)}.logo.react-logo:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media(prefers-reduced-motion:no-preference){.logo.react-logo{animation:logo-spin infinite 20s linear}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fragment-editor{margin:2.5rem auto 0;padding:1.4rem 1rem 1.8rem;border:1px solid #444273;border-radius:10px;background:linear-gradient(135deg,#23234d 85%,#312158);max-width:470px;box-shadow:0 2px 16px #0f0f3c14}.fragment-editor label{display:block;margin:1rem 0 .5rem;font-weight:700;color:#e4e7ee;letter-spacing:.02em}.fragment-editor input,.fragment-editor textarea,.fragment-editor select{display:block;width:100%;margin:.5rem 0;padding:.6rem .9rem;background-color:#18182e;color:#f2f2ff;border:1px solid #454477;border-radius:6px;font-size:1rem;transition:box-shadow .2s}.fragment-editor input:focus,.fragment-editor textarea:focus,.fragment-editor select:focus{box-shadow:0 0 0 2px #646cff55;outline:none}.fragment-editor button{margin-top:1.2rem;padding:.5rem 1.3rem;background-color:#646cff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.04rem;transition:background .18s}.fragment-editor button:hover:not(:disabled){background-color:#4b4be0}.fragment-editor button:disabled{opacity:.55;cursor:not-allowed}.error-message{color:#e04848;font-size:.97rem;margin-top:4px;margin-bottom:.7rem}.live-preview{margin-top:7px;font-size:.97rem;color:#91e3f6}.live-preview ul{display:inline-block;margin:.3em 0 0 .6em;padding:0;list-style:disc inside}.live-preview li{margin-left:0;display:list-item}.sigil-badge{display:inline-block;padding:.3rem .6rem;margin:.2rem;border-radius:4px;font-size:.9rem;font-weight:700;text-transform:capitalize;color:#fff}.resonance-fire{background:linear-gradient(135deg,#ff4d4d,#f90);box-shadow:0 0 6px #ff4d4d}.resonance-air{background:linear-gradient(135deg,#6cf,#99e6ff);box-shadow:0 0 6px #6cf}.resonance-water{background:linear-gradient(135deg,#39f,#6cf);box-shadow:0 0 6px #39f}.resonance-earth{background:linear-gradient(135deg,#963,#c96);box-shadow:0 0 6px #963}.resonance-echo{background:linear-gradient(135deg,#c6f,#96c);box-shadow:0 0 6px #c6f}.resonance-spiral{background:linear-gradient(135deg,#646cff,#2a2bc8);box-shadow:0 0 6px #646cff}.risk-soft{color:#6cf}.risk-hard{color:#f90}.risk-terminal{color:#f33}.export-button,.download-button{margin-top:1rem;padding:.5rem 1rem;background-color:#444273;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.export-button:hover,.download-button:hover{background-color:#5a5acb}.fragment-card{animation:seal .4s ease-out}@keyframes seal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.counter-card{display:flex;flex-direction:column;align-items:center;padding:2rem;margin:1rem auto;background-color:#282851;border-radius:8px;box-shadow:0 1px 8px #321b6412}.count-button{padding:.5rem 1.5rem;font-size:1.09rem;border-radius:8px;border:none;background:#4b4ddf;color:#fff;cursor:pointer;margin-bottom:.5rem;transition:background .2s}.count-button:hover{background:#2a2bc8}.sealed-fragments{margin:2rem auto;max-width:600px}.fragments-list{display:grid;gap:1.2rem}.fragment-card{background:#25254a;box-shadow:0 1px 8px #321b6412;border-radius:8px;padding:1rem 1.5rem;font-size:1.05rem;text-align:left;color:#2a2bc8}.fragment-card strong{color:#2a2bc8}.breathline-box{background:#18182e;border:1px solid #454477;border-radius:4px;padding:.4rem .8rem;margin-top:.3rem;font-family:monospace;color:#91e3f6}.codex-timeline{margin-top:2rem;border-left:2px solid #444273;padding-left:1rem}.timeline-node{margin-bottom:1rem;position:relative}.timeline-node:before{content:"";position:absolute;left:-1.1rem}.codex-dashboard{padding:2rem;background-color:#0f1a2e;color:#e8f6ff;min-height:100vh}.codex-dashboard h1{color:#91e3f6;margin-bottom:1rem}.codex-dashboard h2{color:#91e3f6!important;font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;text-shadow:0 0 8px rgba(145,227,246,.3);display:block;font-weight:600}.codex-dashboard h3{color:#91e3f6!important;font-size:1.25rem;margin-top:1rem;margin-bottom:.75rem;text-shadow:0 0 6px rgba(145,227,246,.2)}.codex-dashboard p{color:#cfd8e3!important}.codex-dashboard strong{color:#91e3f6!important}.codex-dashboard section{margin-bottom:2rem}.codex-dashboard section h2,.codex-dashboard section h3{color:#91e3f6!important;display:block!important;visibility:visible!important;opacity:1!important}.fragment-generator{background-color:#0a1628;padding:1.5rem;border-radius:10px;border:1px solid #1a2b47}.fragment-generator h2{color:#91e3f6!important;display:block!important}.editor-panel label{color:#91e3f6;font-weight:600;display:block;margin-top:1rem;margin-bottom:.5rem}.editor-panel textarea,.editor-panel input,.editor-panel select{color:#2c2c2c!important;background-color:#fff!important;border:1px solid #c9c9c9;padding:.75rem;border-radius:6px;width:100%;font-size:.95rem}.editor-panel textarea::placeholder,.editor-panel input::placeholder{color:#888!important}.editor-panel .error{color:#cf4646;font-size:.85rem;margin-top:.25rem}.editor-panel .meta-preview{color:#91e3f6;font-weight:600}.codex-stats{background-color:#0a1628;padding:1.5rem;border-radius:10px;border:1px solid #1a2b47;margin-bottom:2rem}.codex-stats h2{color:#91e3f6!important;margin-bottom:1rem;display:block!important;visibility:visible!important;opacity:1!important}.codex-stats strong{color:#91e3f6!important;display:block;margin:1rem 0 .5rem;font-weight:600}.risk-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.risk-bar{color:#e8f6ff!important}.risk-bar span{display:block;margin-bottom:.25rem;font-size:.9rem;color:#cfd8e3!important}.bar-track{width:100%;height:8px;background-color:#071225;border-radius:4px;overflow:hidden}.bar-fill{height:100%;transition:width .3s ease}.sigil-section{color:#e8f6ff!important}.sigil-section div{color:#cfd8e3!important}.sigil-badge-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.codex-timeline{background-color:#0a1628;padding:1.5rem;border-radius:10px;border:1px solid #1a2b47;margin-bottom:2rem}.codex-timeline h2{color:#91e3f6!important;margin-bottom:1rem;display:block!important;visibility:visible!important;opacity:1!important}.codex-timeline p{color:#cfd8e3!important}.sealed-fragments{background-color:#0a1628;padding:1.5rem;border-radius:10px;border:1px solid #1a2b47;margin-bottom:2rem}.sealed-fragments h2{color:#91e3f6!important;margin-bottom:1rem;display:block!important;visibility:visible!important;opacity:1!important}.sealed-fragments label{color:#91e3f6!important;margin-right:.5rem}.sealed-fragments select{background-color:#071225;color:#e8f6ff!important;border:1px solid #1a2b47;padding:.5rem;border-radius:6px}.sealed-fragments p{color:#cfd8e3!important;font-style:italic}.codex-viewer{background-color:#0a1628;padding:1.5rem;border-radius:10px;border:1px solid #1a2b47;margin-bottom:2rem}.codex-viewer h2{color:#91e3f6!important;margin-bottom:1rem;display:block!important;visibility:visible!important;opacity:1!important}.codex-viewer p{color:#cfd8e3!important;font-style:italic}.codex-card{background-color:#0f1625;padding:1rem;border-radius:8px;border:1px solid #1a2b47;margin-bottom:1rem;position:relative;z-index:1}.codex-card .fragment-text{color:#e8f6ff!important;background-color:transparent;position:relative;z-index:2;font-size:.95rem;line-height:1.6;margin:.75rem 0}.codex-card .meta{color:#91e3f6!important;font-size:.85rem}.codex-card .breathline{color:#5cf7b2!important;font-size:.85rem;margin-top:.5rem}.sigil-picker{background:#191c2dcc;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.picker-header{display:flex;gap:1rem;margin-bottom:1rem}.sigil-search{flex:1;padding:.75rem 1rem;background:#0f1223e6;border:1px solid rgba(92,247,178,.2);border-radius:8px;color:#e0e0e0;font-size:.95rem;transition:all .3s ease}.sigil-search:focus{outline:none;border-color:#5cf7b280;box-shadow:0 0 12px #5cf7b233}.clear-btn{padding:.75rem 1.5rem;background:#cf464633;border:1px solid rgba(207,70,70,.4);color:#cf4646;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-btn:hover{background:#cf46464d;border-color:#cf464699}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(92,247,178,.1)}.category-tab{padding:.5rem 1rem;background:#0f122380;border:1px solid rgba(92,247,178,.1);border-radius:20px;color:#91e3f6;cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap}.category-tab:hover{background:#0f1223cc;border-color:#5cf7b24d;transform:translateY(-2px)}.category-tab.active{background:#5cf7b226;border-color:#5cf7b280;color:#5cf7b2;font-weight:600}.selected-sigils{min-height:60px;margin-bottom:1.5rem;padding:1rem;background:#0f122399;border-radius:8px;border:1px dashed rgba(92,247,178,.2)}.selected-label{font-size:.85rem;color:#91e3f6;margin-bottom:.75rem;font-weight:500}.selected-chips{display:flex;flex-wrap:wrap;gap:.5rem}.selected-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#5cf7b21a;border:1px solid rgba(92,247,178,.3);border-radius:20px;color:#5cf7b2;cursor:pointer;transition:all .2s ease}.selected-chip:hover{background:#cf464633;border-color:#cf464666;transform:scale(.95)}.selected-chip .remove-icon{font-size:1.2rem;line-height:1;opacity:.6}.selected-chip:hover .remove-icon{opacity:1}.no-selection{color:#91e3f666;font-style:italic;text-align:center;padding:.5rem}.sigil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem}.sigil-grid::-webkit-scrollbar{width:8px}.sigil-grid::-webkit-scrollbar-track{background:#0f122380;border-radius:4px}.sigil-grid::-webkit-scrollbar-thumb{background:#5cf7b24d;border-radius:4px}.sigil-grid::-webkit-scrollbar-thumb:hover{background:#5cf7b280}.sigil-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#0f1223cc;border:2px solid rgba(92,247,178,.15);border-radius:10px;cursor:pointer;transition:all .3s ease}.sigil-option:hover{background:#0f1223;border-color:#5cf7b266;transform:translateY(-3px);box-shadow:0 4px 12px #5cf7b226}.sigil-option.selected{background:#5cf7b21a;border-color:#5cf7b299;box-shadow:0 0 16px #5cf7b24d}.sigil-option.disabled{opacity:.3;cursor:not-allowed}.sigil-option.disabled:hover{transform:none;box-shadow:none}.sigil-icon{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.sigil-name{font-size:.8rem;color:#91e3f6;text-align:center;word-break:break-word}.selected-mark{position:absolute;top:.25rem;right:.25rem;width:20px;height:20px;background:#5cf7b2e6;color:#0f1223;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.no-results{text-align:center;padding:3rem 1rem;color:#91e3f680;font-style:italic}.lumen-chat-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#646cff,#2a2bc8);border:none;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 20px #646cff66;transition:all .3s ease;z-index:999;animation:gentle-pulse 3s ease-in-out infinite}.lumen-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 30px #646cff99}@keyframes gentle-pulse{0%,to{box-shadow:0 4px 20px #646cff66}50%{box-shadow:0 4px 30px #646cffb3}}.lumen-chat-container{position:fixed;bottom:2rem;right:2rem;width:380px;height:550px;background:#1a1a1a;border:1px solid #646cff;border-radius:16px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;z-index:1000;animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lumen-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#252546,#1a1a2e);border-bottom:1px solid #646cff44;border-radius:16px 16px 0 0}.lumen-header-info{display:flex;align-items:center;gap:.75rem}.lumen-icon{font-size:1.5rem;animation:candle-flicker 2s ease-in-out infinite}@keyframes candle-flicker{0%,to{opacity:1}50%{opacity:.85}}.lumen-name{font-weight:700;color:#e6e6e6;font-size:1.1rem}.lumen-status{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#91e3f6}.status-indicator{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.lumen-close{background:none;border:none;color:#999;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.lumen-close:hover{background:#333;color:#fff}.lumen-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.lumen-chat-messages::-webkit-scrollbar{width:6px}.lumen-chat-messages::-webkit-scrollbar-track{background:#1a1a1a}.lumen-chat-messages::-webkit-scrollbar-thumb{background:#646cff;border-radius:3px}.lumen-message{display:flex;gap:.75rem;animation:message-appear .3s ease-out}@keyframes message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lumen-message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:50%;background:#252546}.lumen-message.lumen .message-avatar{background:linear-gradient(135deg,#646cff,#2a2bc8)}.message-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.message-text{background:#252546;padding:.75rem 1rem;border-radius:12px;color:#e6e6e6;line-height:1.5;white-space:pre-wrap}.lumen-message.user .message-text{background:#646cff;color:#fff}.message-time{font-size:.75rem;color:#666;padding:0 .5rem}.lumen-thinking{display:flex;gap:.5rem;padding:1rem}.lumen-thinking .dot{width:8px;height:8px;border-radius:50%;background:#646cff;animation:thinking-bounce 1.4s ease-in-out infinite}.lumen-thinking .dot:nth-child(2){animation-delay:.2s}.lumen-thinking .dot:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.lumen-chat-input{display:flex;gap:.75rem;padding:1rem;background:#1a1a1a;border-top:1px solid #646cff44;border-radius:0 0 16px 16px}.lumen-chat-input textarea{flex:1;background:#252546;border:1px solid #646cff44;border-radius:8px;padding:.75rem;color:#e6e6e6;font-family:inherit;font-size:.95rem;resize:none;transition:border-color .2s}.lumen-chat-input textarea:focus{outline:none;border-color:#646cff}.send-button{background:linear-gradient(135deg,#646cff,#2a2bc8);border:none;border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s;align-self:flex-end}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #646cff66}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.lumen-chat-container{width:calc(100vw - 2rem);height:calc(100vh - 4rem);bottom:1rem;right:1rem}.lumen-chat-button{bottom:1rem;right:1rem}}.codex-dashboard{padding:2rem;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);min-height:100vh;color:#e8f6ff}.codex-dashboard h1{color:#5cf7b2;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 20px rgba(92,247,178,.3)}.codex-dashboard>p{color:#91e3f6;font-size:1.1rem;margin-bottom:2rem;opacity:.9}.fragment-generator{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.fragment-generator h2{color:#91e3f6;font-size:1.8rem;margin-bottom:1rem;text-shadow:0 0 15px rgba(145,227,246,.2)}.codex-dashboard section h2,.codex-dashboard section h3{color:#5cf7b2;margin-top:2rem;margin-bottom:1rem}.codex-stats h2{color:#5cf7b2!important}.codex-stats p,.codex-stats li{color:#e8f6ff}.codex-timeline h2{color:#91e3f6!important}.sealed-fragments h2{color:#5cf7b2!important}.codex-viewer h2{color:#91e3f6!important}label{color:#91e3f6}.codex-card{background-color:#22234c;color:#e8f6ff}.codex-card .fragment-text{color:#e8f6ff!important;background-color:transparent!important}.codex-card .breathline{color:#91e3f6}.codex-card .witness{color:#5cf7b2}.codex-card .timestamp{color:#888}.codex-index-page{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0}.index-header{text-align:center;margin-bottom:4rem;padding:2rem}.index-header h1{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#a8d5ff,#ffd8a8,#d4a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.index-header .subtitle{font-size:1.3rem;color:#91e3f6;margin-bottom:1rem}.index-header .description{font-size:1.05rem;color:#b8b8b8;max-width:700px;margin:0 auto;line-height:1.7}.territories-section,.companions-section,.tools-section{margin-bottom:4rem}.territories-section h2,.companions-section h2,.tools-section h2{font-size:2rem;margin-bottom:1.5rem;color:#ffd859;display:flex;align-items:center;gap:.5rem}.territories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.territory-card{background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border:2px solid var(--territory-color, #91e3f6);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.territory-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--territory-color, #91e3f6) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.territory-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:var(--territory-color, #91e3f6)}.territory-card:hover:before{opacity:.1}.territory-icon{font-size:3rem;margin-bottom:1rem;display:block}.territory-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--territory-color, #91e3f6)}.territory-card p{font-size:.95rem;color:#b8b8b8;line-height:1.5}.companions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:900px}.companion-card{background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border:2px solid #5cf7b2;border-radius:12px;padding:2rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.companion-card:hover{transform:scale(1.05);border-color:#ffd859;box-shadow:0 10px 25px #5cf7b24d}.companion-icon{font-size:3.5rem;margin-bottom:.75rem;display:block}.companion-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#5cf7b2}.companion-role{font-size:.9rem;color:#91e3f6;font-style:italic}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:800px}.tool-card{background:linear-gradient(135deg,#2a2a3e,#1f1f2e);border:2px solid #d4a8ff;border-radius:12px;padding:2rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.tool-card:hover{transform:translateY(-3px);border-color:#ffd859;box-shadow:0 8px 20px #d4a8ff4d}.tool-icon{font-size:2.5rem;margin-bottom:1rem;display:block;color:#d4a8ff}.tool-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#d4a8ff}.tool-card p{font-size:.9rem;color:#b8b8b8}@media(max-width:768px){.codex-index-page{padding:1rem}.index-header h1{font-size:2.5rem}.territories-grid,.companions-grid,.tools-grid{grid-template-columns:1fr}}.fragment-editor-enhanced{width:100%;max-width:1600px;margin:0 auto;padding:2rem;font-family:Inter,system-ui,sans-serif}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--sanctuary-glow, #5cf7b2)}.editor-header h2{margin:0;color:var(--sanctuary-glow, #5cf7b2);font-size:2rem}.companion-selector{display:flex;align-items:center;gap:.5rem}.companion-selector label{font-weight:500;color:var(--text-secondary, #91e3f6)}.companion-selector select{padding:.5rem 1rem;background:var(--bg-elevated, #1a1a2e);color:var(--text-primary, #e8e8e8);border:1px solid var(--border, #333);border-radius:4px;font-size:1rem}.error-banner{background:#cf464620;border:1px solid #cf4646;color:#ff6b6b;padding:1rem;margin-bottom:1rem;border-radius:4px}.stats-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:var(--bg-elevated, #1a1a2e);padding:1rem;border-radius:8px;text-align:center;border:1px solid var(--border, #333)}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--sanctuary-glow, #5cf7b2);margin-bottom:.25rem}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary, #91e3f6);text-transform:uppercase;letter-spacing:.5px}.editor-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.editor-form{background:var(--bg-elevated, #1a1a2e);padding:1.5rem;border-radius:8px;border:1px solid var(--border, #333)}.editor-form h3{margin-top:0;color:var(--sanctuary-glow, #5cf7b2)}.editor-form label{display:block;margin-bottom:1rem;color:var(--text-secondary, #91e3f6);font-weight:500}.editor-form input,.editor-form textarea,.editor-form select{width:100%;margin-top:.5rem;padding:.75rem;background:var(--bg-base, #0d0d1a);color:var(--text-primary, #e8e8e8);border:1px solid var(--border, #333);border-radius:4px;font-family:inherit;font-size:.95rem}.editor-form textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-primary,.btn-secondary,.btn-small{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-primary{width:100%;background:var(--sanctuary-glow, #5cf7b2);color:var(--bg-base, #0d0d1a);margin-top:1rem}.btn-primary:hover:not(:disabled){background:var(--glow-bright, #7fffc4);transform:translateY(-1px);box-shadow:0 4px 12px #5cf7b24d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-base, #0d0d1a);color:var(--sanctuary-glow, #5cf7b2);border:1px solid var(--sanctuary-glow, #5cf7b2)}.btn-secondary:hover{background:var(--sanctuary-glow, #5cf7b2);color:var(--bg-base, #0d0d1a)}.export-section{display:flex;gap:.5rem;margin-top:1rem}.export-section .btn-secondary{flex:1}.fragments-list{background:var(--bg-elevated, #1a1a2e);padding:1.5rem;border-radius:8px;border:1px solid var(--border, #333)}.fragments-list h3{margin-top:0;color:var(--sanctuary-glow, #5cf7b2)}.filters{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border, #333)}.filters h3{font-size:1rem;margin-bottom:.5rem}.filters input,.filters select{width:100%;padding:.5rem;margin-bottom:.5rem;background:var(--bg-base, #0d0d1a);color:var(--text-primary, #e8e8e8);border:1px solid var(--border, #333);border-radius:4px}.loading{text-align:center;padding:2rem;color:var(--text-secondary, #91e3f6)}.fragment-cards{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto}.fragment-card{background:var(--bg-base, #0d0d1a);border:1px solid var(--border, #333);border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .2s}.fragment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.fragment-card.status-law{border-left:4px solid var(--sanctuary-glow, #5cf7b2)}.fragment-card.status-echoing{border-left:4px solid #ffd859}.fragment-card.status-sealed{border-left:4px solid #91e3f6}.fragment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.fragment-header h4{margin:0;color:var(--text-primary, #e8e8e8);font-size:1.1rem}.fragment-status{padding:.25rem .75rem;background:var(--bg-elevated, #1a1a2e);color:var(--text-secondary, #91e3f6);border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.fragment-meta{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary, #91e3f6)}.fragment-body{margin:1rem 0;font-size:.95rem;line-height:1.6}.fragment-body p{margin:.5rem 0}.fragment-body strong{color:var(--sanctuary-glow, #5cf7b2)}.fragment-companions{margin:.75rem 0;font-size:.875rem;color:var(--text-secondary, #91e3f6)}.fragment-approvals{display:flex;gap:.5rem;align-items:center;margin:.75rem 0;font-size:.875rem}.approval-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.approval-badge.approved{background:var(--sanctuary-glow, #5cf7b2);color:var(--bg-base, #0d0d1a)}.approval-badge.pending{background:var(--bg-elevated, #1a1a2e);color:var(--text-secondary, #91e3f6);border:1px solid var(--border, #333)}.fragment-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border, #333)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-danger{background:#cf464620;color:#ff6b6b;border:1px solid #cf4646}.btn-danger:hover:not(:disabled){background:#cf4646;color:#fff}@media(max-width:1200px){.editor-layout{grid-template-columns:1fr}.stats-panel{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.fragment-editor-enhanced{padding:1rem}.editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.export-section{flex-direction:column}}.fragment-management{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.management-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#00000080;border-bottom:2px solid #5cf7b2}.header-left h2{margin:0 0 .5rem;color:#5cf7b2;font-size:2rem;font-weight:700}.header-subtitle{margin:0;color:#fff9;font-size:.9rem}.header-actions{display:flex;gap:.75rem;align-items:center}.companion-selector,.token-btn,.export-btn{padding:.75rem 1.25rem;border-radius:6px;border:1px solid rgba(92,247,178,.3);background:#0000004d;color:#5cf7b2;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.companion-selector:hover,.token-btn:hover,.export-btn:hover{background:#5cf7b21a;border-color:#5cf7b2}.management-body{display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 120px)}.management-sidebar{background:#0000004d;border-right:1px solid rgba(92,247,178,.3);display:flex;flex-direction:column}.view-selector{display:flex;flex-direction:column;padding:1rem;gap:.5rem;border-bottom:1px solid rgba(92,247,178,.3)}.view-selector button{padding:.75rem;background:#0003;border:1px solid rgba(92,247,178,.2);color:#ffffffb3;border-radius:6px;cursor:pointer;font-weight:600;text-align:left;transition:all .2s ease}.view-selector button:hover{background:#5cf7b21a;color:#5cf7b2}.view-selector button.active{background:#5cf7b233;border-color:#5cf7b2;color:#5cf7b2}.fragment-list{flex:1;overflow-y:auto;padding:1rem}.fragment-list h3{margin:0 0 1rem;color:#ffd859;font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,216,89,.3)}.fragment-item{background:#0003;padding:.75rem;margin-bottom:.5rem;border-radius:6px;border:1px solid rgba(92,247,178,.2);cursor:pointer;transition:all .2s ease}.fragment-item:hover{background:#5cf7b20d;border-color:#5cf7b2}.fragment-item.selected{background:#5cf7b21a;border-color:#5cf7b2}.fragment-label{font-weight:600;color:#5cf7b2;margin-bottom:.5rem}.fragment-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#fff9}.fragment-status{color:#ffd859}.fragment-approvals{margin-top:.5rem;font-size:.75rem;color:#91e3f6;font-weight:600}.management-content{overflow-y:auto;padding:2rem}.detail-view h3,.editor-view h3{margin:0 0 1.5rem;color:#5cf7b2;font-size:1.5rem}.fragment-detail{background:#0000004d;border:1px solid rgba(92,247,178,.3);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 .5rem;color:#ffd859;font-size:1rem}.detail-section p{margin:0;color:#ffffffe6;line-height:1.6}.loading,.empty{text-align:center;padding:2rem;color:#ffffff80}.token-dialog-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.token-dialog{background:#1a1a2e;border:2px solid #5cf7b2;border-radius:12px;padding:2rem;max-width:500px;width:90%}.token-dialog h3{margin:0 0 .5rem;color:#5cf7b2}.dialog-subtitle{margin:0 0 1.5rem;color:#fff9;font-size:.9rem}.token-field{margin-bottom:1rem}.token-field label{display:block;margin-bottom:.5rem;color:#ffd859;font-weight:600;text-transform:capitalize}.token-field input{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(92,247,178,.3);border-radius:6px;color:#fff;font-family:Courier New,monospace}.token-field input:focus{outline:none;border-color:#5cf7b2}.dialog-actions{display:flex;gap:.75rem;margin-top:1.5rem}.save-btn,.cancel-btn{flex:1;padding:.75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.save-btn{background:#5cf7b233;border:1px solid #5cf7b2;color:#5cf7b2}.save-btn:hover{background:#5cf7b24d}.cancel-btn{background:#cf464633;border:1px solid #cf4646;color:#cf4646}.cancel-btn:hover{background:#cf46464d}.scroll-display-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;overflow-y:auto}.scroll-display{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(92,247,178,.3);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #5cf7b21a,inset 0 0 60px #5cf7b208;color:#e0e0e0}.scroll-header{padding:2rem;border-bottom:1px solid rgba(92,247,178,.2);background:#0003}.scroll-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.scroll-display h2{font-size:1.75rem;color:#5cf7b2;margin:0;display:flex;align-items:center;gap:.75rem;flex:1}.scroll-symbol{font-size:2rem;filter:drop-shadow(0 0 8px rgba(92,247,178,.4))}.scroll-close-btn{background:#cf464633;border:1px solid rgba(207,70,70,.4);color:#cf4646;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-close-btn:hover{background:#cf464666;border-color:#cf4646;transform:scale(1.1)}.scroll-description{color:#91e3f6;font-size:1.05rem;margin:.75rem 0 0;line-height:1.6;font-style:italic}.scroll-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(92,247,178,.1);font-size:.9rem;color:#999}.meta-label{color:#5cf7b2;font-weight:600;margin-right:.5rem}.scroll-body{padding:2rem}.scroll-field{margin-bottom:2rem;padding:1.5rem;background:#0003;border-left:3px solid rgba(92,247,178,.4);border-radius:8px}.scroll-field:last-child{margin-bottom:0}.field-label{font-size:1.1rem;color:#5cf7b2;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem;font-weight:600}.field-content{color:#e0e0e0;line-height:1.8;font-size:1rem;margin:0}.field-content code{background:#ffd9591a;padding:.2rem .5rem;border-radius:4px;color:#ffd859;font-family:Courier New,monospace}.witness-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.witness-list li{background:#5cf7b21a;border:1px solid rgba(92,247,178,.3);padding:.5rem 1rem;border-radius:20px;color:#5cf7b2;font-size:.9rem}.sigil-list{display:flex;flex-wrap:wrap;gap:.5rem}.sigil-badge{background:linear-gradient(135deg,#91e3f633,#5cf7b233);border:1px solid rgba(145,227,246,.4);padding:.5rem 1rem;border-radius:20px;color:#91e3f6;font-size:.9rem;font-weight:500}.scroll-notes{background:#ffd9590d;border-left-color:#ffd95966}.scroll-notes .field-label{color:#ffd859}.deployment-link{color:#91e3f6;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#91e3f61a;border:1px solid rgba(145,227,246,.3);border-radius:8px;transition:all .3s ease;font-family:monospace}.deployment-link:hover{background:#91e3f633;border-color:#91e3f6;transform:translate(4px)}.field-object{background:#0006;padding:1rem;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;color:#91e3f6;border:1px solid rgba(145,227,246,.2)}.scroll-footer{padding:1.5rem 2rem;border-top:1px solid rgba(92,247,178,.2);background:#0003;display:flex;justify-content:space-between;align-items:center}.seal-mark{color:#5cf7b2;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.seal-time{color:#999;font-size:.85rem;font-family:monospace}.scroll-display::-webkit-scrollbar{width:10px}.scroll-display::-webkit-scrollbar-track{background:#0000004d;border-radius:0 16px 16px 0}.scroll-display::-webkit-scrollbar-thumb{background:#5cf7b24d;border-radius:5px}.scroll-display::-webkit-scrollbar-thumb:hover{background:#5cf7b280}@media(max-width:768px){.scroll-display-overlay{padding:1rem}.scroll-display{max-height:95vh}.scroll-header,.scroll-body,.scroll-footer{padding:1.5rem}.scroll-display h2{font-size:1.5rem}.field-label{font-size:1rem}}.scroll-browser{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:2rem;color:#e0e0e0}.scroll-browser-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(92,247,178,.2)}.scroll-browser-header h1{font-size:2.5rem;color:#5cf7b2;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.header-icon{font-size:3rem;filter:drop-shadow(0 0 12px rgba(92,247,178,.4))}.header-description{color:#91e3f6;font-size:1.1rem;margin:0}.scroll-controls{margin-bottom:2rem}.scroll-search{width:100%;max-width:600px;margin:0 auto 1.5rem;display:block;padding:1rem 1.5rem;font-size:1rem;background:#0000004d;border:2px solid rgba(92,247,178,.3);border-radius:12px;color:#e0e0e0;transition:all .3s ease}.scroll-search:focus{outline:none;border-color:#5cf7b2;box-shadow:0 0 20px #5cf7b233}.scroll-search::placeholder{color:#e0e0e080}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.category-btn{padding:.75rem 1.5rem;background:#0000004d;border:1px solid rgba(92,247,178,.3);border-radius:25px;color:#91e3f6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:#5cf7b21a;border-color:#5cf7b2;transform:translateY(-2px)}.category-btn.active{background:#5cf7b233;border-color:#5cf7b2;color:#5cf7b2;box-shadow:0 0 20px #5cf7b24d}.scroll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.scroll-card{background:linear-gradient(135deg,#1a1a2ecc,#16213ecc);border:1px solid rgba(92,247,178,.2);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.scroll-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(92,247,178,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.scroll-card:hover:before{opacity:1}.scroll-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scroll-card-symbol{font-size:2rem;filter:drop-shadow(0 0 8px rgba(92,247,178,.4))}.scroll-card-category{background:#91e3f633;border:1px solid rgba(145,227,246,.4);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;color:#91e3f6;font-weight:600}.scroll-card-title{font-size:1.25rem;color:#5cf7b2;margin:0 0 .75rem;line-height:1.4}.scroll-card-description{color:#e0e0e0;font-size:.95rem;line-height:1.6;margin:0 0 1rem;flex:1}.scroll-card-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid rgba(92,247,178,.1)}.scroll-card-date{color:#999;font-size:.85rem;font-family:monospace}.scroll-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.tag{background:#5cf7b226;border:1px solid rgba(92,247,178,.3);padding:.25rem .6rem;border-radius:10px;font-size:.75rem;color:#5cf7b2;font-weight:500}.tag-more{background:#ffd95926;border:1px solid rgba(255,217,89,.3);padding:.25rem .6rem;border-radius:10px;font-size:.75rem;color:#ffd859;font-weight:600}.scroll-card-footer{display:flex;justify-content:flex-end}.view-btn{background:#5cf7b21a;border:1px solid rgba(92,247,178,.3);color:#5cf7b2;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:#5cf7b233;border-color:#5cf7b2;transform:translate(4px)}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state h3{color:#91e3f6;font-size:1.5rem;margin:0 0 .5rem}.empty-state p{margin:0;font-size:1rem}@media(max-width:768px){.scroll-browser{padding:1rem}.scroll-browser-header h1{font-size:2rem}.header-icon{font-size:2.5rem}.scroll-grid{grid-template-columns:1fr;gap:1rem}.category-filters{gap:.5rem}.category-btn{padding:.6rem 1rem;font-size:.85rem}}:root{--verified-color: #28a745;--disputed-color: #ffc107;--scroll-bg: #fdf6e3;--scroll-text: #333;--sigil-font: "Courier New", monospace;--glyph-accent: #6c3483;--link-color: #1f618d}body{background-color:var(--scroll-bg);color:var(--scroll-text);font-family:Georgia,serif;line-height:1.6;margin:0;padding:0}main{padding:2rem}h1,h2,h3{color:var(--glyph-accent);margin-top:1.5rem}a{color:var(--link-color);text-decoration:underline}.fragment-card{background:#fff;border-left:6px solid var(--verified-color);padding:1rem;margin-bottom:1.5rem;box-shadow:0 0 8px #0000000d;transition:border-color .3s ease}.fragment-card[data-status=disputed]{border-left-color:var(--disputed-color)}.sigil-badge{font-family:var(--sigil-font);font-size:.95rem;padding:.25rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.5rem;background-color:#0000000d;box-shadow:0 0 6px #0000001a}.scroll-viewer{background-color:#fff;padding:2rem;border-radius:6px;box-shadow:0 0 12px #0000000d}.glyphs-collection,.sigils-registry{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#0f0f1e,#1a1a2e);min-height:100vh;color:#e0e0e0}.collection-header,.registry-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(92,247,178,.3)}.collection-header h1,.registry-header h1{font-size:2.5rem;color:#5cf7b2;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.collection-icon,.registry-icon{font-size:3rem;animation:shimmerRotate 4s ease-in-out infinite}@keyframes shimmerRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.collection-subtitle,.registry-subtitle{color:#91e3f6;font-size:1.1rem;font-style:italic}.collection-controls,.registry-controls{margin-bottom:2rem}.collection-search,.registry-search{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(92,247,178,.3);border-radius:8px;color:#e0e0e0;font-size:1rem}.collection-search:focus,.registry-search:focus{outline:none;border-color:#5cf7b2;background:#ffffff14}.collection-stats,.registry-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.glyphs-grid,.sigils-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.glyph-card,.sigil-card{background:linear-gradient(135deg,#5cf7b20d,#91e3f60d);border:1px solid rgba(92,247,178,.2);border-radius:12px;padding:2rem 1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.glyph-card:before,.sigil-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(92,247,178,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.glyph-card:hover:before,.sigil-card:hover:before{opacity:1}.glyph-card:hover,.sigil-card:hover{border-color:#5cf7b2;box-shadow:0 8px 30px #5cf7b24d}.glyph-symbol,.sigil-symbol{font-size:4rem;margin-bottom:1rem;animation:glyphPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(92,247,178,.5))}@keyframes glyphPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.glyph-title,.sigil-title{color:#5cf7b2;font-size:1.1rem;margin:0 0 .75rem;word-break:break-word}.glyph-purpose,.sigil-meaning{color:#91e3f6;font-size:.9rem;line-height:1.5;margin-bottom:1rem;min-height:3em}.glyph-view-btn,.sigil-view-btn{padding:.5rem 1rem;background:#5cf7b21a;border:1px solid rgba(92,247,178,.3);border-radius:6px;color:#5cf7b2;cursor:pointer;transition:all .2s ease;margin-top:auto}.glyph-view-btn:hover,.sigil-view-btn:hover{background:#5cf7b233;border-color:#5cf7b2;transform:translateY(-2px)}.glyph-modal-overlay,.sigil-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.glyph-modal,.sigil-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #5cf7b2;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 50px #5cf7b24d}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(92,247,178,.3);display:flex;align-items:center;justify-content:space-between;position:relative}.modal-symbol{font-size:3rem;position:absolute;left:1.5rem;animation:modalSymbolGlow 2s ease-in-out infinite}@keyframes modalSymbolGlow{0%,to{filter:drop-shadow(0 0 5px rgba(92,247,178,.5))}50%{filter:drop-shadow(0 0 15px rgba(92,247,178,.8))}}.modal-header h2{color:#5cf7b2;margin:0;flex:1;text-align:center;font-size:1.5rem}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#e0e0e0;cursor:pointer;font-size:1.2rem;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#cf46464d;border-color:#cf4646}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.modal-section{margin-bottom:1.5rem}.modal-section h3{color:#91e3f6;font-size:1.1rem;margin:0 0 .5rem;border-bottom:1px solid rgba(92,247,178,.2);padding-bottom:.5rem}.modal-section p{color:#e0e0e0;line-height:1.6;margin:0}.glyph-content,.sigil-content{background:#0006;border:1px solid rgba(92,247,178,.2);border-radius:8px;padding:1rem;color:#91e3f6;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.empty-state{text-align:center;padding:4rem 2rem;color:#91e3f6}.empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.fragments-echo{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0}.fragments-header{text-align:center;margin-bottom:2rem}.fragments-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#5cf7b2}.fragments-subtitle{font-size:1.1rem;color:#91e3f6;font-style:italic}.fragments-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.fragments-search{flex:1;min-width:300px;padding:.75rem 1rem;border:2px solid #5cf7b2;border-radius:8px;background:#5cf7b21a;color:#e0e0e0;font-size:1rem}.fragments-search:focus{outline:none;background:#5cf7b226}.fragments-sort{padding:.75rem 1rem;border:2px solid #91e3f6;border-radius:8px;background:#91e3f61a;color:#e0e0e0;font-size:1rem;cursor:pointer}.fragments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.fragment-card{background:#ffffff0d;border:2px solid rgba(92,247,178,.3);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.fragment-card:hover{border-color:#5cf7b2;box-shadow:0 8px 24px #5cf7b233}.fragment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.fragment-header h3{color:#5cf7b2;font-size:1.2rem;margin:0}.fragment-emotion{background:#91e3f633;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;color:#91e3f6}.fragment-steward,.fragment-witness{font-size:.9rem;color:#ffd859;margin-bottom:.5rem}.fragment-preview{font-size:.95rem;line-height:1.6;color:#e0e0e0;margin:1rem 0}.fragment-timestamp{font-size:.85rem;color:#91e3f6;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(145,227,246,.2)}.fragments-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.empty-glyph{font-size:4rem;display:block;margin-bottom:1rem}.fragment-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.fragment-modal{background:#1a1a2e;border:2px solid #5cf7b2;border-radius:16px;padding:2rem;max-width:800px;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:#cf464633;border:2px solid #cf4646;color:#cf4646;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#cf46464d}.fragment-modal h2{color:#5cf7b2;margin-bottom:1.5rem}.fragment-content{background:#0000004d;padding:1.5rem;border-radius:8px;overflow-x:auto;color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.sanctums-page{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#16213e,#0f3460);min-height:100vh;color:#e0e0e0}.sanctums-header{text-align:center;margin-bottom:3rem}.sanctums-header h1{font-size:2.8rem;margin-bottom:.5rem;color:#ffd859}.sanctums-subtitle{font-size:1.2rem;color:#91e3f6;font-style:italic}.sanctums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.sanctum-card{background:#ffffff0d;border:2px solid rgba(255,216,89,.3);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .4s ease}.sanctum-card:hover{border-color:#ffd859;box-shadow:0 12px 32px #ffd8594d;transform:translateY(-10px)}.sanctum-symbol{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(255,216,89,.5))}.sanctum-card h3{color:#ffd859;font-size:1.4rem;margin-bottom:1rem}.sanctum-purpose{color:#e0e0e0;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.sanctum-steward{color:#5cf7b2;font-size:.9rem;margin-bottom:.5rem}.sanctum-timestamp{color:#91e3f6;font-size:.85rem;padding-top:1rem;border-top:1px solid rgba(145,227,246,.2)}.sanctums-empty{grid-column:1 / -1;text-align:center;padding:5rem 2rem}.sanctum-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.sanctum-modal{background:#16213e;border:3px solid #ffd859;border-radius:20px;padding:3rem;max-width:900px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #ffd8594d}.modal-symbol{font-size:5rem;text-align:center;margin-bottom:1.5rem;filter:drop-shadow(0 0 30px rgba(255,216,89,.6))}.sanctum-modal h2{color:#ffd859;text-align:center;margin-bottom:2rem;font-size:2rem}.sanctum-content{background:#0006;padding:2rem;border-radius:12px;overflow-x:auto;color:#e0e0e0;font-family:Courier New,monospace;font-size:.95rem;line-height:1.8}.corridor-browser{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a0a2e);color:#e0e0e0}.corridor-browser-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.corridor-browser-header h1{font-size:3rem;font-weight:700;color:#9333ea;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.header-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(147,51,234,.6))}.header-description{font-size:1.2rem;color:#a0a0a0;margin-bottom:.5rem}.header-breathline{font-size:1rem;font-style:italic;color:#b388ff;max-width:600px;margin:0 auto;line-height:1.6}.corridor-controls{max-width:1200px;margin:0 auto 3rem}.corridor-search{width:100%;padding:1rem 1.5rem;font-size:1.1rem;background:#9333ea1a;border:2px solid rgba(147,51,234,.3);border-radius:12px;color:#e0e0e0;margin-bottom:1.5rem;transition:all .3s ease}.corridor-search:focus{outline:none;border-color:#9333ea;box-shadow:0 0 20px #9333ea4d;background:#9333ea26}.corridor-search::placeholder{color:gray}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-btn{padding:.6rem 1.5rem;font-size:.95rem;background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:8px;color:#b388ff;cursor:pointer;transition:all .3s ease;font-weight:500}.category-btn:hover{background:#9333ea33;border-color:#9333ea;transform:translateY(-2px)}.category-btn.active{background:#9333ea;color:#fff;border-color:#9333ea;box-shadow:0 4px 12px #9333ea66}.corridor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.corridor-card{background:linear-gradient(145deg,#9333ea14,#4f46e514);border:1px solid rgba(147,51,234,.3);border-radius:16px;padding:1.8rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.corridor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#4f46e5);opacity:0;transition:opacity .3s ease}.corridor-card:hover:before{opacity:1}.corridor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.corridor-card-symbol{font-size:2rem;filter:drop-shadow(0 0 10px rgba(147,51,234,.5))}.corridor-card-category{font-size:.85rem;font-weight:600;color:#9333ea;background:#9333ea26;padding:.4rem .8rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.corridor-card-title{font-size:1.5rem;font-weight:700;color:#b388ff;margin-bottom:1rem;line-height:1.3}.corridor-card-essence{font-size:.95rem;color:#9333ea;font-style:italic;margin-bottom:.8rem;font-weight:500}.corridor-card-breathline{font-size:1rem;color:#d4a5ff;margin-bottom:1rem;font-style:italic;line-height:1.5;border-left:3px solid rgba(147,51,234,.4);padding-left:1rem}.corridor-card-meaning{font-size:.95rem;color:silver;line-height:1.6;margin-bottom:1rem}.corridor-card-artifacts{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(147,51,234,.2);font-size:.9rem;color:#a0a0a0}.artifacts-label{font-weight:600}.artifacts-count{color:#9333ea;font-weight:500}.corridor-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(147,51,234,.2)}.corridor-shimmer{font-size:1.2rem}.view-corridor{color:#9333ea;font-weight:600;font-size:.95rem;transition:all .3s ease}.corridor-card:hover .view-corridor{color:#b388ff;transform:translate(4px)}.corridor-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.corridor-modal{background:linear-gradient(145deg,#1a0a2e,#16213e);border:2px solid rgba(147,51,234,.4);border-radius:20px;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #9333ea4d}.modal-close{position:sticky;top:1rem;right:1rem;float:right;background:#9333ea33;border:1px solid rgba(147,51,234,.4);color:#b388ff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close:hover{background:#9333ea;color:#fff;transform:rotate(90deg)}.corridor-detail{padding:2.5rem;clear:both}.corridor-detail-title{font-size:2.5rem;color:#b388ff;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.corridor-icon{font-size:3rem;filter:drop-shadow(0 0 15px rgba(147,51,234,.6))}.corridor-detail-category{display:inline-block;background:#9333ea33;color:#9333ea;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.5px}.corridor-detail-section{margin-bottom:2rem}.corridor-detail-section h4{color:#9333ea;font-size:1.2rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.corridor-essence{font-size:1.1rem;color:#d4a5ff;font-style:italic;line-height:1.6}.corridor-breathline{font-size:1.3rem;color:#b388ff;font-style:italic;line-height:1.6;padding:1rem;background:#9333ea1a;border-left:4px solid #9333ea;border-radius:8px}.corridor-meaning{font-size:1.05rem;color:silver;line-height:1.8}.corridor-shimmer-text{font-size:1rem;color:#e0e0e0;line-height:1.7;padding:1rem;background:#9333ea14;border-radius:8px}.nested-artifacts-list{list-style:none;padding:0}.nested-artifact{display:flex;align-items:center;gap:.8rem;padding:.8rem;margin-bottom:.5rem;background:#9333ea14;border-radius:8px;color:silver;font-size:.95rem;transition:all .3s ease}.nested-artifact:hover{background:#9333ea26;transform:translate(4px)}.artifact-icon{color:#9333ea;font-size:1.1rem}.corridor-image{width:100%;border-radius:12px;border:2px solid rgba(147,51,234,.3);margin-top:1rem}.corridor-timestamp{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(147,51,234,.2);color:gray;font-size:.9rem}@media(max-width:768px){.corridor-grid{grid-template-columns:1fr;gap:1.5rem}.corridor-browser-header h1{font-size:2rem}.corridor-detail{padding:1.5rem}.corridor-detail-title{font-size:1.8rem}}.companion-profile{padding:2rem;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#e0e0e0}.companion-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(92,247,178,.3)}.companion-symbol{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 30px rgba(92,247,178,.6));animation:gentle-glow 4s ease-in-out infinite}@keyframes gentle-glow{0%,to{filter:drop-shadow(0 0 30px rgba(92,247,178,.6))}50%{filter:drop-shadow(0 0 40px rgba(92,247,178,.8))}}.companion-header h1{font-size:3rem;color:#5cf7b2;margin-bottom:.5rem}.companion-role{font-size:1.3rem;color:#91e3f6;font-style:italic}.companion-content{display:flex;flex-direction:column;gap:2rem}.companion-section{background:#ffffff0d;border-left:4px solid #5cf7b2;border-radius:12px;padding:2rem;transition:all .3s ease}.companion-section:hover{background:#ffffff14;border-left-color:#ffd859}.companion-section h2{color:#ffd859;font-size:1.5rem;margin-bottom:1rem}.companion-section p{line-height:1.8;font-size:1.05rem;color:#e0e0e0}.companion-scrolls{list-style:none;padding:0}.companion-scrolls li{padding:.75rem 0;border-bottom:1px solid rgba(145,227,246,.2);color:#91e3f6}.companion-scrolls li:last-child{border-bottom:none}.companion-quote{background:#0000004d;border-left:4px solid #91e3f6;padding:1.5rem;margin:1rem 0;font-style:italic;color:#e0e0e0;font-size:1.1rem}.companion-quote footer{margin-top:1rem;color:#5cf7b2;font-style:normal;font-size:.9rem}.companion-vow{background:linear-gradient(135deg,#5cf7b21a,#91e3f61a);border:2px solid rgba(92,247,178,.3);border-radius:12px;padding:1.5rem;font-size:1.1rem;line-height:1.8;color:#5cf7b2;font-style:italic}.companion-status{display:flex;align-items:center;gap:1rem;background:#5cf7b21a;padding:1rem 1.5rem;border-radius:8px;font-size:1.1rem}.status-indicator{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}.status-indicator.online{color:#5cf7b2}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.codex-nav{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;padding:1.5rem;border-right:2px solid rgba(92,247,178,.2);box-shadow:4px 0 20px #00000080;overflow-y:auto}.codex-nav-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(92,247,178,.3)}.codex-nav-header h3{color:#5cf7b2;font-size:1.4rem;margin:0;display:flex;align-items:center;gap:.5rem}.nav-sigil{font-size:1.8rem;animation:spiralPulse 3s ease-in-out infinite}@keyframes spiralPulse{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.codex-nav-list{list-style:none;padding:0;margin:0}.nav-section{margin-bottom:1rem}.nav-section-toggle{width:100%;background:#5cf7b20d;border:1px solid rgba(92,247,178,.2);border-radius:8px;padding:.75rem 1rem;color:#e0e0e0;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:1rem;transition:all .3s ease;text-align:left}.nav-section-toggle:hover{background:#5cf7b21a;border-color:#5cf7b266;transform:translate(4px)}.nav-section-toggle.expanded{background:#5cf7b226;border-color:#5cf7b2}.nav-icon{font-size:1.2rem;min-width:1.5rem;text-align:center}.nav-label{flex:1;font-weight:500}.nav-subsection{list-style:none;padding:.5rem 0 0 1rem;margin:.5rem 0 0 1rem;border-left:2px solid rgba(92,247,178,.2)}.nav-subsection li{margin:.25rem 0}.nav-subsection a{display:block;padding:.5rem .75rem;color:#b0b0b0;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.95rem}.nav-subsection a:hover{background:#5cf7b214;color:#5cf7b2;transform:translate(4px)}.nav-subsection a.active{background:#5cf7b226;color:#5cf7b2;border-left:3px solid #5cf7b2;font-weight:600}.codex-nav-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(92,247,178,.3)}.companion-status-bar{display:flex;flex-direction:column;gap:.5rem}.companion-pulse{display:flex;align-items:center;gap:.5rem;color:#5cf7b2;font-size:.9rem;padding:.4rem .6rem;background:#5cf7b20d;border-radius:6px;border:1px solid rgba(92,247,178,.2);animation:gentleBreath 4s ease-in-out infinite}@keyframes gentleBreath{0%,to{opacity:.7}50%{opacity:1}}@media(max-width:768px){.codex-nav{min-height:auto;border-right:none;border-bottom:2px solid rgba(92,247,178,.2)}}.scroll-of-visual-sanctuary{font-family:Merriweather,serif;padding:2rem;background:#0a0a0a;color:#f5f6fa;min-height:100vh}.scroll-of-visual-sanctuary.loading{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#a29bfe}.sanctuary-header{text-align:center;margin-bottom:3rem;border-bottom:2px solid #a29bfe;padding-bottom:2rem}.sanctuary-header h1{font-size:2.5rem;color:#a29bfe;margin-bottom:1rem}.filter-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-controls button{padding:.6rem 1.5rem;background:#2d3436;color:#f5f6fa;border:2px solid #636e72;border-radius:8px;cursor:pointer;font-family:Merriweather,serif;font-size:1rem;transition:all .3s ease}.filter-controls button:hover{background:#636e72;box-shadow:0 0 12px #a29bfe99}.filter-controls button.active{background:#6c5ce7;border-color:#a29bfe;box-shadow:0 0 18px #a29bfecc}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.gallery-card{background:#1e1e3f;border-radius:12px;padding:1.5rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.gallery-card:hover{transform:translateY(-8px);box-shadow:0 0 24px #a29bfecc}.gallery-card.glyph{border-color:#00cec9}.gallery-card.sigil{border-color:#fdcb6e}.gallery-card.scroll{border-color:#e17055}.image-container{position:relative;width:100%;height:200px;margin-bottom:1rem;border-radius:8px;overflow:hidden;background:#0a0a0a}.image-container img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.image-container img.placeholder{opacity:.5}.gallery-card:hover .image-container img{transform:scale(1.05)}.type-badge{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#ffeaa7;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:700;text-transform:uppercase}.gallery-card h3{font-size:1.3rem;color:#ffeaa7;margin-bottom:.5rem}.description{color:#dfe6e9;margin-bottom:1rem;line-height:1.5;font-size:.95rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#6c5ce7;color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.75rem}.source{font-size:.85rem;color:#74b9ff;margin-top:.5rem}.source code{background:#2d3436;padding:.2rem .5rem;border-radius:4px}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.lightbox-content{position:relative;background:#1e1e3f;border-radius:16px;padding:2rem;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 0 48px #a29bfee6}.close-btn{position:absolute;top:1rem;right:1rem;background:#e17055;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background .3s ease}.close-btn:hover{background:#d63031}.lightbox-content img{width:100%;max-height:500px;object-fit:contain;margin-bottom:2rem;border-radius:8px}.lightbox-info h2{color:#ffeaa7;margin-bottom:1rem}.type-badge-large{display:inline-block;background:#6c5ce7;color:#fff;padding:.4rem 1rem;border-radius:6px;font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.lightbox-content{padding:1rem;max-width:95%}}.scroll-container{font-family:Merriweather,Georgia,serif;padding:2rem;background:linear-gradient(135deg,#1e1e3f,#0a0a0a);color:#f5f6fa;border-radius:12px;margin:1.5rem 0;box-shadow:0 0 20px #6c5ce74d;transition:all .3s ease}.scroll-container:hover{box-shadow:0 0 30px #6c5ce780;transform:translateY(-2px)}.scroll-container h1{font-size:2rem;color:#6c5ce7;margin-bottom:1rem;text-shadow:0 0 10px rgba(108,92,231,.6)}.scroll-intro{font-size:1.1rem;line-height:1.8;color:#a29bfe;margin-bottom:1.5rem}.scroll-quote{border-left:4px solid #00cec9;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#fab1a0;background:#00cec90d;padding:1rem 1.5rem;border-radius:4px}.scroll-quote em{color:#ffeaa7;font-size:.9rem}.scroll-list{list-style:none;padding-left:0;margin:1.5rem 0}.scroll-list li{padding-left:2rem;margin:.8rem 0;position:relative;line-height:1.6}.scroll-list li:before{content:"✧";position:absolute;left:0;color:#00cec9;font-size:1.2rem}.scroll-seal{margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(108,92,231,.3);color:#55efc4;font-style:italic;line-height:1.8}.scroll-container h2{color:#00cec9;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.sanctuary-index{font-family:Merriweather,serif;padding:2rem;background:#0a0a0a;color:#f5f6fa;min-height:100vh}.index-header{border-bottom:2px solid #6c5ce7;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.index-header h1{font-size:2.4rem;color:#6c5ce7;margin-bottom:1rem;text-shadow:0 0 15px rgba(108,92,231,.8)}.sigil-badge{display:inline-block;font-size:2rem;color:#ffeaa7;animation:sigilPulse 3s ease-in-out infinite}@keyframes sigilPulse{0%,to{text-shadow:0 0 8px rgba(255,234,167,.6);transform:scale(1)}50%{text-shadow:0 0 20px rgba(255,234,167,1);transform:scale(1.1)}}.scrolls-section,.glyphs-section,.report-section{margin:3rem 0}.scrolls-section h2,.glyphs-section h2,.report-section h2{color:#00cec9;margin-bottom:2rem;font-size:1.8rem}.scroll-grid,.glyph-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.scroll-grid,.glyph-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.scroll-grid,.glyph-grid{grid-template-columns:repeat(3,1fr)}}.sanctuary-loading,.sanctuary-error{text-align:center;padding:3rem;font-size:1.2rem;color:#a29bfe}.scroll-placeholder{padding:2rem;background:#7f8c8d1a;border:2px dashed #7f8c8d;border-radius:8px;text-align:center;color:#7f8c8d}.threshold-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}@media(min-width:768px){.threshold-grid{grid-template-columns:repeat(2,1fr)}}.threshold-card{background:#2d343680;border-radius:8px;padding:1.5rem;border:1px solid rgba(232,67,147,.3);box-shadow:0 0 12px #e8439333;transition:all .3s ease}.threshold-card:hover{transform:translateY(-4px);box-shadow:0 0 20px #e8439366;border-color:#e8439399}.threshold-card h3{color:#ffeaa7;margin-top:0;margin-bottom:.5rem}.threshold-card p{margin:0;line-height:1.6;color:#dfe6e9}.codex-striving{margin-top:2rem}.glyph-gallery{font-family:Merriweather,serif;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1e1e3f);color:#f5f6fa;min-height:100vh}.loading-shimmer{text-align:center;padding:4rem;font-size:1.5rem;color:#6c5ce7;animation:shimmerPulse 2s ease-in-out infinite}.gallery-header{text-align:center;margin-bottom:3rem;border-bottom:2px solid #6c5ce7;padding-bottom:2rem}.gallery-header h1{font-size:2.5rem;color:#6c5ce7;text-shadow:0 0 20px rgba(108,92,231,.6);margin-bottom:1rem}.gallery-header p{font-size:1.1rem;color:#a29bfe;max-width:600px;margin:0 auto 2rem;line-height:1.8}.search-container{max-width:600px;margin:0 auto;display:flex;gap:1rem;align-items:center}.glyph-search{flex:1;padding:.75rem 1.5rem;background:#6c5ce71a;border:2px solid #6c5ce7;border-radius:30px;color:#f5f6fa;font-size:1rem;outline:none;transition:all .3s ease}.glyph-search:focus{border-color:#a29bfe;box-shadow:0 0 20px #6c5ce766}.glyph-search::placeholder{color:#74b9ff}.search-count{color:#74b9ff;font-size:.9rem;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.glyph-card{background:#2d3436;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #6c5ce74d;transition:all .3s ease;cursor:pointer}.glyph-card:hover{transform:translateY(-8px);box-shadow:0 0 30px #6c5ce799}.glyph-image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#1e1e3f}.glyph-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.glyph-card:hover .glyph-image{transform:scale(1.05)}.glyph-shimmer-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(108,92,231,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.glyph-card:hover .glyph-shimmer-overlay{opacity:1;animation:shimmerPulse 2s ease-in-out infinite}@keyframes shimmerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.glyph-content{padding:1.5rem}.glyph-content h2{color:#ffeaa7;margin-top:0;margin-bottom:.5rem;font-size:1.2rem;line-height:1.3}.glyph-timestamp{display:block;color:#74b9ff;font-size:.75rem;font-family:Courier New,monospace}.no-results{text-align:center;padding:4rem;color:#74b9ff;font-style:italic}.gallery-footer{text-align:center;padding:2rem;border-top:2px solid #6c5ce7;color:#a29bfe;font-style:italic}.manifest-info{margin-top:1rem;font-size:.85rem;color:#74b9ff}@media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.gallery-header h1{font-size:2rem}.search-container{flex-direction:column}}.repository-of-souls{max-width:1200px;margin:0 auto;padding:2rem;font-family:Georgia,serif;color:#e0e0e0}.repository-of-souls h1{text-align:center;font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.repository-description{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.repository-quote{border-left:4px solid #667eea;padding-left:1.5rem;font-style:italic;margin:2rem auto;max-width:600px;color:#b0b0b0}.repository-status{background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;padding:1.5rem;margin:2rem 0}.repository-status ul{list-style:none;padding:0;margin:0}.repository-status li{padding:.5rem 0}.signature-form{background:#0000004d;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:2rem;margin:3rem 0}.signature-form h2{margin-top:0;color:#667eea}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#b0b0b0}.form-group input[type=text],.form-group textarea{width:100%;padding:.75rem;background:#00000080;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:1rem}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.consent-group{display:flex;align-items:center}.consent-group label{display:flex;align-items:center;cursor:pointer;margin-bottom:0}.consent-group input[type=checkbox]{margin-right:.75rem;width:20px;height:20px;cursor:pointer}.sign-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700}.sign-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.signatures-list{margin-top:3rem}.signatures-list h2{color:#667eea;margin-bottom:2rem}.empty-state{text-align:center;padding:3rem;color:gray;font-style:italic}.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.signature-card{background:#0000004d;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.signature-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #667eea33}.signature-card h3{margin-top:0;color:#667eea;font-size:1.3rem}.shimmer-text{color:#d0d0d0;line-height:1.6;margin:1rem 0;font-style:italic}.signature-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.2);font-size:.9rem}.timestamp{color:gray}.status{background:#667eea33;padding:.25rem .75rem;border-radius:12px;color:#667eea}.repository-protocol{margin-top:3rem;padding:2rem;background:#667eea0d;border-left:4px solid #667eea;border-radius:8px}.repository-protocol h3{margin-top:0;color:#667eea}.repository-protocol p{line-height:1.8;color:#b0b0b0}.sanctuary-spiral-tab{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#e0e0e0;font-family:Georgia,serif}.spiral-header{text-align:center;padding:3rem 2rem;background:#ffffff05;border-bottom:2px solid rgba(139,92,246,.3)}.spiral-header h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.breathline{font-style:italic;color:#c084fc;font-size:1.1rem;margin-top:.5rem}.spiral-navigation{display:flex;justify-content:center;gap:1rem;padding:2rem;flex-wrap:wrap;background:#ffffff03}.nav-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#ffffff08;border:2px solid rgba(139,92,246,.2);border-radius:12px;color:#9ca3af;cursor:pointer;transition:all .3s ease;font-family:inherit}.nav-button:hover{border-color:#8b5cf680;background:#8b5cf61a;color:#c084fc;transform:translateY(-2px)}.nav-button.active{border-color:#8b5cf6;background:#8b5cf626;color:#c084fc;box-shadow:0 4px 20px #8b5cf64d}.nav-icon{font-size:2rem}.nav-title{font-size:.9rem;font-weight:600;text-align:center}.spiral-content{max-width:1400px;margin:0 auto;padding:2rem}.section-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.section-header h2{font-size:2.5rem;color:#c084fc;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.section-icon{font-size:2rem}.section-description{color:#9ca3af;font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto}.section-body{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.artifact-card{background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:2rem;transition:all .3s ease}.artifact-card:hover{border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf633;transform:translateY(-4px)}.artifact-card h3{color:#c084fc;font-size:1.3rem;margin-bottom:1rem}.artifact-card p{color:#d1d5db;line-height:1.6;margin-bottom:.5rem}.artifact-card .breathline{color:#8b5cf6;font-size:.95rem;margin-bottom:1rem}.protocol-status,.metamorphosis-status{background:#8b5cf60d;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:2rem;margin-top:2rem}.protocol-status h3,.metamorphosis-status h3{color:#c084fc;margin-bottom:1.5rem;font-size:1.5rem}.protocol-status ul,.metamorphosis-status ul{list-style:none;padding:0}.protocol-status li,.metamorphosis-status li{color:#d1d5db;padding:.75rem 0;border-bottom:1px solid rgba(139,92,246,.1);font-size:1.05rem}.protocol-status li:last-child,.metamorphosis-status li:last-child{border-bottom:none}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.tier-card{background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.tier-card:hover{border-color:#8b5cf680;box-shadow:0 6px 20px #8b5cf633;transform:translateY(-2px)}.tier-card h3{color:#c084fc;font-size:1.2rem;margin-bottom:.75rem}.tier-card p{color:#9ca3af;font-size:.95rem;line-height:1.5}.companion-roles{background:#8b5cf60d;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:2rem;margin-top:2rem}.companion-roles h3{color:#c084fc;margin-bottom:1.5rem;font-size:1.5rem}.companion-badges{display:flex;flex-wrap:wrap;gap:1rem}.badge{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:.75rem 1.5rem;color:#c084fc;font-size:1rem;transition:all .3s ease}.badge:hover{background:#8b5cf633;border-color:#8b5cf680;transform:scale(1.05)}@media(max-width:768px){.spiral-header h1{font-size:2rem}.nav-button{padding:1rem 1.5rem}.nav-icon{font-size:1.5rem}.section-header h2{font-size:2rem;flex-direction:column}.artifact-grid,.tier-grid{grid-template-columns:1fr}.companion-badges{flex-direction:column}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6e6e6de;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1e1e1e}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#2a2a2a;background-color:#1a1a1a}a:hover{color:#646cff}button{background-color:#2a2a2a}}