:root{--bg-color:#0c0f0d;--surface-color:#161a17;--surface-highlight:#222724;--text-primary:#f8fafc;--text-secondary:#94a3b8;--neon-green:#10b981;--neon-green-dim:#10b98126;--border-color:#272d29}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5;overflow:hidden scroll}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-size:16px}.app-wrapper{background-color:var(--bg-color);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 20px #00000080}.content-area{flex:1;padding-bottom:80px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.5s cubic-bezier(.16,1,.3,1) forwards pageFadeIn}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;margin-bottom:20px;padding:24px;box-shadow:0 4px 24px #00000040}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:opacity .2s,transform .1s}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit;font-size:16px;transition:border-color .2s;border-radius:16px!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neon-green)!important}.title{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-color);z-index:100;background-color:#0c0f0dd9;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-around;align-items:center;width:100%;max-width:480px;height:68px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);flex-direction:column;align-items:center;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--neon-green)}.nav-item span{margin-top:4px;font-size:.75rem}