@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--border-glass:#ffffff14;--text-primary:#f0f0f5;--text-secondary:#f0f0f599;--text-muted:#f0f0f559;--accent:#6c5ce7;--accent-glow:#6c5ce74d;--accent-soft:#6c5ce726;--green:#00e676;--green-glow:#00e67640;--red:#ff5252;--red-glow:#ff525240;--yellow:#ffd740;--yellow-glow:#ffd74040;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.app:before{content:"";background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;z-index:0;width:60%;height:60%;animation:15s ease-in-out infinite float;position:absolute;top:-30%;left:-20%}.app:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00e67614 0%,#0000 70%);width:50%;height:50%;animation:20s ease-in-out infinite reverse float;position:absolute;bottom:-20%;right:-15%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(5%,5%)}}.header{z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.header__title{background:linear-gradient(135deg, var(--accent), #a29bfe);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.header__badge{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:4px 10px;font-size:11px}.scramble{z-index:10;padding:8px 20px;position:relative}.scramble__container{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 18px}.scramble__label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:8px;font-size:10px}.scramble__text{font-family:var(--font-mono);color:var(--text-primary);word-spacing:4px;letter-spacing:.5px;font-size:15px;font-weight:600;line-height:1.6}.scramble__refresh{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.scramble__refresh:active{background:#6c5ce740;transform:scale(.95)}.timer-area{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.timer__time{font-family:var(--font-mono);letter-spacing:-2px;font-size:clamp(64px,18vw,100px);font-weight:800;line-height:1;transition:color .15s,text-shadow .3s}.timer__time--idle{color:var(--text-primary)}.timer__time--ready{color:var(--yellow);text-shadow:0 0 40px var(--yellow-glow), 0 0 80px var(--yellow-glow);animation:1s ease-in-out infinite pulse-ready}.timer__time--running{color:var(--green);text-shadow:0 0 40px var(--green-glow), 0 0 80px var(--green-glow)}.timer__time--stopped{color:var(--accent);text-shadow:0 0 40px var(--accent-glow)}@keyframes pulse-ready{0%,to{opacity:1}50%{opacity:.6}}.timer__hint{color:var(--text-secondary);text-align:center;max-width:280px;font-size:13px;line-height:1.5}.timer__hint--accent{color:var(--accent)}.touch-zone{z-index:5;cursor:pointer;position:absolute;inset:0}.stats{z-index:10;gap:1px;padding:0 20px 8px;display:flex;position:relative}.stats__item{text-align:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;padding:10px 0}.stats__item:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.stats__item:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.stats__label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:4px;font-size:10px}.stats__value{font-family:var(--font-mono);color:var(--text-secondary);font-size:15px;font-weight:700}.stats__value--highlight{color:var(--green)}.history{z-index:10;padding:0 20px 20px;position:relative}.history__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.history__clear{color:var(--red);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-sans);cursor:pointer;background:#ff52521a;border:none;padding:4px 10px;font-weight:600;transition:all .2s}.history__clear:active{transform:scale(.95)}.history__list{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.history__list::-webkit-scrollbar{display:none}.history__item{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;padding:8px 14px;display:flex}.history__item--best{background:#00e6760d;border-color:#00e6764d}.history__index{color:var(--text-muted);font-size:10px}.history__time{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:700}.history__item--best .history__time{color:var(--green)}.history__delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:10px;transition:all .15s}.history__delete:active{color:var(--red);background:var(--red-glow)}.permission-banner{z-index:100;background:linear-gradient(#0000,#0a0a0ff2);flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.permission-banner__text{color:var(--text-secondary);text-align:center;font-size:14px;line-height:1.5}.permission-banner__btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), #a29bfe);color:#fff;width:100%;max-width:320px;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;padding:14px 24px;font-size:15px;font-weight:700;transition:all .2s}.permission-banner__btn:active{transform:scale(.97)}.mode-toggle{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:4px;display:flex}.mode-toggle__btn{color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-weight:600;transition:all .2s}.mode-toggle__btn--active{background:var(--accent-soft);color:var(--accent)}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;padding:20px;font-size:13px;display:flex}.empty-state__icon{margin-bottom:4px;font-size:28px}.sensor-info{align-items:center;gap:12px;margin-top:4px;display:flex}.sensor-info__strength{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px}.sensor-info__reset{background:linear-gradient(135deg, var(--accent), #a29bfe);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-sans);cursor:pointer;box-shadow:0 2px 12px var(--accent-glow);border:none;padding:8px 20px;font-weight:600;transition:all .2s}.sensor-info__reset:active{transform:scale(.95)}.sensitivity-slider{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);z-index:20;width:100%;max-width:280px;padding:14px 18px;position:relative}.sensitivity-slider__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sensitivity-slider__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.sensitivity-slider__value{font-family:var(--font-mono);color:var(--accent);text-align:right;min-width:30px;font-size:14px;font-weight:700}.sensitivity-slider__input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#6c5ce733,#6c5ce799);border-radius:3px;outline:none;width:100%;height:6px}.sensitivity-slider__input::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent), #a29bfe);width:22px;height:22px;box-shadow:0 2px 8px var(--accent-glow);cursor:pointer;border-radius:50%;transition:transform .15s}.sensitivity-slider__input::-webkit-slider-thumb:active{transform:scale(1.15)}.sensitivity-slider__input::-moz-range-thumb{background:linear-gradient(135deg, var(--accent), #a29bfe);width:22px;height:22px;box-shadow:0 2px 8px var(--accent-glow);cursor:pointer;border:none;border-radius:50%}.sensitivity-slider__marks{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.header__actions{align-items:center;gap:8px;display:flex}.header__help-btn{border:1px solid var(--border-glass);background:var(--bg-glass);width:30px;height:30px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .2s;display:flex}.header__help-btn:active{background:var(--accent-soft);color:var(--accent)}.action-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;z-index:20;border:none;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.action-btn:active{transform:scale(.95)}.action-btn--cancel{color:var(--red);background:#ff525226;border:1px solid #ff525233}.action-btn--next{background:linear-gradient(135deg, var(--accent), #a29bfe);color:#fff;box-shadow:0 2px 16px var(--accent-glow)}.action-btn--delete{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.stopped-actions{z-index:20;gap:10px;margin-top:4px;display:flex;position:relative}.help-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);scrollbar-width:none;width:100%;max-width:420px;max-height:85vh;overflow-y:auto}.help-modal::-webkit-scrollbar{display:none}.help-modal__header{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.help-modal__title{background:linear-gradient(135deg, var(--accent), #a29bfe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.help-modal__close{background:var(--bg-glass);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.help-modal__content{padding:16px 20px}.help-section{margin-bottom:16px}.help-section__title{color:var(--text-primary);margin-bottom:10px;font-size:15px;font-weight:600}.help-steps{flex-direction:column;gap:8px;display:flex}.help-step{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.help-step strong{color:var(--text-primary)}.help-step__num{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.help-note{color:var(--text-muted);border-radius:var(--radius-sm);background:#ffd7400f;border:1px solid #ffd7401f;margin-top:8px;padding:6px 10px;font-size:12px}.help-modal__ok{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), #a29bfe);color:#fff;width:calc(100% - 40px);font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;margin:0 20px 18px;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.help-modal__ok:active{transform:scale(.97)}@media (width>=768px){.timer__time{font-size:120px}.scramble__text{font-size:18px}}@supports (padding-top:env(safe-area-inset-top)){.header{padding-top:calc(12px + env(safe-area-inset-top))}.history{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}