:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f3eef0;background:#05070f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{background:#05070f;min-height:100%;margin:0}body{min-height:100vh}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}h1,h2,h3,p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{color:#f3eef0;background:radial-gradient(circle at top,#665c941f,#0000 28%),linear-gradient(#05070f 0%,#080c19 55%,#05070f 100%);min-height:100%;margin:0;overflow-x:hidden}body{line-height:1.5}#root{width:100%;min-height:100vh}.app-wrapper{z-index:2;width:100%;position:relative}.app-board{z-index:2;gap:2rem;width:min(1240px,100% - 2rem);margin:0 auto;padding:3rem 0 4rem;display:grid;position:relative}.corner-decor{filter:blur(18px);pointer-events:none;background:radial-gradient(circle at 30% 30%,#d4af372e,#0000 54%);border-radius:55% 45% 60% 40%;width:180px;height:180px;position:absolute}.top-left{top:0;left:0;transform:translate(-28px,-28px)}.bottom-right{bottom:0;right:0;transform:translate(28px,28px)}.hero-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#090c1acc;border:1px solid #ffffff14;border-radius:32px;gap:1.6rem;padding:2.4rem 2.4rem 2.6rem;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000047}.hero-eyebrow{color:#f2d98d;letter-spacing:.36em;text-transform:uppercase;margin:0;font-size:.85rem}.hero-title{letter-spacing:.14em;color:#fff;text-transform:uppercase;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.8rem,5vw,4.4rem);line-height:.96}.hero-description{color:#ffffffc2;letter-spacing:.01em;max-width:760px;margin:0;line-height:1.85}.hero-pill{color:#f9e9b0;background:#d4af3714;border:1px solid #d4af372e;border-radius:999px;align-self:start;padding:1rem 1.4rem;font-size:.95rem;line-height:1.6}.content-grid{grid-template-columns:1.1fr .9fr;gap:1.8rem;display:grid}.glass-panel{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:#090c1dcc;border:1px solid #ffffff14;border-radius:32px;padding:2rem;animation:6.2s ease-in-out infinite softBoxGlow;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000040,inset 0 0 34px #d4af3714}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at top,#d4af3714,#0000 30%);position:absolute;inset:0}.glass-panel:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d4af371f;position:absolute;inset:0;box-shadow:0 0 42px #d4af3714}.panel-header{gap:.85rem;margin-bottom:1.8rem;display:grid}.panel-label{color:#f7e6ad;letter-spacing:.16em;text-transform:uppercase;background:#d4af3724;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.86rem;display:inline-flex}.panel-subtitle{color:#ffffffb8;margin:0;line-height:1.8}.thought-input{color:#ffffffe6;resize:vertical;background:#0c1021eb;border:1px solid #d4af3729;border-radius:28px;outline:none;width:100%;min-height:260px;padding:1.65rem;font-size:1rem;line-height:1.85;transition:border-color .3s,box-shadow .3s,transform .3s;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 48px #0000002e}.thought-input:focus{background:#10152cfa;border-color:#d4af3766;box-shadow:0 0 0 1px #d4af372e,0 32px 80px #00000038}.thought-input::placeholder{color:#ffffff61;font-style:italic}.cta-row{justify-content:flex-end;margin-top:1.8rem;display:flex}.analyze-button{letter-spacing:.12em;color:#111214;cursor:pointer;background:linear-gradient(135deg,#f8df7c 0%,#d1a828 100%);border:none;border-radius:20px;padding:1.2rem 2.8rem;font-size:1rem;font-weight:700;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 44px #d4af374d,inset 0 0 8px #ffffff1f}.analyze-button:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff47,#0000 46%);transition:opacity .3s;position:absolute;inset:0}.analyze-button:hover{transform:translateY(-3px);box-shadow:0 24px 60px #d4af3766,inset 0 0 10px #ffffff24}.analyze-button:hover:after{opacity:.32}.analyze-button:active{transform:translateY(-1px)}.button-text{position:relative}.output-panel{gap:1.7rem;display:grid}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;display:grid}.reflection-card{background:#0d1023f0;border:1px solid #ffffff0f;border-radius:28px;padding:1.9rem;animation:6.2s ease-in-out infinite softBoxGlow;box-shadow:0 18px 45px #0000003d}.reflection-label{color:#f7df9a;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem}.reflection-copy{color:#ffffffdb;margin:0;line-height:1.85}.empty-state{text-align:center;color:#ffffff94;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:26px;place-items:center;min-height:248px;padding:2rem;font-size:1rem;line-height:1.8;display:grid}.history-panel{background:#0c1020e0;border:1px solid #ffffff0f;border-radius:26px;padding:1.6rem 1.7rem}.history-title{color:#f1dda3;text-transform:uppercase;letter-spacing:.14em;margin:0 0 1rem;font-size:.9rem}.history-list{gap:.95rem;display:grid}.history-item{background:#ffffff0a;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;animation:7.1s ease-in-out infinite softBoxGlow;display:flex}.history-text{color:#ffffffd6;text-align:left;font-size:.95rem;line-height:1.5}.history-time{color:#ffffff8f;white-space:nowrap;font-size:.82rem}@media (width<=980px){.content-grid{grid-template-columns:1fr}}@media (width<=720px){.app-board{padding:2rem 1.2rem 3rem}.hero-panel{padding:1.8rem 1.4rem 2rem}.analyze-button{width:100%}.cta-row{justify-content:center}.cards-grid{grid-template-columns:1fr}}@keyframes softBoxGlow{0%,to{background:#0c1022c7;border-color:#d4af371a;box-shadow:0 28px 90px #00000040,0 0 28px #d4af370f}50%{background:#0e1225d9;border-color:#d4af372e;box-shadow:0 32px 110px #0000004d,0 0 48px #d4af3721}}.emotions-container{margin-bottom:3rem;animation:.8s cubic-bezier(.34,1.56,.64,1) .5s both slideUpIn}.emotions-title{text-align:center;color:#fffffff2;letter-spacing:1px;background:linear-gradient(135deg,#d4af37,#48d1cc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 2rem;font-size:1.6rem;font-weight:600}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:.5rem;display:grid}.reflection-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#d4af371f 0%,#48d1cc14 100%);border:1.5px solid #d4af3740;border-radius:24px;margin-bottom:3rem;padding:2.5rem;animation:.8s cubic-bezier(.34,1.56,.64,1) .6s both slideUpIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff26,0 0 40px #d4af3714}.reflection-accent{background:linear-gradient(90deg,#0000,#d4af37,#48d1cc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.reflection-title{color:#fffffff2;letter-spacing:.8px;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600}.reflection-text{color:#ffffffd9;letter-spacing:.4px;margin:0;font-size:1.05rem;font-weight:300;line-height:1.8}.history-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1f;border-radius:20px;padding:2rem;animation:.8s cubic-bezier(.34,1.56,.64,1) .7s both slideUpIn}.history-title{color:#ffffffe6;letter-spacing:.8px;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600}.history-list{flex-direction:column;gap:.8rem;display:flex}.history-item{background:#ffffff0d;border-left:3px solid #d4af3766;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.history-item:hover{background:#ffffff14;border-left-color:#d4af37cc;transform:translate(6px)}.history-text{color:#fffc;flex:1;font-size:.95rem}.history-time{color:#d4af3799;margin-left:1rem;font-size:.85rem;font-weight:500}@media (width<=768px){.app-container{padding:2rem 1.5rem}.app-title{letter-spacing:2px;font-size:2.5rem}.app-tagline{font-size:1rem}.header-content{padding:2rem 1.5rem}.thought-input{min-height:140px;padding:1.5rem;font-size:1rem}.analyze-button{letter-spacing:.8px;padding:1rem 2rem;font-size:1rem}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.emotions-title{font-size:1.4rem}.reflection-section{padding:1.8rem}.reflection-text{font-size:1rem}.input-section{gap:1.2rem;margin-bottom:2.5rem}}@media (width<=480px){.app-container{padding:1.5rem 1rem}.app-title{font-size:2rem}.app-tagline{font-size:.9rem}.analyze-button{padding:.9rem 1.8rem;font-size:.9rem}.emotions-title{font-size:1.2rem}.reflection-title,.history-title{font-size:1.1rem}}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-wrapper{z-index:2;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.app-header{border-bottom:1px solid #d4af371a;padding:2rem 2rem 1.5rem}.header-content{max-width:1200px;margin:0 auto}.app-title{color:#e6c97a;letter-spacing:.05em;margin:0 0 .5rem;font-size:2rem;font-weight:600}.app-tagline{color:#b8afbc;letter-spacing:.01em;margin:0;font-size:.95rem;font-style:italic}.app-navigation{background:linear-gradient(#665c940a 0%,#0000 100%);border-bottom:1px solid #d4af371a;padding:1rem 2rem}.nav-container{justify-content:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.nav-item{color:#a0959e;cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #d4af3733;border-radius:.5rem;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:#e6c97a;background:#d4af3714;border-color:#d4af3766}.nav-item.active{color:#e6c97a;background:linear-gradient(135deg,#d4af3733 0%,#d4af371a 100%);border-color:#d4af3780}.nav-icon{font-size:1.1rem}.nav-label{text-transform:uppercase;letter-spacing:.05em}.app-main{flex:1;padding:2rem;overflow-y:auto}.content-wrapper{width:100%;max-width:1200px;margin:0 auto}.app-footer{text-align:center;background:#0003;border-top:1px solid #d4af371a;padding:1.5rem 2rem}.footer-text{color:#6a6270;letter-spacing:.02em;margin:0;font-size:.85rem}@media (width<=768px){.app-header{padding:1.5rem 1rem 1rem}.app-title{font-size:1.6rem}.nav-container{flex-wrap:wrap;padding:0}.nav-item{flex:1;justify-content:center;min-width:120px}.app-main{padding:1.5rem 1rem}}.particle-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.particle-layer{background:radial-gradient(circle,#ffcd780f,#0000 26%);position:absolute;inset:0}.layer-two{opacity:.78;background:radial-gradient(circle at 10% 18%,#6245b614,#0000 40%),radial-gradient(circle at 88% 22%,#5ec6eb0d,#0000 34%)}.layer-three{background:radial-gradient(circle at 28% 80%,#4ad1c40f,#0000 28%),radial-gradient(circle at 72% 82%,#d4af371a,#0000 34%)}.particle-grid{position:absolute;inset:0}.particle-wave-layer{opacity:.52;pointer-events:none;background-image:radial-gradient(circle at 25% 20%,#d4af370a,#0000 22%),radial-gradient(circle at 70% 20%,#d4af3708,#0000 18%),repeating-linear-gradient(#0000 0 16px,#d4af370f 18px,#0000 24px);animation:24s linear infinite wave-glow;position:absolute;inset:0;transform:translateY(0)}.particle-dot{filter:blur(1.4px);border-radius:999px;width:4px;height:4px;animation:linear infinite floating-dot;position:absolute;box-shadow:0 0 18px #d4af3752}@keyframes floating-dot{0%{opacity:0;transform:translateY(18px)scale(1)}15%{opacity:.62}55%{opacity:.82;transform:translateY(-180px)scale(1.08)}to{opacity:.18;transform:translateY(-220px)scale(1)}}@keyframes wave-glow{0%{opacity:.52;transform:translateY(0)}50%{opacity:.62;transform:translateY(12px)}to{opacity:.52;transform:translateY(0)}}.reflection-section{width:100%;max-width:860px;margin:0 auto}.reflection-header{margin-bottom:2.4rem}.conversation-thread{flex-direction:column;gap:1rem;max-height:56vh;margin-bottom:1.5rem;padding:.25rem;display:flex;overflow-y:auto}.conversation-message{color:#f3eef0;border:1px solid #d4af3724;border-radius:1rem;max-width:82%;padding:1rem 1.2rem}.conversation-message.user{background:#d4af371a;border-bottom-right-radius:.3rem;align-self:flex-end}.conversation-message.assistant{background:#665c941a;border-bottom-left-radius:.3rem;align-self:flex-start}.conversation-label{color:#e6c97a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;display:block}.conversation-message p{margin:0;line-height:1.7}.conversation-message p+p{margin-top:.8rem}.section-title{color:#f3eef0;letter-spacing:.04em;margin:0 0 .8rem;font-size:2.2rem;font-weight:600}.section-subtitle{color:#a0959e;margin:0;font-size:.95rem;line-height:1.6}.reflection-input-stage{flex-direction:column;gap:1.6rem;display:flex}.reflection-input-container{flex-direction:column;gap:1rem;display:flex}.reflection-textarea{color:#f3eef0;resize:vertical;background:linear-gradient(135deg,#665c9414 0%,#665c940a 100%);border:1px solid #d4af3733;border-radius:.95rem;min-height:160px;padding:1.2rem;font-family:inherit;font-size:.95rem;transition:all .3s}.reflection-textarea::placeholder{color:#6a6270}.reflection-textarea:focus{background:linear-gradient(135deg,#665c941f 0%,#665c940f 100%);border-color:#d4af3780;outline:none;box-shadow:0 0 0 3px #d4af3714}.reflection-textarea:disabled{opacity:.6;cursor:not-allowed}.reflection-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.voice-controls{align-items:center;gap:.75rem;display:flex}.reflection-button{cursor:pointer;letter-spacing:.05em;border:1px solid #d4af374d;border-radius:.55rem;align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.reflection-button.primary{color:#e6c97a;background:linear-gradient(135deg,#d4af3726 0%,#d4af3714 100%);border-color:#d4af3766;box-shadow:0 10px 24px #0003}.reflection-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#d4af3740 0%,#d4af3726 100%);border-color:#d4af3799}.reflection-button.voice-button{color:#f8f1df;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#fff8ec29,#d2be961f 28%,#3e322e24 100%);border:1px solid #d6ad5e7a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;width:74px;min-width:74px;height:74px;padding:.55rem .35rem;font-size:.5rem;font-weight:600;line-height:1.1;animation:4.2s ease-in-out infinite oracle-breathe;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #d6ad5e1a,0 0 16px #d6ad5e1f,0 12px 24px #0c08112e}.reflection-button.voice-button:before,.reflection-button.voice-button:after{content:"";opacity:.7;border:1px solid #d6ad5e2e;border-radius:50%;animation:4s ease-out infinite oracle-ring;position:absolute;inset:-8px}.reflection-button.voice-button:after{border-color:#dccfb424;animation-delay:1.6s;inset:-14px}.reflection-button.voice-button.idle{background:linear-gradient(135deg,#fff8ec1f,#d2be961a 28%,#3e322e1a 100%)}.reflection-button.voice-button.listening{background:linear-gradient(135deg,#fff8ec2e,#d2be9624 30%,#3e322e24 100%);border-color:#d6ad5e9e;animation:2.8s ease-in-out infinite oracle-breathe-active;box-shadow:inset 0 1px #fff3,0 0 0 1px #d6ad5e24,0 0 20px #d6ad5e29,0 12px 28px #0c081133}.reflection-button.voice-button.listening:before,.reflection-button.voice-button.listening:after{opacity:1;border-color:#d6ad5e47}.reflection-button.voice-button.processing{border-color:#d6ad5eb3;animation:3.2s ease-in-out infinite oracle-breathe;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #d6ad5e2e,0 0 18px #d6ad5e24,0 12px 30px #0c081133}.reflection-button.voice-button.speaking{border-color:#d6ad5eb3;animation:2.2s ease-in-out infinite oracle-breathe;box-shadow:inset 0 1px #fff3,0 0 0 1px #d6ad5e2e,0 0 22px #d6ad5e29,0 12px 26px #0c081138}.voice-stop-button{min-width:90px}.voice-icon{text-shadow:0 0 16px #e6d6ffb3;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:inline-flex}.voice-label{letter-spacing:.08em;text-shadow:0 0 14px #e6d6ff99;max-width:100%;font-size:.48rem;display:inline-block}.reflection-button.primary:disabled{opacity:.65;cursor:not-allowed;animation:1.6s ease-in-out infinite pulse-soft}.reflection-button.secondary{color:#a0959e;background:0 0;border-color:#d4af3733}.reflection-button.secondary:hover{color:#e6c97a;background:#d4af3714;border-color:#d4af3766}.voice-status,.voice-error{color:#a0959e;margin:0;font-size:.9rem}.voice-error{color:#d4af37}.analyzing-dot{background:#e6c97a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes oracle-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 1px #d6bcff33,0 0 18px #b299e438,0 18px 34px #08071257}50%{transform:scale(1.04);box-shadow:0 0 0 1px #d6bcff47,0 0 22px #ccafff47,0 18px 38px #0807126b}}@keyframes oracle-breathe-active{0%,to{transform:scale(1.02);box-shadow:0 0 0 1px #e2c4ff52,0 0 20px #be8fff59,0 0 30px #be8fff38,0 20px 38px #08071270}50%{transform:scale(1.08);box-shadow:0 0 0 1px #e2c4ff61,0 0 26px #c49bff80,0 0 36px #c49bff47,0 22px 42px #08071280}}@keyframes oracle-ring{0%{opacity:.8;transform:scale(.96)}60%{opacity:.5;transform:scale(1.06)}to{opacity:0;transform:scale(1.12)}}@keyframes pulse-soft{0%,to{opacity:.8}50%{opacity:1}}.reflection-wisdom-stage{flex-direction:column;gap:2rem;display:flex}.emotional-snapshot{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#665c9414 0%,#665c940a 100%);border:1px solid #d4af3726;border-radius:.95rem;padding:1.6rem;box-shadow:0 16px 60px #0a060f47}.snapshot-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.6rem;display:flex}.snapshot-title{color:#f3eef0;margin:0;font-size:1.1rem;font-weight:600}.emotion-badge{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.emotion-label{color:#e6c97a;text-transform:capitalize;font-size:1.2rem;font-weight:600}.emotion-intensity{color:#a0959e;font-size:.85rem}.snapshot-grid{grid-template-columns:1fr 1fr;gap:1.6rem;margin-bottom:1.6rem;display:grid}.snapshot-item{flex-direction:column;gap:.4rem;display:flex}.item-label{text-transform:uppercase;color:#6a6270;letter-spacing:.08em;font-size:.8rem;font-weight:500}.item-value{color:#f3eef0;text-transform:capitalize;font-size:1.1rem;font-weight:600}.wisdom-summary,.details-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af371a 0%,#d4af370d 100%);border:1px solid #d4af3733;border-radius:.95rem;padding:1.6rem;box-shadow:0 12px 40px #0a060f33}.summary-text{color:#f3eef0;margin:0;font-size:1rem;font-weight:400;line-height:1.8}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.detail-block{background:#665c940f;border:1px solid #d4af371a;border-radius:.7rem;flex-direction:column;gap:.4rem;padding:.8rem .9rem;display:flex}.complementary-traditions{margin-top:.8rem}.complementary-title{color:#f3eef0;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1.2rem;font-size:.95rem;font-weight:600}.complementary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;display:grid}@media (width<=768px){.section-title{font-size:1.6rem}.snapshot-grid{grid-template-columns:1fr}.reflection-button{justify-content:center;width:100%}.complementary-grid{grid-template-columns:1fr}}