@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Cormorant+Garamond:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow-x:hidden}body{color:#f5f0ff;background:#070414;font-family:Inter,system-ui,sans-serif;font-weight:500}.font-cinzel{font-family:Cormorant Garamond,Georgia,serif;font-weight:700}.font-brand{font-family:Cinzel,Cormorant Garamond,Georgia,serif;font-weight:700}.app-bg{z-index:0;background:url(/bg.jpg) bottom/cover no-repeat fixed;position:fixed;inset:0}.star-twinkle{pointer-events:none;z-index:1;background-image:radial-gradient(1.1px 1.1px at 14% 16%,#ffffffe6 50%,#0000 100%),radial-gradient(.9px .9px at 29% 38%,#fff4d6cc 50%,#0000 100%),radial-gradient(1.1px 1.1px at 56% 19%,#ffffffd9 50%,#0000 100%),radial-gradient(.9px .9px at 79% 33%,#d7e6ffcc 50%,#0000 100%),radial-gradient(1px 1px at 88% 54%,#ffffffd9 50%,#0000 100%),radial-gradient(.9px .9px at 19% 64%,#fff0dcb3 50%,#0000 100%);animation:5s ease-in-out infinite alternate twinkle;position:fixed;inset:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.sky-constellations{pointer-events:none;z-index:1;opacity:.96;width:100%;max-width:430px;height:auto;position:fixed;top:0;left:50%;transform:translate(-50%)}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c071c9e;border:1px solid #dccdff52;border-radius:18px;box-shadow:0 0 24px #c9b8ff1f}.title-glow{text-shadow:0 0 16px #ffe0a58c,0 0 28px #c9b8ff66}.neon-brand-glow{color:#eefaff;text-shadow:0 0 7px #a5f3fcf2,0 0 16px #c4b5fdd9,0 0 28px #8b5cf6a6}.feature-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1c103ab8 0%,#0e0822c7 100%);border:1px solid #f6d8966b;border-radius:18px;justify-content:space-around;align-items:stretch;margin:12px 0 14px;padding:13px 6px;display:flex;box-shadow:0 0 26px #c9b8ff38,inset 0 1px #fff8ec38}.feature-item{text-align:center;color:#fff;cursor:pointer;background:0 0;border:none;flex:1;padding:4px 3px}.feature-item+.feature-item{border-left:1px solid #e8c07a52}.feature-icon{filter:drop-shadow(0 0 9px #ffe196e6)drop-shadow(0 0 14px #c9b8ffb3);margin-bottom:6px}.feature-label{color:#fff;letter-spacing:.01em;text-shadow:0 0 14px #ffe1a0a6,0 1px 3px #000000d9;font-size:15px;font-weight:700;display:block}.feature-sub{text-shadow:0 1px 4px #000000e6,0 0 10px #f6d89673;margin-top:3px;font-size:11.5px;font-weight:600;display:block;color:#ffe8b8!important}.align-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0822a8;border:1px solid #dcc8ff5c;border-radius:20px;align-items:center;gap:12px;padding:15px 18px;display:flex;box-shadow:0 0 30px #c9b8ff29}.wheel-spin{transform-origin:50%;animation:60s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.tile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;color:#fff;cursor:pointer;text-shadow:0 0 10px #e8c07a59;background:#0e0822a3;border:1px solid #dcc8ff47;border-radius:16px;padding:13px 8px;font-size:13.8px;font-weight:600;box-shadow:0 0 18px #c9b8ff1a}.tile-title{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.tile-title svg{flex-shrink:0}.tile span.tile-sub{color:#ffebc4;text-shadow:none;white-space:nowrap;margin-top:4px;font-size:11.5px;font-weight:500;display:block}.bottom-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#070414e6;border-top:1px solid #c9b8ff33;position:fixed;bottom:0;left:0;right:0}.bottom-nav{color:#d8ccff;justify-content:space-around;padding:9px 0 7px;font-size:12.5px;font-weight:500;display:flex}.bottom-nav button{color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:500;display:flex}.bottom-nav button.active{color:#f6d896;text-shadow:0 0 10px #f6d896a6;font-weight:700}.bottom-nav button svg{filter:drop-shadow(0 0 6px #ffebc48c)}.strip{text-align:center;color:#eefaff;text-shadow:0 0 6px #a5f3fce6,0 0 14px #c4b5fdcc;border-top:1px solid #a5f3fc38;padding:5px 0 7px;font-size:11.5px;font-weight:600}.about-link{color:#f6d896;text-underline-offset:3px;cursor:pointer;text-shadow:0 0 8px #f6d896a6;background:0 0;border:none;padding:0 3px;font-size:11.5px;font-weight:600;text-decoration:underline}