:root{--bg-gradient: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--accent-cyan: #00f2fe;--accent-violet: #8e2de2;--text-white: #ffffff;--text-dim: rgba(255, 255, 255, .7)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background:var(--bg-gradient);background-attachment:fixed;height:100vh;color:var(--text-white);overflow:hidden;display:flex;justify-content:center}#app{width:100%;max-width:480px;height:100%;position:relative;display:flex;flex-direction:column}#screen-container{flex:1;overflow-y:auto;padding:20px 20px 100px;scrollbar-width:none}#screen-container::-webkit-scrollbar{display:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:24px;padding:20px;box-shadow:0 8px 32px #0000005e;margin-bottom:20px}.glass-nav{position:absolute;bottom:20px;left:20px;right:20px;height:70px;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:35px;display:flex;justify-content:space-around;align-items:center;z-index:1000}.nav-item{background:none;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:.3s}.nav-item.active{color:var(--accent-cyan);transform:translateY(-5px)}.nav-item .icon{font-size:24px;margin-bottom:4px}.nav-item .label{font-size:10px;font-weight:500}.balance-card{text-align:center}.balance-title{font-size:14px;color:var(--text-dim);margin-bottom:8px}.balance-amount{font-size:36px;font-weight:700}.rox-symbol{color:var(--accent-cyan);font-size:20px}.start-btn-container{display:flex;justify-content:center;margin:40px 0}.start-btn{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--accent-violet),#4a00e0);border:8px solid rgba(255,255,255,.1);box-shadow:0 0 50px #8e2de280;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:.5s;animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:0 0 20px #8e2de266;transform:scale(1)}50%{box-shadow:0 0 60px #8e2de2cc;transform:scale(1.05)}to{box-shadow:0 0 20px #8e2de266;transform:scale(1)}}.breathing-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.breath-circle{width:250px;height:250px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:4s cubic-bezier(.4,0,.2,1)}.breath-circle.inhale{transform:scale(1.5);box-shadow:0 0 100px var(--accent-cyan);border-color:var(--accent-cyan)}.breath-circle.exhale{transform:scale(.8);box-shadow:0 0 50px var(--accent-violet);border-color:var(--accent-violet)}.timer{font-size:48px;font-weight:700}.instruction{margin-top:60px;font-size:24px;font-weight:600;letter-spacing:2px}.btn-primary{background:linear-gradient(90deg,var(--accent-violet),#4a00e0);border:none;padding:16px 32px;border-radius:100px;color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 10px 20px #0003}.history-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.history-amount{color:var(--accent-cyan);font-weight:600}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.mode-card.active{background:#00f2fe1a;border-color:var(--accent-cyan)!important}