:root{--bg:#0b0e14;--bg2:#111620;--bg3:#181f2c;--surface:#ffffff0a;--surface2:#ffffff12;--border:#ffffff14;--border2:#ffffff24;--gold:#c9a84c;--gold2:#f0cf83;--gold-glow:#c9a84c4d;--green:#22c55e;--green-glow:#22c55e40;--red:#ef4444;--blue:#38bdf8;--purple:#a78bfa;--text:#f0ede6;--text2:#f0ede6a6;--text3:#f0ede659;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", "Lato", system-ui, sans-serif;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.mountain-app-shell{background:linear-gradient(#0c1018 0%,#0b0e14 60%,#090c12 100%);min-height:100vh;position:relative;overflow-x:hidden}.mountain-backdrop{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.mountain-layer{border-radius:50%;position:absolute;inset-inline:-8%}.mountain-layer.back{clip-path:polygon(0 100%,0 70%,12% 58%,24% 66%,35% 45%,46% 61%,59% 39%,71% 63%,84% 43%,100% 70%,100% 100%);opacity:.5;background:linear-gradient(#141d2a 0%,#0d1420 100%);height:34%;bottom:-4%}.mountain-layer.mid{clip-path:polygon(0 100%,0 78%,8% 68%,18% 75%,28% 55%,40% 70%,52% 48%,64% 65%,76% 50%,88% 68%,100% 58%,100% 100%);opacity:.7;background:linear-gradient(#0f1923 0%,#0b1219 100%);height:28%;bottom:-1%}.mountain-mist{pointer-events:none;background:radial-gradient(80% 40% at 50% 100%,#c9a84c0a,#0000);position:absolute;inset:0}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);height:64px;padding:0 4px env(safe-area-inset-bottom,0);background:#0b0e14f5;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{cursor:pointer;font-family:var(--font-body);color:var(--text3);letter-spacing:.3px;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:11px;font-weight:600;transition:color .15s;display:flex;position:relative}.bottom-nav-item .nav-icon{font-size:20px;transition:transform .2s}.bottom-nav-item.active{color:var(--gold)}.bottom-nav-item.active .nav-icon{transform:scale(1.15)}.bottom-nav-item:after{content:"";background:var(--gold);border-radius:0 0 3px 3px;height:2px;transition:transform .2s;position:absolute;top:0;left:20%;right:20%;transform:scaleX(0)}.bottom-nav-item.active:after{transform:scaleX(1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}