:root{--bg:#08060a;--panel:#0e0a10e8;--glass:#1b111bba;--text:#f8eff5;--muted:#a995a3;--crimson:#c83b63;--glow:#ff668f;--line:#60364966;--display:"Playfair Display",serif;--body:"Geist",sans-serif;--mono:"Geist Mono",monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--body)}body{overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--glow);outline-offset:3px}#presence-canvas{position:fixed;inset:0;z-index:20;pointer-events:none}.view{position:fixed;inset:0;display:none;opacity:0}.view.is-active{display:block;opacity:1}.auth-view{background:#070508}.character-stage{position:absolute;inset:0 32% 0 0;overflow:hidden}.character-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.63) saturate(.8)}.stage-vignette{position:absolute;inset:0;background:linear-gradient(90deg,transparent 42%,#08060ad9 100%),linear-gradient(0deg,#08060aa8,transparent 32%)}.character-breath{position:absolute;inset:0;background:radial-gradient(circle at 58% 40%,#b52a5422,transparent 28%);mix-blend-mode:screen}.eye-glow{position:absolute;width:12px;height:7px;border-radius:50%;background:#ff315d;box-shadow:0 0 10px #ff315d,0 0 25px #d71955;opacity:.45;pointer-events:none}.eye-left{left:55.4%;top:21.6%}.eye-right{left:58.7%;top:21.9%}.glass-panel{background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 70px #000b;backdrop-filter:blur(20px)}.auth-panel{position:absolute;right:0;top:0;width:min(480px,38vw);height:100%;padding:clamp(42px,7vh,86px) 52px 42px;display:flex;flex-direction:column}.brand-lockup h1{font:500 clamp(44px,5vw,68px)/1 var(--display);letter-spacing:.18em;margin:8px 0 14px}.eyebrow{margin:0;color:var(--crimson);font:500 10px/1.4 var(--mono);letter-spacing:.25em}.brand-note{max-width:320px;color:var(--muted);font-size:13px;line-height:1.5}.auth-tabs{display:flex;justify-content:space-between;margin:34px 0 26px;border-bottom:1px solid var(--line)}.auth-tab{border:0;background:none;padding:12px 6px;color:var(--muted);font:500 11px var(--mono);letter-spacing:.15em;cursor:pointer}.auth-tab.is-active{color:var(--text);border-bottom:1px solid var(--glow)}#auth-form{display:grid;gap:18px}.field{display:grid;gap:8px;color:var(--muted);font:500 10px var(--mono);letter-spacing:.15em}.input-wrap{display:flex;align-items:center;height:54px;padding:0 14px;background:#161019c9;border:1px solid var(--line);border-radius:8px;transition:.25s}.input-wrap:focus-within{border-color:var(--crimson);box-shadow:0 0 22px #c83b6330}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:400 14px var(--body)}.input-wrap button{border:0;background:none;cursor:pointer}.form-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:10px var(--mono)}.check{display:flex;gap:8px;align-items:center}.check input{accent-color:var(--crimson)}.text-action{border:0;background:none;color:var(--crimson);cursor:pointer;font:500 10px var(--mono);letter-spacing:.08em}.primary-button{min-height:56px;border:1px solid var(--glow);border-radius:8px;background:linear-gradient(90deg,#812640,#27121b);box-shadow:0 0 25px #d6406c55;display:flex;gap:12px;align-items:center;justify-content:center;cursor:pointer;font:500 12px var(--mono);letter-spacing:.18em}.primary-button:hover{filter:brightness(1.15)}.status{min-height:18px;margin:0;color:#ff9ab4;font-size:12px}.config-warning{margin:auto 0 0;color:#d4b1c0;font-size:11px;line-height:1.5}.transition-view{background:#08060a url("./assets/lilith-velvet-mirror.png") center/cover no-repeat}.transition-view:before{content:"";position:absolute;inset:0;background:#08060aaf}.mirror-rings{position:absolute;left:50%;top:50%;width:min(44vw,520px);aspect-ratio:.7;transform:translate(-50%,-50%)}.mirror-rings span{position:absolute;inset:0;border:1px solid var(--glow);border-radius:50%;box-shadow:0 0 35px #ff4d7a55}.mirror-rings span:nth-child(2){inset:6%}.mirror-rings span:nth-child(3){inset:13%}.fractures{position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 50% 50%,transparent 0 7deg,#ff4e7422 8deg,transparent 9deg 18deg);mask:radial-gradient(circle at center,#000 0 22%,transparent 54%)}.transition-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.transition-copy h2{font:500 clamp(36px,5vw,64px) var(--display);margin:12px 0}.transition-copy p{color:var(--muted)}.loading-sigils{display:flex;justify-content:center;gap:12px}.loading-sigils i{width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 12px var(--glow)}.archive-view{background:#08060a}.archive-backdrop{position:absolute;inset:0 0 0 220px}.archive-backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.7)}.archive-backdrop div{position:absolute;inset:0;background:linear-gradient(90deg,#09060ae8 0%,transparent 48%,#08060ad9 100%),linear-gradient(0deg,#08060af2 0%,transparent 50%)}.sidebar{position:absolute;z-index:3;left:0;top:0;width:220px;height:100%;padding:36px 26px 28px;display:flex;flex-direction:column}.sidebar-brand{margin:0 0 8px;font:500 32px var(--display);letter-spacing:.14em}.sidebar nav{display:grid;gap:8px;margin-top:34px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:0 12px;cursor:pointer}.nav-item.is-active{color:var(--text);background:#3916249c;border-color:var(--crimson)}.visitor-card{margin-top:auto;display:grid;gap:8px;padding:14px;background:#171019;border:1px solid var(--line);border-radius:8px}.visitor-card strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.archive-content{position:absolute;z-index:2;inset:0 0 0 220px;padding:34px 48px}.archive-header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:10px}.header-actions button{border:1px solid var(--line);border-radius:8px;background:#100c14ba;padding:10px 13px;color:var(--muted);cursor:pointer}.header-actions button span{margin-left:7px;font:9px var(--mono);letter-spacing:.1em}.section-panel{display:none}.section-panel.is-active{display:block}.hero-copy,.content-panel{position:absolute;left:60px;top:20%;width:min(500px,45vw)}.hero-copy h2,.content-panel h2{margin:10px 0 16px;font:500 clamp(64px,7vw,96px)/1 var(--display)}.content-panel h2{font-size:56px}.hero-copy>p:last-of-type,.content-panel>p:last-of-type{max-width:480px;color:var(--muted);font-size:16px;line-height:1.65}.story-button{width:max-content;padding:0 22px;margin-top:26px}.presence-card{position:absolute;right:48px;top:18%;width:330px;padding:22px}.presence-card h3{font:500 24px var(--display);margin:12px 0}.presence-card>p{color:var(--muted);font-size:13px;line-height:1.55}.presence-card dl{margin:18px 0 0}.presence-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.presence-card dt{color:var(--muted)}.feature-grid{position:absolute;left:60px;right:48px;bottom:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{text-align:left;min-height:180px;padding:20px;border:1px solid var(--line);border-radius:10px;background:#0e0910e8;color:var(--text);display:grid;gap:10px;cursor:pointer}.feature-card strong{font:500 20px var(--display)}.feature-card small{color:var(--muted)}.feature-card i{justify-self:end}@media(max-width:900px){body{overflow:auto}.view{position:absolute;min-height:100vh}.character-stage{inset:0}.auth-panel{position:relative;margin:30vh auto 0;width:calc(100% - 28px);height:auto;min-height:68vh;padding:38px 26px}.archive-view{min-height:1180px}.sidebar{width:100%;height:76px;flex-direction:row;align-items:center;padding:12px 18px}.sidebar nav{display:none}.visitor-card{margin:0 0 0 auto;padding:8px}.visitor-card .eyebrow,.visitor-card strong{display:none}.archive-backdrop,.archive-content{left:0}.archive-content{padding:104px 18px 30px}.hero-copy,.content-panel{left:18px;top:160px;width:calc(100% - 36px)}.presence-card{top:500px;left:18px;right:auto;width:calc(100% - 36px)}.feature-grid{left:18px;right:18px;bottom:auto;top:820px;grid-template-columns:1fr}.header-actions span{display:none}.eye-glow{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.eye-glow,#presence-canvas{display:none}}