@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700&display=swap";:root{--bg-primary:#1a1a1a;--bg-secondary:#000;--text-primary:#fff;--text-secondary:#fff6;--border-color:#ffffff1a;--accent-color:#fff;--success-color:#0f8;--danger-color:#f36;--transition-smooth:.3s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);justify-content:center;min-height:100vh;display:flex;overflow-x:hidden}.app-container{background-color:var(--bg-primary);flex-direction:column;width:100vw;max-width:480px;height:100vh;display:flex;position:relative}.screen-container{background-color:var(--bg-primary);flex:1;margin:0;padding-bottom:80px;overflow-y:auto}h1,h2,h3,h4,h5,h6{letter-spacing:2px;text-transform:uppercase;font-weight:200}.btn-primary{color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:.8rem;font-weight:600;display:flex}.btn-primary:hover{background:#ffffff0d}.btn-solid{background:var(--text-primary);color:var(--bg-primary);letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-smooth);border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:.8rem;font-weight:600;display:flex}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-minimal{border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);width:100%;transition:all var(--transition-smooth);background:0 0;outline:none;padding:12px 0;font-size:1rem}.input-minimal:focus{border-bottom-color:var(--text-primary)}.input-minimal::placeholder{color:var(--text-secondary)}.input-giant{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:4rem;font-weight:200}.input-giant::placeholder{color:var(--text-secondary)}.minimal-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:4px;padding:20px}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFadeCenter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:.4s forwards slideUpFade}.bottom-nav{background-color:var(--bg-primary);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;height:60px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:color .2s;display:flex}.nav-item.active{color:var(--text-primary)}.nav-item span{letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:.65rem}