:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;--obsidian:#0a0908;--obsidian-2:#14110f;--parchment:#ebe0c8;--parchment-dim:#a89d85;--ash:#6d6558;--gold:#b08d3f;--gold-dim:#b08d3f59;--gold-faint:#b08d3f1f;--bordeaux:#2a1418}html,body{background:var(--obsidian);height:100%;color:var(--parchment);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:300;overflow-x:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.serif{font-family:Cormorant Garamond,Georgia,serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.chamber{background:radial-gradient(ellipse 80% 60% at 50% 40%, #b08d3f0e, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 80%, #7d3d240a, transparent 70%), var(--obsidian);z-index:0;pointer-events:none;position:fixed;inset:0}.dust{z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(1px 1px at 15% 25%,#ebe0c826,#0000 50%),radial-gradient(1px 1px at 85% 65%,#b08d3f33,#0000 50%),radial-gradient(1px 1px at 45% 85%,#ebe0c814,#0000 50%),radial-gradient(1px 1px at 75% 15%,#b08d3f1f,#0000 50%),radial-gradient(1px 1px at 25% 55%,#ebe0c80f,#0000 50%),radial-gradient(1px 1px at 65% 45%,#b08d3f1a,#0000 50%);position:fixed;inset:0}.app{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.mirror-wrap{justify-content:center;align-items:center;padding:24px 20px 8px;display:flex}.mirror{aspect-ratio:4/5;isolation:isolate;background:#000;border-radius:50%/46%;width:min(340px,78vw);position:relative;overflow:hidden}.mirror:before{content:"";z-index:-1;filter:blur(.4px);opacity:.75;background:conic-gradient(from 210deg,#4a3820 0deg,#b08d3f 60deg,#d9b968 120deg,#7c5a2a 200deg,#b08d3f 280deg,#3d2d18 340deg,#4a3820 360deg);border-radius:50%/46%;position:absolute;inset:-14px}.mirror:after{content:"";pointer-events:none;z-index:5;border-radius:50%/46%;position:absolute;inset:-4px;box-shadow:inset 0 0 0 1px #0009,inset 0 0 30px #000000d9}.mirror-img{object-fit:cover;filter:contrast(1.24)saturate(.82)brightness(.78)sepia(.18)hue-rotate(-4deg);z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.mirror-chiaroscuro{mix-blend-mode:multiply;pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000 0% 35%,#00000059 65%,#000000c7 100%);position:absolute;inset:0}.mirror-rim{mix-blend-mode:soft-light;pointer-events:none;z-index:2;background:radial-gradient(55% 45% at 78% 22%,#f0c87873 0%,#dcaa5a2e 25%,#0000 55%);position:absolute;inset:0}.mirror-rim-2{mix-blend-mode:screen;pointer-events:none;z-index:2;background:radial-gradient(25% 35% at 85% 25%,#ffdc9647 0%,#0000 60%);position:absolute;inset:0}.mirror-vignette{pointer-events:none;z-index:3;background:radial-gradient(90% 90% at 65% 40%,#0000 25%,#00000073 75%,#000000d9 100%);position:absolute;inset:0}.mirror-shimmer{pointer-events:none;z-index:4;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 40%,#b08d3f0f 47%,#ebe0c81a 50%,#b08d3f0f 53%,#0000 60%) 0 0/200% 100%;animation:9s ease-in-out infinite shimmer;position:absolute;inset:-20%}@keyframes shimmer{0%,to{background-position:-80% 0}50%{background-position:80% 0}}.mirror.speaking .mirror-shimmer{opacity:1.3;animation-duration:3.5s}.mirror.speaking .mirror-rim{animation:2.6s ease-in-out infinite rim-breathe}@keyframes rim-breathe{0%,to{opacity:1}50%{opacity:1.3}}.mirror-silhouette{background:radial-gradient(at 50% 30%,#b08d3f26,#0000 55%),linear-gradient(#1a1512 0%,#0a0908 100%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.mirror-silhouette svg{opacity:.32;width:70%}.mirror-perm{text-align:center;z-index:6;padding:0 20px;position:absolute;inset:auto 0 20px}.mirror-perm button{color:var(--gold);border:1px solid var(--gold-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:3px;padding:8px 16px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic}.mirror-perm button:hover{background:#000000bf}.areas{flex-wrap:wrap;justify-content:center;gap:4px;padding:20px 16px 8px;display:flex}.area-pill{color:var(--parchment-dim);letter-spacing:.03em;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:400;transition:color .4s,background .4s}.area-pill:hover{color:var(--parchment)}.area-pill.active{color:var(--gold);background:var(--gold-faint);border-color:var(--gold-dim)}.voice-stage{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;max-width:640px;min-height:140px;margin:0 auto;padding:8px 28px 20px;display:flex}.voice-line{color:var(--parchment);letter-spacing:.005em;white-space:pre-wrap;font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic;font-weight:400;line-height:1.55}.voice-line .caret{background:var(--gold);vertical-align:-.15em;opacity:.7;width:8px;height:1em;margin-left:3px;animation:1.1s steps(2,end) infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.voice-thinking{color:var(--gold);align-items:center;gap:6px;height:24px;display:flex}.voice-thinking span{opacity:.4;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}.voice-thinking span:nth-child(2){animation-delay:.2s}.voice-thinking span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.composer{width:100%;max-width:640px;margin:0 auto;padding:8px 24px 32px}.composer-inner{border:1px solid var(--gold-dim);background:#14110f99;border-radius:4px;transition:border-color .3s,background .3s;position:relative}.composer-inner:focus-within{border-color:var(--gold);background:#14110fd9}.composer textarea{width:100%;color:var(--parchment);resize:none;background:0 0;border:none;outline:none;min-height:54px;max-height:200px;padding:14px 56px 14px 18px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:400;line-height:1.5}.composer textarea::placeholder{color:var(--ash);font-style:italic}.send-btn{width:38px;height:38px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;bottom:8px;right:8px}.send-btn:hover{background:var(--gold-faint)}.send-btn:disabled{opacity:.3;cursor:not-allowed}.header{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:18px 24px 4px;display:flex}.mark{align-items:baseline;gap:10px;display:flex}.mark-title{letter-spacing:.08em;color:var(--parchment);white-space:nowrap;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500}.mark-sub{color:var(--ash);letter-spacing:.15em;white-space:nowrap;font-size:11px}.header-actions{align-items:center;gap:4px;display:flex}.persona-btn{color:var(--parchment-dim);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:6px 12px;font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;transition:color .2s,background .2s;display:flex}.persona-btn:hover{color:var(--gold);background:var(--gold-faint)}@media (max-width:640px){.mirror{width:min(280px,72vw)}.voice-line{font-size:19px}.composer textarea{font-size:17px}.mark-sub{display:none}.mark-title{font-size:17px}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#050403d9;justify-content:center;align-items:center;padding:20px;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{border:1px solid var(--gold-dim);background:linear-gradient(#14110f 0%,#0a0908 100%);border-radius:4px;width:100%;max-width:560px;max-height:88vh;animation:.5s cubic-bezier(.2,.9,.3,1) rise;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009,0 0 60px #b08d3f0f}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-inner{padding:40px 36px}.panel-close{width:36px;height:36px;color:var(--parchment-dim);background:#14110f99;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.panel-close:hover{color:var(--gold)}.onb-eye{width:56px;height:56px;color:var(--gold);opacity:.9;margin:0 auto 24px;display:block}.onb-title{color:var(--parchment);text-align:center;margin:0 0 20px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:400;line-height:1.15}.onb-body{color:var(--parchment-dim);text-align:center;margin:0 0 32px;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;line-height:1.6}.onb-field{margin-bottom:20px}.onb-label{color:var(--ash);letter-spacing:.14em;margin-bottom:8px;font-size:11px;font-weight:400;display:block}.onb-input{width:100%;color:var(--parchment);background:#ffffff08;border:1px solid #b08d3f33;border-radius:3px;padding:12px 14px;font-family:Cormorant Garamond,serif;font-size:17px;transition:border-color .2s}.onb-input:focus{border-color:var(--gold);outline:none}.onb-textarea{resize:vertical;min-height:100px;line-height:1.5}.onb-btn{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.05em;background:0 0;border-radius:3px;align-items:center;gap:12px;padding:12px 28px;font-family:Cormorant Garamond,serif;font-size:16px;transition:background .2s,border-color .2s;display:inline-flex}.onb-btn:hover{background:var(--gold-faint);border-color:var(--gold)}.onb-btn:disabled{opacity:.4;cursor:not-allowed}.onb-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.onb-back{color:var(--ash);padding:6px 10px;font-size:14px}.onb-back:hover{color:var(--parchment-dim)}.onb-progress{justify-content:center;gap:6px;margin-top:32px;display:flex}.onb-dot{background:#b08d3f33;border-radius:50%;width:5px;height:5px;transition:background .3s}.onb-dot.active{background:var(--gold)}.journal-title{color:var(--parchment);margin:0 0 6px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500}.journal-sub{color:var(--ash);letter-spacing:.05em;margin-bottom:28px;font-size:13px}.journal-empty{text-align:center;color:var(--parchment-dim);padding:40px 20px;font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;line-height:1.5}.journal-entry{border-bottom:1px solid #b08d3f14;padding:20px 0}.journal-entry:last-child{border-bottom:none}.journal-meta{color:var(--ash);letter-spacing:.1em;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.journal-area{color:var(--gold)}.journal-text{color:var(--parchment);font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;line-height:1.55}.journal-user{color:var(--parchment-dim);margin-bottom:8px;font-size:15px;font-style:normal;line-height:1.5}.icon-btn{width:36px;height:36px;color:var(--parchment-dim);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.icon-btn:hover{color:var(--gold);background:var(--gold-faint)}.reflect-btn{color:var(--ash);border-radius:999px;margin:12px auto 0;padding:6px 14px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;transition:color .2s,background .2s;display:block}.reflect-btn:hover{color:var(--gold);background:var(--gold-faint)}.toast{border:1px solid var(--gold-dim);color:var(--gold);z-index:100;background:#14110ff2;border-radius:3px;padding:10px 20px;font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;animation:2.4s ease-in-out toast;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast{0%,to{opacity:0;transform:translate(-50%,10px)}15%,85%{opacity:1;transform:translate(-50%)}}.icon-btn.on{color:var(--gold)}.icon-btn.on:after{content:"";background:var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.icon-btn{position:relative}.mirror-video{object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;transition:filter 1.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.mirror-video+.mirror-overlay{z-index:2}.mirror-glass .mirror-rimlight,.mirror-glass .mirror-vignette,.mirror-glass .mirror-shimmer{z-index:3}.step-out{color:var(--ash);letter-spacing:.02em;border-radius:999px;margin:20px auto 0;padding:8px 16px;font-family:Cormorant Garamond,serif;font-size:14px;font-style:italic;transition:color .3s,background .3s;display:block}.step-out:hover{color:var(--parchment-dim);background:var(--gold-faint)}.mirror-error{text-align:center;color:var(--parchment-dim);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-family:Cormorant Garamond,serif;font-size:15px;font-style:italic;line-height:1.5;display:flex;position:absolute;inset:0}.mirror-retry{color:var(--gold);border:1px solid var(--gold-dim);letter-spacing:.03em;border-radius:3px;padding:6px 14px;font-family:Cormorant Garamond,serif;font-size:14px;transition:background .2s}.mirror-retry:hover{background:var(--gold-faint)}.mirror-cta,.mirror-silhouette{z-index:5}.mirror-error{z-index:10}.mirror-silhouette{z-index:1;background:radial-gradient(45% 55% at 50% 42%,#ffffff04 0%,#0000 60%),radial-gradient(35% 50% at 50% 65%,#00000080 0%,#0000 70%);border-radius:50%;position:absolute;inset:0}.mirror-cta{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.08em;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#b08d3f14;border-radius:999px;padding:14px 32px;font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mirror-cta:hover{border-color:var(--gold);color:var(--parchment);background:#b08d3f2e;box-shadow:0 0 30px #b08d3f33}