:root{--bg:#030711;--neon-rgb:160, 80, 90;--neon:rgb(var(--neon-rgb));--neon-dim:rgba(var(--neon-rgb), .5);--neon-faint:rgba(var(--neon-rgb), .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%}body{background-color:var(--bg);width:100%;height:100dvh;color:var(--neon);touch-action:none;margin:0;padding:0;font-family:Orbitron,Courier New,monospace;overflow:hidden}button{touch-action:manipulation}#app{background:0 0;width:100%;height:100dvh;display:block;position:relative}#app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 35%,#030711bf 100%);position:absolute;inset:0}button:disabled{opacity:.3;pointer-events:none;filter:grayscale()}#repeat-label{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}#repeat-label .num{font-size:19px;font-weight:700}#repeat-label .unit{text-transform:uppercase;opacity:.8;font-size:10px;font-weight:400}#particle-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}#orb-container{pointer-events:none;z-index:3;justify-content:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#progress-overlay{display:none}#orb{z-index:10;background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:95px;height:95px;transition:box-shadow .2s;display:flex;position:absolute;overflow:hidden}#session-progress-bg{background:rgb(var(--neon-rgb));opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#orb-counter{pointer-events:none;color:#eee;margin-top:5px;font-size:20px;font-weight:900;line-height:1}#orb{box-shadow:0 0 12px rgba(var(--neon-rgb), 1), 0 0 35px rgba(var(--neon-rgb), .65), 0 0 80px rgba(var(--neon-rgb), .35), 0 0 160px rgba(var(--neon-rgb), .15), inset 0 0 20px #ffffff2e;will-change:transform;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:translate(0,0)}#orb-label{letter-spacing:.15rem;text-transform:uppercase;color:#eee;pointer-events:none;white-space:nowrap;z-index:2;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;line-height:1;transition:transform .4s}#orb-label.mode-change{transform:scale(1.1)}#breath-method{letter-spacing:.1rem;text-transform:lowercase;color:#eee;pointer-events:none;z-index:2;margin-bottom:5px;font-family:Orbitron,monospace;font-size:.6rem;font-weight:400;transition:opacity .25s}#timeline-container{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-radius:8px;align-items:center;width:90%;max-width:450px;height:32px;padding:0 4px;display:flex;position:absolute;top:5px;left:50%;transform:translate(-50%)}#timeline-scroll{align-items:center;width:100%;display:flex;overflow:hidden}#timeline-track{cursor:pointer;background:#ffffff0d;border-radius:12px;width:100%;height:24px;margin:8px 0;position:relative}#timeline-progress{background:rgba(var(--neon-rgb), .25);pointer-events:none;border-radius:12px;width:0%;height:100%;position:absolute;top:0;left:0}#timeline-handle{border:1px solid var(--neon);width:18px;height:18px;box-shadow:0 0 6px rgba(var(--neon-rgb), .5);pointer-events:none;background:#ccc;border-radius:50%;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}#controls{bottom:calc(40px + env(safe-area-inset-bottom));z-index:10;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}button{background:rgba(var(--neon-rgb,0, 229, 255), .04);border:1px solid rgba(var(--neon-rgb,0, 229, 255), .32);color:rgb(var(--neon-rgb,0, 229, 255));-webkit-backdrop-filter:blur(24px);cursor:pointer;width:60px;height:60px;box-shadow:0 0 12px rgba(var(--neon-rgb,0, 229, 255), .07), inset 0 0 12px rgba(var(--neon-rgb,0, 229, 255), .03);border-radius:50%;outline:none;justify-content:center;align-items:center;padding:12px;font-family:Orbitron,monospace;transition:all .2s;display:flex}.icon{width:30px;height:30px;filter:drop-shadow(0 0 4px rgba(var(--neon-rgb,0, 229, 255), .7))}button:hover{background:rgba(var(--neon-rgb,0, 229, 255), .1);border-color:rgba(var(--neon-rgb,0, 229, 255), .72);color:rgba(var(--neon-rgb,120, 255, 255), .95);box-shadow:0 0 22px rgba(var(--neon-rgb,0, 229, 255), .28), 0 0 50px rgba(var(--neon-rgb,0, 229, 255), .1), inset 0 0 16px rgba(var(--neon-rgb,0, 229, 255), .07)}button:hover .icon{filter:drop-shadow(0 0 8px rgb(var(--neon-rgb,0, 229, 255)))}button:active{background:rgba(var(--neon-rgb,0, 229, 255), .14);transform:scale(.95)}button:disabled{opacity:.35;cursor:default;pointer-events:none;filter:grayscale()}@media (prefers-reduced-motion:reduce){#orb{transition:transform .5s ease-in-out}}