:root{--color-navy:#0a1628;--color-navy-light:#162a4a;--color-gold:gold;--color-crimson:#ff3b30;--color-coral:#ff6b35;--color-bg:#f5f5f7;--color-white:#fff;--color-card-border:#f0f0f0;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-light:#999;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 30px #0a16281f;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "PingFang SC", "Noto Sans SC", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--color-text-primary);font-family:var(--font-primary);background-color:#1a1a1a;justify-content:center;align-items:center;min-height:100vh;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.app-container{background-color:var(--color-bg);border-radius:var(--radius-xl);width:420px;min-width:420px;height:100vh;max-height:880px;box-shadow:var(--shadow-lg), 0 0 0 12px #2d2d2d;font-family:var(--font-heading);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}@media (width<=480px){body{background-color:var(--color-bg);height:auto;min-height:100vh;display:block;overflow:auto}.app-container{width:100%;min-width:100%;max-width:100%;height:100vh;max-height:100vh;box-shadow:none;border-radius:0;flex-shrink:0}}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}input,textarea,button{border:none;outline:none;font-family:inherit}textarea{resize:none}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#0a1628bf;border:1px solid #ffffff1a}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-bg{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{width:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.toast-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ffd70066}50%{box-shadow:0 0 18px #ffd700cc}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.btn-primary{background:linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-light) 100%);color:var(--color-gold);cursor:pointer;border:1px solid #ffd7004d;transition:transform .2s,filter .2s}.btn-primary:active{filter:brightness(.9);transform:scale(.97)}.btn-accent{background:linear-gradient(135deg, var(--color-coral) 0%, #f97316 100%);color:var(--color-white);cursor:pointer;transition:transform .2s,filter .2s}.btn-accent:active{filter:brightness(.9);transform:scale(.97)}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:active{transform:scale(.98)}