*{box-sizing:border-box;margin:0;padding:0}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:26px;--touch-min:44px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--bg-primary:#faf8f2;--bg-card:#ffffff;--bg-card-hover:#f5f0e8;--accent-purple:#5035c0;--accent-purple-light:rgba(124,92,252,.15);--accent-purple-glow:rgba(124,92,252,.08);--accent-gold:#c9a96e;--accent-gold-light:rgba(201,169,110,.15);--accent-teal:#0e7a89;--accent-teal-light:rgba(14,122,137,.12);--text-primary:#2d2a1e;--text-secondary:#5c586b;--text-muted:#8a8494;--border:rgba(0,0,0,.06);--border-gold:rgba(201,169,110,.18);--neon-purple:#5035c0;--neon-purple-dim:rgba(124,92,252,.15);--neon-purple-glow:rgba(124,92,252,.08)}body{background:linear-gradient(180deg,#faf8f2,#f5f0e8,#faf8f2);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,"Noto Serif SC",Helvetica Neue,sans-serif;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (min-width: 768px){body{background:#f0ebe3}}.app{width:100%;min-height:100vh;margin:0 auto;color:var(--text-primary);overflow-x:hidden;padding-bottom:64px;position:relative}input,select,button,textarea{font-family:inherit;min-height:var(--touch-min);font-size:var(--text-base)}input:focus,select:focus,button:focus{outline:none}input:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--accent-gold-light);border-color:var(--accent-gold)}button:active{transform:scale(.97)}img{max-width:100%}.card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;margin-bottom:var(--space-md);border:1px solid var(--border)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:56px;display:flex;align-items:center;justify-content:space-around;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-xs) var(--space-md);min-height:44px;min-width:44px;transition:color .15s}.nav-icon{font-size:20px}.nav-label{font-size:10px}.nav-active,.nav-active .nav-icon{color:var(--accent-gold)}