@property --sky-top{syntax: "<color>"; inherits: true; initial-value: rgba(12,12,24,0);}@property --sky-mid{syntax: "<color>"; inherits: true; initial-value: rgba(12,12,24,0);}@property --sky-horizon{syntax: "<color>"; inherits: true; initial-value: rgba(12,12,24,0);}@property --glow-color-1{syntax: "<color>"; inherits: true; initial-value: rgba(201,125,74,.15);}@property --glow-color-2{syntax: "<color>"; inherits: true; initial-value: rgba(232,195,106,.08);}:root{--sky-top: rgba(12,12,24,0);--sky-mid: rgba(12,12,24,0);--sky-horizon: rgba(12,12,24,0);--star-opacity: .7;--shooting-star-opacity: 1;--window-opacity: 1;transition:--sky-top 120s ease,--sky-mid 120s ease,--sky-horizon 120s ease,--glow-color-1 120s ease,--glow-color-2 120s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:#0c0c18;color:#f0ece2;font-family:Georgia,Palatino Linotype,serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}#root{min-height:100vh;position:relative;z-index:2}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes diceRotate{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(720deg) rotateY(460deg) rotate(200deg)}}@keyframes diceFloat{0%{transform:translateY(0)}to{transform:translateY(-16px)}}@keyframes diceSettle{0%{transform:rotateX(360deg) rotateY(230deg) rotate(100deg)}42%{transform:rotateX(7deg) rotateY(-5deg) rotate(1.5deg)}58%{transform:rotateX(-4deg) rotateY(2.5deg) rotate(-.8deg)}72%{transform:rotateX(2deg) rotateY(-1.2deg) rotate(.3deg)}84%{transform:rotateX(-.9deg) rotateY(.5deg) rotate(0)}93%{transform:rotateX(.4deg) rotateY(-.2deg) rotate(0)}to{transform:rotateX(0) rotateY(0) rotate(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(120vh) rotate(720deg) scale(.3);opacity:0}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-content-enter{animation:tabFadeIn .35s ease both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px 18px}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:800px 12px;animation:shimmer 1.5s infinite linear}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:.15}}@keyframes twinkle-fast{0%,to{opacity:1}30%{opacity:.08}70%{opacity:.9}}@keyframes twinkle-slow{0%,to{opacity:.35}50%{opacity:.95}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes star-twinkle{0%,to{opacity:.4}50%{opacity:.9}}@keyframes star-twinkle-bright{0%,to{opacity:.6}50%{opacity:1}}.w1{animation:twinkle 3.1s ease-in-out infinite;animation-delay:0s}.w2{animation:twinkle 4.7s ease-in-out infinite;animation-delay:.8s}.w3{animation:twinkle 2.8s ease-in-out infinite;animation-delay:1.5s}.w4{animation:twinkle-fast 1.9s ease-in-out infinite;animation-delay:.3s}.w5{animation:twinkle-slow 6.2s ease-in-out infinite;animation-delay:2.1s}.w6{animation:twinkle 3.8s ease-in-out infinite;animation-delay:.6s}.w7{animation:twinkle-fast 2.3s ease-in-out infinite;animation-delay:1.1s}.w8{animation:twinkle-slow 5.5s ease-in-out infinite;animation-delay:3s}.s1{animation:star-twinkle 4s ease-in-out infinite}.s2{animation:star-twinkle 5.5s ease-in-out infinite;animation-delay:1.2s}.s3{animation:star-twinkle-bright 3.5s ease-in-out infinite;animation-delay:.7s}.s4{animation:star-twinkle 7s ease-in-out infinite;animation-delay:2.5s}.s5{animation:star-twinkle-bright 4.8s ease-in-out infinite;animation-delay:1.8s}.beacon{animation:glow-pulse 2s ease-in-out infinite}@keyframes shooting-star-1{0%{transform:rotate(32deg) translate(0);opacity:0}1%{transform:rotate(32deg) translate(30px);opacity:0}2%{transform:rotate(32deg) translate(60px);opacity:1}8%{transform:rotate(32deg) translate(420px);opacity:.5}9%{transform:rotate(32deg) translate(480px);opacity:0}to{transform:rotate(32deg) translate(480px);opacity:0}}@keyframes shooting-star-2{0%{transform:rotate(38deg) translate(0);opacity:0}1%{transform:rotate(38deg) translate(20px);opacity:0}1.5%{transform:rotate(38deg) translate(40px);opacity:1}6%{transform:rotate(38deg) translate(360px);opacity:.4}6.5%{transform:rotate(38deg) translate(400px);opacity:0}to{transform:rotate(38deg) translate(400px);opacity:0}}@keyframes shooting-star-3{0%{transform:rotate(30deg) translate(0);opacity:0}1%{transform:rotate(30deg) translate(35px);opacity:0}1.5%{transform:rotate(30deg) translate(55px);opacity:1}6%{transform:rotate(30deg) translate(500px);opacity:.5}6.5%{transform:rotate(30deg) translate(560px);opacity:0}to{transform:rotate(30deg) translate(560px);opacity:0}}@keyframes shooting-star-4{0%{transform:rotate(42deg) translate(0);opacity:0}0.5%{transform:rotate(42deg) translate(15px);opacity:0}1%{transform:rotate(42deg) translate(35px);opacity:1}4.5%{transform:rotate(42deg) translate(380px);opacity:.4}5%{transform:rotate(42deg) translate(420px);opacity:0}to{transform:rotate(42deg) translate(420px);opacity:0}}@keyframes shooting-star-5{0%{transform:rotate(35deg) translate(0);opacity:0}1%{transform:rotate(35deg) translate(25px);opacity:0}1.5%{transform:rotate(35deg) translate(50px);opacity:1}6%{transform:rotate(35deg) translate(440px);opacity:.5}6.5%{transform:rotate(35deg) translate(490px);opacity:0}to{transform:rotate(35deg) translate(490px);opacity:0}}@keyframes shooting-star-6{0%{transform:rotate(33deg) translate(0);opacity:0}0.5%{transform:rotate(33deg) translate(12px);opacity:0}0.8%{transform:rotate(33deg) translate(25px);opacity:1}3%{transform:rotate(33deg) translate(380px);opacity:.4}3.3%{transform:rotate(33deg) translate(430px);opacity:0}to{transform:rotate(33deg) translate(430px);opacity:0}}.shooting-star{position:absolute;width:120px;height:1px;pointer-events:none;border-radius:0 1px 1px 0;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(232,195,106,.1) 20%,rgba(245,217,138,.5) 50%,rgba(255,253,240,.85) 80%,rgba(255,255,255,1) 100%)}.shooting-star:before{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #ffffffe6,0 0 14px 4px #f5d98a99,0 0 28px 8px #e8c36a40}.shooting-star:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:2px;border-radius:1px;filter:blur(1px);background:linear-gradient(90deg,transparent 0%,rgba(255,253,240,.15) 40%,rgba(255,253,240,.4) 100%)}.ss1{top:8%;left:12%;animation:shooting-star-1 14s 3s linear infinite}.ss2{top:14%;left:52%;width:80px;animation:shooting-star-2 18s 9s linear infinite}.ss3{top:5%;left:32%;width:150px;animation:shooting-star-3 26s 0s linear infinite}.ss4{top:18%;left:72%;width:90px;animation:shooting-star-4 30s 16s linear infinite}.ss5{top:10%;left:85%;width:110px;animation:shooting-star-5 22s 6s linear infinite}.ss6{top:3%;left:45%;width:100px;animation:shooting-star-6 38s 20s linear infinite}@keyframes titleShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes cardDeal{0%{opacity:0;transform:perspective(800px) rotateX(8deg) scale(.92) translateY(16px)}60%{opacity:1;transform:perspective(800px) rotateX(-1.5deg) scale(1.01) translateY(-2px)}to{opacity:1;transform:perspective(800px) rotateX(0) scale(1) translateY(0)}}@keyframes lockGlow{0%,to{box-shadow:0 0 8px #e8c36a26,0 0 20px #e8c36a14}50%{box-shadow:0 0 14px #e8c36a66,0 0 36px #e8c36a2e}}@keyframes confettiWobbleX{0%{transform:translate(0)}25%{transform:translate(25px)}50%{transform:translate(-15px)}75%{transform:translate(20px)}to{transform:translate(-10px)}}@keyframes confettiSpiral{0%{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:1}25%{transform:translate(40px) translateY(30vh) rotate(180deg) scale(.9)}50%{transform:translate(-20px) translateY(60vh) rotate(360deg) scale(.7)}75%{transform:translate(30px) translateY(90vh) rotate(540deg) scale(.5)}to{transform:translate(-10px) translateY(120vh) rotate(720deg) scale(.3);opacity:0}}@keyframes weatherRainDrop{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}to{transform:translateY(18px);opacity:0}}@keyframes weatherCloudDrift{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes weatherSunPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes weatherSunRays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes weatherSnowFall{0%{transform:translateY(-4px) translate(0);opacity:0}20%{opacity:.9}50%{transform:translateY(8px) translate(3px)}to{transform:translateY(18px) translate(-2px);opacity:0}}@keyframes diceShadowBreathe{0%,to{transform:translate(-50%) scaleX(1) scaleY(1);opacity:.5}50%{transform:translate(-50%) scaleX(1.06) scaleY(1.06);opacity:.35}}@keyframes onboardSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes onboardDiceBounce{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes onboardFilterPop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes onboardLockClick{0%,70%{transform:scale(1)}85%{transform:scale(.92)}to{transform:scale(1)}}.alt-scroll::-webkit-scrollbar{display:none}.alt-scroll{-ms-overflow-style:none;scrollbar-width:none}.skyline-horizon-glow.season-spring{background:linear-gradient(to top,rgba(212,114,126,.18) 0%,rgba(232,195,106,.1) 25%,rgba(212,114,126,.04) 50%,transparent 70%)}.skyline-horizon-glow.season-summer{background:linear-gradient(to top,rgba(201,125,74,.22) 0%,rgba(232,195,106,.14) 25%,rgba(201,125,74,.05) 50%,transparent 70%)}.skyline-horizon-glow.season-fall{background:linear-gradient(to top,rgba(201,125,74,.18) 0%,rgba(232,195,106,.1) 25%,rgba(106,175,232,.04) 50%,transparent 70%)}.skyline-horizon-glow.season-winter{background:linear-gradient(to top,rgba(106,130,232,.18) 0%,rgba(106,175,232,.12) 25%,rgba(106,130,232,.05) 50%,transparent 70%)}.skyline-stage{position:fixed;bottom:0;left:0;right:0;top:0;pointer-events:none;z-index:1;overflow:hidden}.skyline-svg{position:absolute;bottom:0;left:0;width:100%;height:320px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 35%,rgba(0,0,0,1) 70%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 35%,rgba(0,0,0,1) 70%)}.star-field-svg{position:absolute;top:0;left:0;width:100%;height:70%;opacity:var(--star-opacity, .7);transition:opacity 120s ease}.shooting-star{opacity:0}.skyline-stage .shooting-star{--ss-phase-opacity: var(--shooting-star-opacity, 1)}.skyline-stage[data-sky-phase=day] .shooting-star,.skyline-stage[data-sky-phase=sunrise] .shooting-star{display:none!important}.window-lights{opacity:var(--window-opacity, 1);transition:opacity 120s ease}.sky-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,var(--sky-top, transparent) 0%,var(--sky-mid, transparent) 50%,var(--sky-horizon, transparent) 100%);pointer-events:none;z-index:0}.skyline-horizon-glow{position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(to top,var(--glow-color-1, rgba(201,125,74,.15)) 0%,var(--glow-color-2, rgba(232,195,106,.08)) 25%,rgba(106,175,232,.03) 50%,transparent 70%);pointer-events:none}@media (min-width: 768px){.app-shell{display:flex;min-height:100vh}.side-nav{position:fixed;top:0;left:0;width:240px;height:100vh;display:flex;flex-direction:column;padding:36px 20px 28px;border-right:1px solid rgba(255,255,255,.06);background:#0a0a14f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50;overflow-y:auto}.side-nav-logo{display:block;margin:0 auto 10px}.side-nav-title{font-family:Playfair Display,Georgia,serif;font-size:22px;text-align:center;margin-bottom:4px;background:linear-gradient(135deg,#e8c36a,#c97d4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.side-nav-sub{font-family:Helvetica Neue,sans-serif;font-size:11px;color:#f0ece266;text-align:center;letter-spacing:.15em;text-transform:uppercase;margin-bottom:36px}.side-nav-btn{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:none;background:transparent;color:#f0ece280;font-family:Helvetica Neue,sans-serif;font-size:14px;cursor:pointer;width:100%;text-align:left;transition:all .2s;margin-bottom:4px;position:relative}.side-nav-btn.active{background:#e8c36a1f;color:#e8c36a}.side-nav-btn:hover:not(.active){background:#ffffff0a;color:#f0ece2cc}.side-nav-btn .nav-icon{font-size:20px;flex-shrink:0}.side-nav-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#d4727e;color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.main-content{margin-left:240px;flex:1;padding:48px 60px 80px;max-width:820px;min-height:100vh}.bottom-nav{display:none!important}}@media (max-width: 767px){.app-shell{display:block}.side-nav{display:none}.main-content{padding:24px 20px 100px}.skyline-svg{height:180px!important}.star-field-svg{height:60%}}.keyboard-hint{display:none}@media (hover: hover) and (pointer: fine){.keyboard-hint{display:block}}@media (prefers-reduced-motion: reduce){.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.s1,.s2,.s3,.s4,.s5,.beacon{animation:none!important;opacity:.6}.shooting-star{display:none!important}.title-shimmer{animation:none!important}}