:root{--bg-main: #0a0c10;--bg-surface: rgba(26, 29, 35, .6);--border-color: rgba(255, 255, 255, .08);--primary: #a3b8ae;--primary-glow: rgba(163, 184, 174, .3);--accent: #e5e7eb;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-family: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--radius: 12px;--radius-lg: 24px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.amoled-mode{--bg-main: #000000;--bg-surface: #000000;--border-color: #333333}.amoled-mode .blob{display:none!important}.amoled-mode #themeToggle{color:var(--warning);background:#f59e0b1a;box-shadow:0 0 10px #f59e0b33}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgba(163,184,174,.1),transparent 50%),radial-gradient(circle at 85% 85%,rgba(163,184,174,.07),transparent 50%),url(https://grainy-gradients.vercel.app/noise.svg);opacity:.02;pointer-events:none;z-index:-1}.glass{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.text-center{text-align:center}.hidden{display:none!important}.btn-base{cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-family:inherit;border:1px solid transparent;outline:none;gap:.75rem;border-radius:var(--radius)}.btn-icon-base{width:48px;height:48px;border-radius:50%!important;padding:0!important}.w-full{width:100%}.overlay-fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.card-zen{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 30px 60px #00000080}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0c10d9;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);z-index:2000}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative;z-index:1}.main-content{width:100%;max-width:960px;display:flex;flex-direction:column;transition:max-width .5s cubic-bezier(.4,0,.2,1);position:relative;margin:auto 0}.app-container.wide .main-content{max-width:1200px}#screenContainer{display:flex;flex-direction:column;width:100%;max-width:680px;margin:0 auto}.bg-visuals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;width:40vw;height:40vw;background:var(--primary);filter:blur(100px);opacity:.05;border-radius:50%;animation:float 20s infinite alternate}.blob-1{top:-10%;left:-10%;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(10%,10%) scale(1.1)}}@keyframes breath{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}.focus-time.breathing{animation:breath 8s ease-in-out infinite}.header{display:flex;justify-content:space-between;align-items:center;height:60px;margin-bottom:2rem;flex-shrink:0;position:relative;z-index:1001}.logo{display:flex;align-items:center;gap:.75rem;font-weight:500;letter-spacing:-.025em}.logo-icon{color:var(--primary)}.logo-text{font-size:1.1rem;color:var(--text-primary)}.header-controls{display:flex;gap:.5rem}.icon-btn,.lang-toggle{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem .8rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;font-weight:500}.icon-btn:hover,.lang-toggle:hover{background:#ffffff14;border-color:var(--text-muted);color:var(--text-primary)}.header-stats{display:none}.footer{position:relative;bottom:auto;left:auto;right:auto;margin-top:auto;display:flex;justify-content:center;gap:1.5rem;align-items:center;font-size:.7rem;color:var(--text-muted);transition:var(--transition);opacity:.5;pointer-events:auto;padding-top:2rem}.footer a,.footer span{color:var(--text-muted);text-decoration:none;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%}.footer a:hover,.footer span:hover{color:var(--text-primary);background:#ffffff0d;transform:scale(1.1)}.focus-mode .footer{opacity:0;pointer-events:none}.welcome-title{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;margin-bottom:1rem;color:var(--text-primary)}.gradient-text{color:var(--primary)}.welcome-subtitle{font-size:1rem;color:var(--text-secondary);max-width:400px;margin:0 auto 3rem}.goal-input-container{width:100%;max-width:480px;margin:0 auto 2.5rem}.input-wrapper{margin-bottom:1rem}.goal-input{width:100%;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;font-size:1.25rem;color:var(--text-primary);outline:none;transition:var(--transition);text-align:center;box-shadow:0 4px 24px #0003}.goal-input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px var(--primary-glow)}.btn-primary{background:#a3b8ae1a;color:var(--primary);border:1px solid var(--primary);padding:1.25rem;border-radius:var(--radius);font-size:1rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary:hover:not(:disabled){background:var(--primary);color:var(--bg-main);transform:translateY(-2px);box-shadow:0 0 30px var(--primary-glow)}.btn-secondary{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:1rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:500}.btn-secondary:hover{background:#ffffff14;border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.quick-goals{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-label{display:none}.quick-goal{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .75rem;border-radius:999px;font-size:.8rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.4rem}.quick-goal:hover{border-color:var(--text-muted);color:var(--text-primary)}.screen{display:none;animation:simpleFade .4s ease}.screen.active{display:block}@keyframes simpleFade{0%{opacity:0}to{opacity:1}}.focus-screen{text-align:center;padding-top:4rem}.focus-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.focus-text{font-size:2rem;font-weight:600;color:var(--text-primary);max-width:500px;margin:0 auto 4rem}.focus-time{font-size:8rem;font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-bottom:.5rem;color:var(--text-primary);font-family:Outfit,sans-serif;text-shadow:0 0 40px rgba(255,255,255,.1)}.focus-status{color:var(--primary);font-size:.9rem}.focus-controls{margin-top:4rem;display:flex;justify-content:center;gap:1rem}.btn-icon-only{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);width:48px;height:48px;border-radius:50%;cursor:pointer;transition:var(--transition)}.btn-icon-only:hover{color:var(--text-primary);border-color:var(--text-muted)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.ritual-layout{display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:center;min-height:500px}.ritual-main{display:flex;flex-direction:column;justify-content:flex-start}.ritual-header{min-height:100px;margin-bottom:2rem;display:flex;flex-direction:column;justify-content:center;flex-shrink:0}.ritual-step{font-size:.8rem;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:block}.ritual-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.ritual-desc{color:var(--text-secondary);font-size:.95rem}.ritual-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:3.5rem 2.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;text-align:center;transition:none;height:380px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;position:relative;overflow:hidden;flex-shrink:0}.ritual-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,var(--primary-glow),transparent 70%);opacity:.2;pointer-events:none}.ritual-icon{color:var(--primary);margin:0 0 1.5rem;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px var(--primary-glow))}.ritual-text{font-size:1.4rem;font-weight:500;color:var(--text-primary);line-height:1.4;z-index:1;height:120px;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;width:100%}.ritual-input-wrapper{z-index:1;width:100%;height:120px;display:flex;justify-content:center;align-items:flex-start}.ritual-input{width:100%;background:transparent;border:none;border-bottom:2px solid var(--primary);color:var(--text-primary);font-size:1.4rem;font-weight:500;font-family:var(--font-family);text-align:center;padding:.5rem;outline:none;transition:var(--transition)}.ritual-input:focus{border-bottom-color:var(--warning)}.ritual-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.ritual-sidebar{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;max-height:600px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.sidebar-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.sidebar-header h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.ritual-options{overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.5rem}.ritual-options::-webkit-scrollbar{width:4px}.ritual-options::-webkit-scrollbar-track{background:transparent}.ritual-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.ritual-option{padding:.85rem 1rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:1rem;color:var(--text-secondary);transition:var(--transition);border:1px solid transparent;font-size:.9rem}.ritual-option:hover{background:#ffffff08;color:var(--text-primary);border-color:var(--border-color)}.ritual-option.selected{color:var(--primary);background:#a3b8ae1a;border-color:#a3b8ae33}@media(max-width:900px){.ritual-layout{grid-template-columns:1fr;min-height:auto;gap:2rem;overflow-y:auto;max-height:100%;padding-bottom:2rem}.ritual-main{height:auto}.ritual-sidebar{height:auto;max-height:400px;flex-shrink:0}.ritual-card{height:auto;min-height:320px}}.ninety-screen{text-align:center}.ninety-content{display:flex;flex-direction:column;align-items:center;gap:3rem}.ninety-header{margin-bottom:1rem}.ninety-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.ninety-desc{color:var(--text-secondary);max-width:450px;margin:0 auto}.ninety-timer-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.ninety-progress{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:transparent;stroke-width:6;stroke-linecap:round}.progress-ring-bg{stroke:var(--border-color)}.progress-ring-fill{stroke:var(--primary);stroke-dasharray:565.48;stroke-dashoffset:565.48;transition:stroke-dashoffset 1s linear}.ninety-time{position:absolute;font-size:4.5rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text-primary)}.ninety-motivation{font-size:1.1rem;color:var(--primary);font-weight:500}.btn-glow{background:var(--primary-glow);color:var(--primary);border:1px solid var(--primary);padding:1.25rem 2.5rem;border-radius:var(--radius);font-size:1.1rem;font-weight:600;box-shadow:0 0 20px var(--primary-glow)}.btn-glow:hover:not(:disabled){background:var(--primary);color:var(--bg-main);transform:translateY(-2px);box-shadow:0 0 40px var(--primary-glow)}.btn-glow:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.complete-screen{text-align:center}.complete-container{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.complete-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.celebration-badge{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#a3b8ae1a;border:1px solid var(--primary-glow);border-radius:50%;margin-bottom:.5rem}.badge-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:var(--primary-glow);filter:blur(40px);opacity:.3;z-index:-1;border-radius:50%;animation:pulse 4s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.4}to{transform:scale(1);opacity:.2}}.complete-icon{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow))}.complete-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.complete-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:320px}.complete-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);padding:2.5rem;border-radius:var(--radius-lg)}.stats-grid{display:flex;align-items:center;justify-content:space-around;gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.stat-icon-wrapper{color:var(--text-muted)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-value small{font-size:.9rem;color:var(--text-muted);font-weight:400}.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.25rem}.stat-divider{width:1px;height:40px;background:var(--border-color)}.complete-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;width:100%}.btn-shortcut{font-size:.7rem;padding:.2rem .5rem;background:#0003;border-radius:4px;margin-left:auto;opacity:.6}.break-card{padding:3rem;width:90%;max-width:440px;gap:2rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.break-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-glow),var(--accent))}.break-header{width:100%}.break-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#a3b8ae1a;border:1px solid rgba(163,184,174,.2);border-radius:100px;color:var(--primary);font-size:.9rem;font-weight:500}.break-timer-wrapper{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin:1rem 0}.break-progress-svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.break-progress-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.break-progress-fill{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px var(--primary-glow))}.break-timer{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-2px}.break-info{text-align:center}.break-tip{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;font-style:italic;font-family:Outfit,sans-serif}.break-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.btn-premium-secondary{background:#ffffff0d;border:1px solid var(--border-color);padding:1.25rem;color:var(--text-secondary);font-weight:600}.btn-premium-secondary:hover{background:#ffffff14;border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-2px)}.log-actions{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color);margin-top:1.5rem}.btn-text-only{background:none;border:none;color:var(--text-muted);font-size:.8rem;padding:.4rem .6rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.4rem;font-family:var(--font-family)}.btn-text-only:hover{color:var(--text-primary);background:#ffffff0d}.btn-icon-sm svg{width:14px;height:14px}.log-divider{color:var(--border-color);font-size:.8rem}.energy-card{padding:3rem;width:90%;max-width:440px;gap:2rem;animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.energy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-glow),var(--accent));opacity:.5}.energy-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.energy-icon{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary-glow));margin-bottom:.5rem}.energy-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.energy-question{text-align:center;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:.5rem}.energy-options{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.energy-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-secondary);padding:1rem;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:inherit}.energy-btn:hover{transform:translateY(-2px);background:#ffffff0d;color:var(--text-primary)}.energy-good:hover{border-color:var(--success);color:var(--success);box-shadow:0 4px 20px #10b9811a}.energy-mid:hover{border-color:var(--warning);color:var(--warning);box-shadow:0 4px 20px #f59e0b1a}.energy-low:hover{border-color:var(--danger);color:var(--danger);box-shadow:0 4px 20px #ef44441a}.focus-mode .header{opacity:.3;transition:opacity .3s ease}.focus-mode .header:hover{opacity:1}@media(max-width:480px){.welcome-title{font-size:2rem}.focus-time{font-size:4rem}}.log-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c10d9;opacity:1;transition:opacity .3s ease}.log-overlay.hidden{opacity:0;pointer-events:none;display:flex!important;visibility:hidden}.log-card{width:90%;max-width:600px;max-height:80vh;transform:translateY(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}.log-overlay.hidden .log-card{transform:translateY(20px)}.log-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.log-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.log-content-area{padding:1.5rem;overflow-y:auto;font-family:monospace;font-size:.9rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;max-height:50vh}.log-content-area::-webkit-scrollbar{width:6px}.log-content-area::-webkit-scrollbar-track{background:transparent}.log-content-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.focus-break-stats{font-size:.9rem;color:var(--text-muted);opacity:.7;margin-top:.5rem;font-weight:400}