:root{--bg-app-a: #131e28;--bg-app-b: #0a0e13;--bg-app-c: #070a0e;--bg-screen-a: #0b1117;--bg-screen-b: #0a0f14;--panel: linear-gradient(160deg, #182029, #121922);--panel-alt: linear-gradient(160deg, #161d26, #121820);--border: #263440;--border-2: #28323d;--border-strong: #33475a;--gold: #f0c14b;--gold-bright: #ffd76a;--cyan: #46d5c6;--green: #8fd15a;--red: #e5573f;--purple: #b98cff;--blue: #5aa9ff;--pink: #ff8fb0;--orange: #ffb454;--text-hi: #eef4f8;--text-mid: #9fb2c0;--text-low: #6b7d8c;--text-body: #cdd9e2;--text-caption: #8298a8;--nav-inactive: #5f7484;--font-display: "Cinzel", serif;--font-body: "Chakra Petch", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-body);background:radial-gradient(120% 90% at 20% 0%,var(--bg-app-a) 0%,var(--bg-app-b) 55%,var(--bg-app-c) 100%);color:var(--text-body);overflow:hidden}button{font-family:inherit}a{color:var(--gold)}a:hover{color:var(--gold-bright)}.af-scroll{scrollbar-width:none}.af-scroll::-webkit-scrollbar{width:0;height:0}@keyframes afFloat{0%{opacity:0;transform:translateY(6px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-52px) scale(1)}}@keyframes afBurst{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.06)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes afRing{0%{transform:scale(.7);opacity:.8}to{transform:scale(2.1);opacity:0}}@keyframes afMarch{0%{width:4%}to{width:100%}}@keyframes afClash{0%,to{transform:translate(0)}50%{transform:translate(10px) rotate(6deg)}}@keyframes afClashL{0%,to{transform:translate(0)}50%{transform:translate(-10px) rotate(-6deg)}}@keyframes afDrift{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(0)}}@keyframes afSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-backdrop{position:relative;min-height:100dvh;width:100%;display:grid;place-items:center;overflow:hidden}.app-backdrop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 80% 15%,rgba(70,213,198,.1),transparent 70%),radial-gradient(45% 35% at 12% 80%,rgba(240,193,75,.08),transparent 70%);animation:afDrift 18s ease-in-out infinite;pointer-events:none}.app-frame{position:relative;width:100%;height:100dvh;background:#0c1218;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 600px){.app-backdrop{padding:28px 12px}.app-frame{width:390px;height:812px;border:1px solid #2c3b48;border-radius:44px;box-shadow:0 40px 90px -20px #000c,inset 0 0 0 6px #060a0e}}.status-bar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#cdd9e2;font-size:13px;font-weight:600;z-index:5;background:linear-gradient(#0e161d,#0c1218)}.screen-area{position:relative;flex:1;overflow-y:auto;background:linear-gradient(var(--bg-screen-a),var(--bg-screen-b))}.screen{padding:16px 15px 24px}.bottom-nav{height:66px;flex:none;display:flex;align-items:stretch;background:linear-gradient(#0e161d,#0a1015);border-top:1px solid #1e2a34;z-index:45}.bottom-nav button{flex:1;cursor:pointer;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:8.5px;font-weight:600}.floaters{position:absolute;top:96px;left:0;right:0;text-align:center;pointer-events:none;z-index:40}.floater{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:20px;text-shadow:0 2px 10px rgba(0,0,0,.7);animation:afFloat 1.15s ease-out forwards;padding:2px 4px}.btn-press:active{transform:scale(.98)}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px}.card-alt{background:var(--panel-alt);border:1px solid var(--border);border-radius:14px}