.zen-app{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;transition:background 2s ease;padding:40px 0}.zen-app.day{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.zen-app.night{background:linear-gradient(135deg,#020617,#0f172a)}.bg-blobs{position:fixed;width:100%;height:100%;z-index:0;top:0;left:0}.blob{position:absolute;filter:blur(80px);opacity:.4;border-radius:50%;animation:float 20s infinite alternate}.blob-1{width:500px;height:500px;background:#3b82f6;top:-100px;right:-100px}.blob-2{width:400px;height:400px;background:#8b5cf6;bottom:-50px;left:-50px;animation-delay:-5s}.zen-container{position:relative;z-index:1;max-width:900px;width:90%;text-align:center;margin:0 auto}.zen-header{margin-bottom:40px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.master-control{padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.master-control:hover{background:#ffffff1a}.master-control.muted{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.zen-header p{color:var(--text-secondary);font-size:1.1rem}.zen-content{display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:flex-start}@media (max-width: 850px){.zen-content{grid-template-columns:1fr}.zen-app{padding:60px 0}}.sound-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sound-tile{padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px;transition:all .3s ease}.sound-tile.active{border-color:var(--accent-color);box-shadow:0 0 20px #60a5fa33}.tile-icon{font-size:2.5rem}.tile-info{width:100%;display:flex;flex-direction:column;gap:10px}.tile-label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.volume-slider{width:100%;height:4px;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00000080}@media (max-width: 480px){.sound-grid{grid-template-columns:1fr}}.timer-card{padding:40px;display:flex;flex-direction:column;align-items:center;gap:20px;min-height:300px;justify-content:center}.timer-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.timer-header h3{font-size:1rem;color:var(--text-secondary);font-weight:500}.edit-toggle{font-size:.8rem;color:var(--accent-color);font-weight:600;padding:5px 10px;border-radius:8px;background:#60a5fa1a}.timer-setup{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700}.timer-setup input{width:80px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:10px;color:#fff;text-align:center;font-size:1.5rem;font-weight:700}.time-display{font-size:5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:10px 0}.timer-controls{display:flex;gap:15px}.timer-btn{padding:12px 30px;border-radius:50px;font-weight:600;font-size:.9rem;transition:all .3s ease}.timer-btn.start{background:#fff;color:#000}.timer-btn.pause{background:#ffffff1a;color:#fff}.timer-btn.reset{color:var(--text-secondary)}.timer-btn:hover{transform:translateY(-2px);opacity:.9}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-gradient: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--accent-color: #60a5fa;--text-primary: #f8fafc;--text-secondary: #94a3b8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}#root{width:100%}button{cursor:pointer;border:none;background:none;color:inherit;font-family:inherit}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px}