:root{--bg-primary: #0f0e17;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1c2a4a;--border-gold: #c9a84c;--border-dim: #2a2a4a;--text-primary: #e8dcc8;--text-secondary: #9b8e7e;--text-gold: #d4a84b;--text-muted: #5a5a7a;--accent-red: #8b2500;--accent-blue: #1e3a5f;--accent-green: #2d5a27;--font-display: "MedievalSharp", cursive;--font-body: "Inter", -apple-system, sans-serif;--navbar-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background-image:radial-gradient(ellipse at 20% 50%,rgba(30,58,95,.15) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(139,37,0,.08) 0%,transparent 50%)}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100%}.app-content{flex:1;padding-bottom:var(--navbar-height);overflow-y:auto}.page{padding:20px 16px;max-width:480px;margin:0 auto}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.page-header{text-align:center;margin-bottom:24px}.logo{font-family:var(--font-display);font-size:42px;color:var(--text-gold);letter-spacing:3px;text-shadow:0 0 20px rgba(212,168,75,.3);margin-bottom:2px}.subtitle{font-size:12px;text-transform:uppercase;letter-spacing:4px;color:var(--text-secondary)}.page-title{font-family:var(--font-display);font-size:26px;color:var(--text-gold)}.greeting{text-align:center;margin-bottom:28px;padding:12px;border:1px solid var(--border-dim);border-radius:8px;background:var(--bg-secondary)}.greeting-text{color:var(--text-secondary);font-size:14px}.greeting-text strong{color:var(--text-primary)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.menu-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease;cursor:pointer}.menu-card:hover,.menu-card:active{background:var(--bg-card-hover);border-color:var(--border-gold);transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c1a}.menu-icon{font-size:28px;margin-bottom:8px;filter:grayscale(.3)}.menu-title{font-family:var(--font-display);font-size:16px;color:var(--text-gold);margin-bottom:4px}.menu-desc{font-size:11px;color:var(--text-secondary);text-align:center}.loading-orb{width:48px;height:48px;border:3px solid var(--border-dim);border-top-color:var(--border-gold);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-style:italic}.empty-state{text-align:center;padding:40px 20px;border:1px dashed var(--border-dim);border-radius:12px;background:var(--bg-secondary)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-family:var(--font-display);color:var(--text-gold);margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.btn{display:inline-block;padding:10px 24px;border:1px solid var(--border-gold);border-radius:6px;font-family:var(--font-display);font-size:15px;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-red),#6b1d00);color:var(--text-gold);border-color:var(--border-gold)}.btn-primary:hover:not(:disabled){box-shadow:0 0 12px #c9a84c4d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-dim)}.btn:disabled{opacity:.4;cursor:not-allowed}.hint{font-size:11px;color:var(--text-muted);margin-top:8px}.settings-section{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:10px;padding:16px;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:18px;color:var(--text-gold);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-dim)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row+.info-row{border-top:1px solid rgba(42,42,74,.5)}.info-label{font-size:13px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-primary)}.badge-free{background:var(--accent-blue);padding:2px 8px;border-radius:4px;font-size:12px}.navbar{position:fixed;bottom:0;left:0;right:0;height:var(--navbar-height);background:var(--bg-secondary);border-top:1px solid var(--border-dim);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;transition:color .2s}.nav-tab.active{color:var(--text-gold)}.nav-tab:hover{color:var(--text-secondary)}.nav-icon{font-size:20px}.nav-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px}.version-info{text-align:center;font-size:11px;color:var(--text-muted);padding:20px 0;letter-spacing:2px;text-transform:uppercase}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}