*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3{font-family:Cinzel,serif}:root{--navy: #060c1a;--navy2: #0c1428;--navy3: #111d35;--teal: #1e6a7a;--teal-mid: #2a8a9e;--teal-light: #5ecfe3;--teal-faint: rgba(42,138,158,.12);--gold: #d4a843;--gold-light: #f0d080;--gold-faint: rgba(212,168,67,.14);--cream: #ede4c4;--cream-dim: rgba(237,228,196,.65);--cream-hint: rgba(237,228,196,.35);--text: #ede4c4;--text-dim: rgba(237,228,196,.65);--text-hint: rgba(237,228,196,.38);--nav-h: 64px;--radius: 16px;--radius-sm: 10px;--border: rgba(212,168,67,.25)}html,body,#root{height:100%}html{overflow:hidden}body{background:var(--navy);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}.app{display:flex;flex-direction:column;height:100%;background:linear-gradient(160deg,#111f3e,#080e20 55%,#0a1828);position:relative}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 55% at 50% 90%,rgba(30,106,122,.28) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 25% 20%,rgba(42,138,158,.12) 0%,transparent 60%);pointer-events:none;z-index:0}.app-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.app-stars .star-dot{position:absolute;border-radius:50%;background:#ede4c4bf;animation:star-twinkle 2.5s ease-in-out infinite}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;position:relative;z-index:2}.bottom-nav{display:flex;height:var(--nav-h);background:#060a16e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(201,168,76,.15);padding:0 8px}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-hint);font-size:11px;cursor:pointer;border-radius:12px;padding:6px;margin:4px 2px;transition:color .2s,background .2s}.nav-emoji{font-size:18px;line-height:1}.nav-btn.active{color:var(--gold-light);background:#d4a84324}.nav-indicator{width:4px;height:4px;border-radius:50%;background:var(--gold);margin-top:1px}.page{min-height:calc(100vh - var(--nav-h));padding:24px 16px 32px;position:relative}.page.center{display:flex;align-items:center;justify-content:center}.star{position:absolute;width:var(--size, 2px);height:var(--size, 2px);border-radius:50%;background:var(--gold-light);animation:twinkle 4s ease-in-out infinite;opacity:.5}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.7}}.home-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-h));padding:0}.home-hero{padding:20px 16px 18px;text-align:center;position:relative}.mood-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;position:relative;z-index:1}.mood-chip{background:#081226e6;border:1px solid rgba(212,168,67,.2);border-radius:12px;padding:7px 6px;color:#ede4c499;cursor:pointer;transition:border-color .25s,color .2s,box-shadow .25s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.mood-chip-icon{display:flex;align-items:center;justify-content:center;line-height:0}.mood-chip-label{font-size:10.5px;line-height:1;letter-spacing:.01em}.mood-chips .mood-chip:last-child:nth-child(odd){grid-column:1 / -1;width:50%;margin:0 auto}.mood-chip.selected{background:#d4a8431f;border-color:#d4a843a6;color:var(--gold-light);box-shadow:0 0 16px #d4a8432e,inset 0 0 10px #d4a8430d}.moon-icon{font-size:64px;margin-bottom:8px;display:block;position:relative;z-index:1;animation:moon-alive 3.8s ease-in-out infinite;transform-origin:center}@keyframes moon-alive{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(237,228,196,.25)) drop-shadow(0 0 3px rgba(212,168,67,.15))}50%{transform:scale(1.18);filter:drop-shadow(0 0 36px rgba(237,228,196,.95)) drop-shadow(0 0 18px rgba(212,168,67,.85)) drop-shadow(0 0 55px rgba(212,168,67,.4))}}.home-hero h1{font-size:30px;font-weight:700;color:var(--gold-light);letter-spacing:.5px;position:relative;z-index:1;text-shadow:0 0 24px rgba(212,168,67,.35)}.subtitle{color:var(--cream-dim);margin-top:5px;font-size:14px;position:relative;z-index:1}.hero-ornament{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;position:relative;z-index:1}.hero-ornament-line{height:1px;width:40px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.4),transparent)}.hero-ornament-star{color:var(--gold);font-size:10px;opacity:.6}.home-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:10px}.dream-input{width:100%;background:#0a1226d9;border:1px solid rgba(212,168,67,.32);border-radius:var(--radius);color:var(--text);font-size:15px;line-height:1.65;padding:14px;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;flex:1;min-height:120px}.dream-input:focus{border-color:#d4a84399;box-shadow:0 0 0 3px #d4a84314}.dream-input::placeholder{color:var(--text-hint)}.input-meta{display:flex;align-items:center;gap:10px}.char-bar{flex:1;height:2px;background:#c9a84c1a;border-radius:2px;overflow:hidden}.char-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal-mid),var(--gold));border-radius:2px;transition:width .2s}.char-count{font-size:12px;color:var(--text-hint);flex-shrink:0}.error-msg{background:#b43c3c1f;border:1px solid rgba(255,100,100,.25);border-radius:10px;color:#ff9090;padding:12px 16px;font-size:14px}.home-bottom{padding:12px 16px 16px}.btn-interpret{width:100%;padding:16px;background:linear-gradient(135deg,#2fa8c2,#1a7a92);border:1px solid rgba(150,230,245,.6);border-radius:var(--radius);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.5px;box-shadow:0 4px 24px #2fa8c273,0 1px #ffffff1a inset;text-shadow:0 1px 3px rgba(0,0,0,.3)}.btn-interpret:disabled{opacity:.3;cursor:not-allowed}.btn-interpret:not(:disabled):active{transform:scale(.98)}.btn-interpret.loading{opacity:.7}.limit-pips{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.limit-pip{width:9px;height:9px;border-radius:50%;background:#d4a8431f;border:1px solid rgba(212,168,67,.25);transition:background .2s,box-shadow .2s}.limit-pip.filled{background:var(--gold);border-color:var(--gold-light);box-shadow:0 0 6px #d4a84380}.limit-pip-label{font-size:12px;color:var(--text-dim);margin-left:6px}.dots:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.ls-root{position:relative;min-height:calc(100vh - var(--nav-h));display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 50% 20%,#0e1f40,#070d1c 60%,#04080f)}.ls-nebula{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 35% at 30% 40%,rgba(42,138,158,.08) 0%,transparent 70%),radial-gradient(ellipse 50% 30% at 70% 60%,rgba(100,60,180,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 25% at 50% 80%,rgba(212,168,67,.05) 0%,transparent 60%);pointer-events:none}.ls-constellation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ls-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ls-particle{position:absolute;border-radius:50%;background:#d4a843;animation:ls-twinkle var(--dur, 2.5s) ease-in-out infinite}@keyframes ls-twinkle{0%,to{opacity:.08;transform:scale(.8)}50%{opacity:1;transform:scale(1.4)}}.ls-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:24px 28px 32px;width:100%;max-width:340px}.ls-moon-area{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.ls-moon-glow{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,67,.28) 0%,transparent 68%);animation:ls-glow-breathe 2.6s ease-in-out infinite}.ls-moon-glow-2{top:-36px;right:-36px;bottom:-36px;left:-36px;background:radial-gradient(circle,rgba(94,207,227,.1) 0%,transparent 65%);animation:ls-glow-breathe 2.6s ease-in-out infinite reverse}.ls-moon-emoji{font-size:68px;line-height:1;display:block;animation:ls-moon-breathe 2.6s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(212,168,67,.3))}@keyframes ls-glow-breathe{0%,to{transform:scale(.75);opacity:.4}50%{transform:scale(1.5);opacity:1}}@keyframes ls-moon-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(212,168,67,.25))}50%{transform:scale(1.07);filter:drop-shadow(0 0 24px rgba(212,168,67,.9))}}.ls-portal-wrap{position:relative;width:100px;height:118px;margin-bottom:22px}.ls-portal-light{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:104px;background:radial-gradient(ellipse 70% 90% at 50% 60%,rgba(212,168,67,.55) 0%,rgba(94,207,227,.2) 50%,transparent 80%);border-radius:50% 50% 0 0;transition:opacity 1s ease;pointer-events:none}.ls-portal-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.ls-portal-arch{position:absolute;top:0;left:50%;transform:translate(-50%);width:90px;height:50px}.ls-door-panel{position:absolute;bottom:0;width:44px;height:102px;background:linear-gradient(160deg,#0c1830,#060c1a);border:1px solid rgba(212,168,67,.45);transform-origin:left center;will-change:transform}.ls-door-left{left:10px;transform-origin:left center}.ls-door-right{right:10px;transform-origin:right center}.ls-door-handle{position:absolute;top:50%;width:5px;height:14px;background:#d4a843b3;border-radius:3px;transform:translateY(-50%)}.ls-door-handle-right{right:5px}.ls-door-handle-left{left:5px}.ls-door-ornament{position:absolute;top:22px;left:50%;transform:translate(-50%);width:18px;height:24px;border:1px solid rgba(212,168,67,.3);border-radius:50% 50% 4px 4px}.ls-portal-threshold{position:absolute;bottom:0;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,168,67,.6),transparent)}.ls-title{font-family:Cinzel,serif;font-size:15px;font-weight:600;color:var(--gold-light);text-align:center;letter-spacing:.04em;line-height:1.4;margin-bottom:24px;text-shadow:0 0 20px rgba(212,168,67,.4)}.ls-steps{display:flex;flex-direction:column;gap:0;width:100%;max-width:240px}.ls-step{display:flex;align-items:flex-start;gap:14px}.ls-step-track{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ls-step-node{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .5s}.ls-step.pending .ls-step-node{border:1px solid rgba(212,168,67,.2);background:transparent}.ls-step.active .ls-step-node{border:1px solid rgba(212,168,67,.7);background:#d4a8431a;box-shadow:0 0 12px #d4a84366}.ls-step.done .ls-step-node{border:1px solid rgba(42,138,158,.5);background:#2a8a9e1f}.ls-step-line{width:1px;height:22px;background:linear-gradient(to bottom,#d4a8434d,#d4a8430f);margin:3px 0}.ls-step-star-anim{font-size:13px;color:var(--gold);animation:ls-star-spin 2s linear infinite;display:block}@keyframes ls-star-spin{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.3);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}.ls-step-done-icon{font-size:12px;color:var(--teal-mid)}.ls-step-dot-icon{display:block;width:5px;height:5px;border-radius:50%;background:#d4a84333}.ls-step-text{font-size:14px;line-height:26px;transition:color .5s}.ls-step.pending .ls-step-text{color:var(--text-hint)}.ls-step.active .ls-step-text{color:var(--cream);text-shadow:0 0 10px rgba(212,168,67,.3)}.ls-step.done .ls-step-text{color:#5ecfe399}@keyframes spin{to{transform:rotate(360deg)}}.spinner-moon{font-size:48px;animation:spin 2s linear infinite}.result{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;padding:0;min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column}.result.visible{opacity:1;transform:translateY(0)}.result-hero{background:linear-gradient(160deg,#111e3a,#070d1c);padding:0 16px 24px;text-align:center;position:relative}.result-hero-topbar{display:flex;align-items:center;padding:12px 0;margin-bottom:12px}.result-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(30,106,122,.18) 0%,transparent 70%);pointer-events:none}.result-hero-icon{font-size:36px;margin-bottom:6px;filter:drop-shadow(0 0 10px rgba(226,217,184,.25))}.result-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-hint)}.result-meta-dot{opacity:.4}.result-page-dots{display:flex;gap:4px;justify-content:center;margin-top:12px}.page-dot{height:2px;border-radius:2px;background:#c9a84c26;transition:width .3s,background .3s;width:16px}.page-dot.active{background:var(--gold);width:24px}.btn-back{background:#d4a84314;border:1px solid rgba(212,168,67,.3);border-radius:20px;color:var(--gold-light);font-size:13px;cursor:pointer;padding:7px 16px;display:flex;align-items:center;gap:4px;transition:background .2s,border-color .2s;white-space:nowrap}.btn-back:active{background:#d4a84329}.result-body{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.card{background:#0b1428b3;border:1px solid rgba(201,168,76,.18);border-radius:var(--radius);padding:18px}.card h2{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);margin-bottom:12px}.interpretation-text{font-size:15px;line-height:1.75;color:var(--text)}.dream-quote{margin-top:12px;font-size:12px;color:var(--text-hint);font-style:italic;background:#1e6a7a1a;border-radius:8px;border-left:2px solid rgba(42,138,158,.35);padding:8px 10px}.detailed-card{overflow:hidden}.detailed-card.locked{padding:0;border-color:#c9a84c1f}.detailed-blur-layer{padding:16px 18px 10px;position:relative}.blurred-preview{font-size:13px;line-height:1.65;color:#e2d9b81f;filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:10px}.paywall-cta{background:#070d1c8c;border-radius:12px;padding:14px;text-align:center}.paywall-cta h3{font-size:15px;font-weight:600;color:var(--cream);margin-bottom:4px}.paywall-cta p{font-size:12px;color:var(--text-hint);margin-bottom:12px}.price-tag{display:inline-block;background:#c9a84c26;border:1px solid rgba(201,168,76,.35);color:var(--gold-light);border-radius:20px;padding:8px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.price-tag:active{background:#c9a84c40}.detailed-card.unlocked h2{color:var(--gold)}.detailed-text{font-family:inherit;font-size:14px;line-height:1.75;white-space:pre-wrap;color:var(--text)}.result-actions{display:flex;gap:10px;padding:4px 16px 20px}.btn-action{flex:1;background:#0b142899;border:1px solid rgba(201,168,76,.15);border-radius:12px;color:var(--text-dim);font-size:13px;padding:12px;cursor:pointer;text-align:center;transition:background .15s}.btn-action:active{background:#c9a84c14}.btn-action.primary{color:var(--teal-light);border-color:#2a8a9e4d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812bf;display:flex;align-items:flex-end;z-index:100}.modal{background:#0d1a30;border:1px solid rgba(201,168,76,.2);border-top:1px solid rgba(201,168,76,.35);border-radius:24px 24px 0 0;width:100%;padding:32px 24px 40px;text-align:center}.modal-icon{font-size:42px;margin-bottom:10px}.modal h3{font-size:20px;font-weight:700;color:var(--cream);margin-bottom:18px}.modal-features{list-style:none;text-align:left;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.modal-features li{font-size:14px;color:var(--text-dim)}.modal-features li:before{content:"✦ ";color:var(--gold)}.btn-stars{width:100%;padding:15px;background:linear-gradient(135deg,#1e5a6a,#14404e);border:1px solid rgba(77,184,204,.35);border-radius:var(--radius);color:var(--cream);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:10px;transition:opacity .2s}.btn-stars:active{opacity:.8}.btn-ghost{width:100%;padding:13px;background:none;border:1px solid rgba(201,168,76,.15);border-radius:var(--radius);color:var(--text-hint);font-size:14px;cursor:pointer}.page-title{font-size:22px;font-weight:700;margin-bottom:20px;color:var(--gold-light);letter-spacing:.3px;font-family:Cinzel,serif}.dream-list{display:flex;flex-direction:column;gap:12px}.dream-entry{background:#0b1428b3;border:1px solid rgba(201,168,76,.16);border-radius:var(--radius);padding:14px;cursor:pointer;transition:border-color .2s}.dream-entry:active{border-color:#2a8a9e73}.entry-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.entry-mood{font-size:18px}.entry-date{font-size:12px;color:var(--text-hint);flex:1}.entry-badge{font-size:11px;color:var(--gold);background:#c9a84c1a;border:1px solid rgba(201,168,76,.2);border-radius:10px;padding:2px 8px}.entry-snippet{font-size:13px;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.dream-entry.expanded .entry-snippet{-webkit-line-clamp:unset;color:var(--text)}.entry-preview{margin-top:8px;font-size:13px;color:var(--text-hint);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;font-style:italic}.entry-arrow{text-align:right;font-size:18px;color:var(--text-hint);margin-top:4px;line-height:1}.journal-detail-page{padding-top:0}.detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 0 18px;gap:12px}.detail-topbar-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.detail-topbar-mood{font-size:13px;color:var(--cream);font-weight:500}.detail-topbar-date{font-size:11px;color:var(--text-hint)}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.detail-date{font-size:13px;color:var(--text-hint)}.detail-mood-label{font-size:13px;color:var(--text-hint);margin-left:auto}.detail-section{margin-bottom:20px;background:#0b1428b3;border:1px solid rgba(201,168,76,.15);border-radius:var(--radius);padding:16px}.detail-section-premium{border-color:#c9a84c59;background:#c9a84c0a}.detail-section-label{font-family:Cinzel,serif;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-hint);margin-bottom:10px}.detail-star{color:var(--gold)}.detail-description{font-size:14px;color:var(--text-dim);line-height:1.65;font-style:italic}.detail-text{font-size:15px;color:var(--text);line-height:1.7;white-space:pre-line}.detail-text-premium{color:var(--cream)}.empty-onboarding{padding:4px 0}.empty-hero-card{background:#1e6a7a14;border:1px solid rgba(42,138,158,.22);border-radius:var(--radius);padding:24px 20px;text-align:center;margin-bottom:20px}.empty-hero-icon{font-size:44px;margin-bottom:12px}.empty-hero-title{font-size:17px;font-weight:600;color:var(--cream);margin-bottom:6px;font-family:Cinzel,serif}.empty-hero-sub{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:18px}.btn-cta{display:block;width:100%;padding:13px;background:linear-gradient(135deg,#1e5a6a,#14404e);border:1px solid rgba(77,184,204,.3);border-radius:12px;color:var(--cream);font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.btn-cta:active{opacity:.8}.tips-label{font-size:11px;color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.tip-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:.5px solid rgba(201,168,76,.08)}.tip-item:last-child{border-bottom:none}.tip-icon{font-size:18px;flex-shrink:0;opacity:.7;margin-top:1px}.tip-text{font-size:13px;color:var(--text-dim);line-height:1.5}.weekly-locked{text-align:center;padding:32px 0}.weekly-icon{font-size:52px;margin-bottom:14px}.weekly-locked h3{font-size:18px;color:var(--cream);margin-bottom:18px}.weekly-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;text-align:left;max-width:280px;margin-left:auto;margin-right:auto}.weekly-features li{font-size:14px;color:var(--text-dim)}.weekly-features li:before{content:"✦ ";color:var(--gold)}.weekly-note{margin-top:10px;font-size:12px;color:var(--text-hint)}.weekly-header{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim);margin-bottom:14px}.weekly-text{font-family:inherit;font-size:14px;line-height:1.75;white-space:pre-wrap;color:var(--text)}.daily-quote{font-size:12px;color:var(--text-hint);font-style:italic;line-height:1.5;max-width:280px;margin:10px auto 0;opacity:.75}.symbol-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.symbol-tag{background:#d4a8431a;border:1px solid rgba(212,168,67,.28);border-radius:20px;color:var(--gold-light);font-size:12px;padding:4px 10px}.achievement-toast{position:fixed;top:16px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;transition:opacity .3s,transform .3s;z-index:999;background:#081226f7;border:1px solid rgba(212,168,67,.45);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:14px;min-width:280px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #00000080,0 0 20px #d4a84326}.achievement-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.achievement-toast-icon{font-size:32px;flex-shrink:0}.achievement-toast-body{display:flex;flex-direction:column;gap:2px}.achievement-toast-title{font-size:10px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.achievement-toast-name{font-size:15px;font-weight:700;color:var(--cream)}.achievement-toast-desc{font-size:12px;color:var(--text-dim)}.mood-calendar{background:#d4a8430d;border:1px solid rgba(212,168,67,.13);border-radius:16px;padding:16px;margin-bottom:20px}.mood-calendar-title{font-size:12px;color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.mood-calendar-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.mood-calendar-labels span{font-size:10px;color:var(--text-hint);text-align:center}.mood-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mood-cal-cell{aspect-ratio:1;border-radius:5px;transition:transform .15s}.mood-cal-cell:active{transform:scale(.9)}.mood-calendar-legend{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}.mood-calendar-legend span{font-size:11px;color:var(--text-hint);display:flex;align-items:center;gap:5px}.cal-dot{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}.offline-banner{background:#b43c3c2e;border-bottom:1px solid rgba(220,80,80,.3);color:#ffb4b4e6;font-size:13px;padding:10px 16px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.onboarding-hint{margin:0 16px 4px;background:#d4a84312;border:1px solid rgba(212,168,67,.22);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.onboarding-hint-content{display:flex;gap:12px;align-items:flex-start}.onboarding-hint-icon{color:var(--gold);font-size:16px;flex-shrink:0;margin-top:1px}.onboarding-hint-title{font-size:13px;font-weight:600;color:var(--gold-light);margin-bottom:4px}.onboarding-hint-text{font-size:13px;color:var(--text-dim);line-height:1.5}.onboarding-hint-close{background:#d4a8431f;border:1px solid rgba(212,168,67,.28);border-radius:20px;color:var(--gold-light);font-size:12px;padding:6px 16px;cursor:pointer;align-self:flex-end;transition:background .2s}.onboarding-hint-close:active{background:#d4a84338}.stats-bar{display:flex;align-items:center;justify-content:center;gap:0;background:#d4a8430f;border:1px solid rgba(212,168,67,.15);border-radius:14px;padding:12px 0;margin-bottom:14px}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:700;color:var(--gold-light);line-height:1;font-family:Cinzel,serif}.stat-label{font-size:10px;color:var(--text-hint);letter-spacing:.03em}.stat-divider{width:1px;height:28px;background:#d4a84326}.search-wrap{position:relative;display:flex;align-items:center;margin-bottom:12px}.search-icon{position:absolute;left:12px;font-size:14px;opacity:.5;pointer-events:none}.search-input{width:100%;background:#0a1226b3;border:1px solid rgba(212,168,67,.18);border-radius:12px;color:var(--text);font-size:14px;padding:10px 36px;outline:none;transition:border-color .2s;font-family:Manrope,sans-serif}.search-input::placeholder{color:var(--text-hint)}.search-input:focus{border-color:#d4a84361}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-hint);font-size:13px;cursor:pointer;padding:4px}.search-empty{text-align:center;color:var(--text-hint);font-size:14px;padding:32px 0}.onboarding-steps{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.onboarding-step{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(212,168,67,.08)}.onboarding-step:last-child{border-bottom:none}.onboarding-step-num{width:24px;height:24px;border-radius:50%;background:#d4a8431f;border:1px solid rgba(212,168,67,.3);color:var(--gold);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.onboarding-step-title{font-size:13px;font-weight:600;color:var(--cream);margin-bottom:3px}.onboarding-step-sub{font-size:12px;color:var(--text-dim);line-height:1.45}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeSlideUp .45s cubic-bezier(.22,1,.36,1) both}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.18s}.dream-entry{animation:fadeSlideUp .4s cubic-bezier(.22,1,.36,1) both}.dream-entry:nth-child(1){animation-delay:.03s}.dream-entry:nth-child(2){animation-delay:.09s}.dream-entry:nth-child(3){animation-delay:.15s}.dream-entry:nth-child(4){animation-delay:.2s}.dream-entry:nth-child(5){animation-delay:.25s}.btn-interpret{overflow:hidden}.btn-interpret:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);animation:shimmer 10s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}15%,to{left:160%}}.reveal-cursor{display:inline-block;width:2px;height:1em;background:var(--gold);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.mood-chip{overflow:hidden;position:relative}.mood-chip .mood-icon{transition:filter .3s}.mood-chip.selected .mood-icon{filter:drop-shadow(0 0 6px rgba(212,168,67,.7))}.mood-chip.selected .mood-icon-calm{animation:icon-calm-glow 3.5s ease-in-out infinite}@keyframes icon-calm-glow{0%,to{filter:drop-shadow(0 0 4px rgba(212,168,67,.4))}50%{filter:drop-shadow(0 0 12px rgba(212,168,67,.9)) drop-shadow(0 0 20px rgba(167,216,232,.3))}}.mood-chip.selected .mood-icon-anxious{animation:icon-anxious-spin 5s linear infinite;transform-origin:50% 50%}@keyframes icon-anxious-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mood-chip.selected .mood-icon-bright{animation:icon-bright-pulse 1.8s ease-in-out infinite}@keyframes icon-bright-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(244,216,138,.5))}50%{filter:drop-shadow(0 0 16px rgba(244,216,138,1)) drop-shadow(0 0 24px rgba(212,168,67,.6))}}.mood-chip.selected .mood-icon-foggy{animation:icon-fog-drift 4s ease-in-out infinite}@keyframes icon-fog-drift{0%,to{transform:translate(0)}33%{transform:translate(2px)}66%{transform:translate(-2px)}}.mood-chip.selected .mood-icon-neutral{animation:icon-neutral-glow 3s ease-in-out infinite}@keyframes icon-neutral-glow{0%,to{filter:drop-shadow(0 0 4px rgba(167,216,232,.4))}50%{filter:drop-shadow(0 0 14px rgba(167,216,232,.8)) drop-shadow(0 0 8px rgba(212,168,67,.4))}}.ripple{position:absolute;border-radius:50%;background:#d4a8434d;pointer-events:none;animation:ripple-anim .6s ease-out forwards}@keyframes ripple-anim{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.star-dot{position:absolute;border-radius:50%;background:#ede4c4b3;animation:star-twinkle var(--dur, 2.5s) ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.85;transform:scale(1.4)}}@keyframes goldUnlock{0%{box-shadow:0 0 #d4a84300}30%{box-shadow:0 0 32px 8px #d4a8438c}to{box-shadow:0 0 #d4a84300}}.detailed-card.glow-unlock{animation:goldUnlock 1.4s cubic-bezier(.22,1,.36,1) forwards}.push-settings{background:#0b1428b3;border:1px solid rgba(212,168,67,.2);border-radius:var(--radius);padding:16px;margin:20px 0 4px}.push-settings-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.push-icon{font-size:18px}.push-title{flex:1;font-size:14px;font-weight:600;color:var(--cream)}.push-toggle{padding:5px 14px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.push-toggle.on{background:#2a8a9e40;color:var(--teal-light);border:1px solid rgba(42,138,158,.4)}.push-toggle.off{background:#ede4c412;color:var(--text-hint);border:1px solid rgba(237,228,196,.12)}.push-time-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 4px}.push-time-label{font-size:13px;color:var(--text-hint)}.push-time-controls{display:flex;align-items:center;gap:14px}.push-hour-btn{width:32px;height:32px;border-radius:50%;background:#d4a8431f;border:1px solid rgba(212,168,67,.25);color:var(--gold-light);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.push-hour-btn:active{background:#d4a84340}.push-hour-value{font-size:20px;font-weight:700;color:var(--gold-light);font-family:Cinzel,serif;min-width:56px;text-align:center}.push-hint{font-size:12px;color:var(--text-hint);margin-top:10px;line-height:1.5}.btn-share{background:#0b142899;border:1px solid rgba(42,138,158,.3);border-radius:10px;color:var(--teal-light);font-size:13px;padding:10px 16px;cursor:pointer;transition:background .2s}.btn-share:active{background:#2a8a9e1a}