*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg2:#121212;--bg3:#1a1a1a;--border:#ffffff12;--text:#f0ece4;--muted:#666;--accent:#ff2d2d;--font-display:"Bebas Neue",sans-serif;--font-mono:"DM Mono",monospace;--font-body:"DM Sans",sans-serif}body{background:#0a0a0a;background:var(--bg);color:#f0ece4;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);overflow-x:hidden}.app-root,body{min-height:100vh}.app-root{align-items:center;display:flex;justify-content:center}.config-screen{gap:0;max-width:480px;padding:48px 40px;width:100%}.config-header,.config-screen{display:flex;flex-direction:column}.config-header{align-items:flex-start;margin-bottom:48px}.config-logo{color:#ff2d2d;color:var(--accent);font-size:80px;letter-spacing:-2px;margin-bottom:4px}.config-logo,.config-title{font-family:Bebas Neue,sans-serif;font-family:var(--font-display);line-height:1}.config-title{color:#f0ece4;color:var(--text);font-size:36px;letter-spacing:6px}.config-title span{color:#666;color:var(--muted);margin-left:8px}.config-sub{color:#666;color:var(--muted);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13px;letter-spacing:2px;margin-top:10px;text-transform:uppercase}.preset-row{display:flex;gap:8px;margin-bottom:28px}.preset-btn{background:#1a1a1a;background:var(--bg3);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:2px;color:#666;color:var(--muted);cursor:pointer;flex:1 1;font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:15px;letter-spacing:2px;padding:10px 0;transition:border-color .2s,color .2s,background .2s}.preset-btn:hover{background:#ff2d2d14;border-color:#ff2d2d;border-color:var(--accent);color:#f0ece4;color:var(--text)}.config-fields{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0}.config-row{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 0}.config-label{color:#999;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:300;letter-spacing:1px;text-transform:uppercase}.config-control{gap:20px}.adj-btn,.config-control{align-items:center;display:flex}.adj-btn{background:#1a1a1a;background:var(--bg3);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:50%;color:#f0ece4;color:var(--text);cursor:pointer;font-size:20px;height:36px;justify-content:center;line-height:1;transition:border-color .2s,background .2s;width:36px}.adj-btn:hover{background:#ff2d2d1a;border-color:#ff2d2d;border-color:var(--accent);color:#ff2d2d;color:var(--accent)}.config-value{color:#f0ece4;color:var(--text);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:22px;font-weight:500;min-width:56px;text-align:center}.config-summary{color:#666;color:var(--muted);font-size:13px;letter-spacing:.5px;margin-top:28px}.config-summary strong{color:#f0ece4;color:var(--text);font-family:DM Mono,monospace;font-family:var(--font-mono)}.start-btn{background:#ff2d2d;background:var(--accent);border:none;color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:22px;letter-spacing:4px;margin-top:36px;padding:20px;transition:background .2s,transform .1s;width:100%}.start-btn:hover{background:#f44;transform:translateY(-1px)}.start-btn:active{transform:translateY(0)}.timer-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.bg-pulse{inset:0;opacity:.04;pointer-events:none;position:fixed;transition:background .6s ease,opacity .6s ease;z-index:0}.timer-header{align-items:center;display:flex;left:0;padding:20px 28px;position:fixed;right:0;top:0;z-index:10}.timer-logo-small{color:#fff3;flex:1 1;font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:22px;letter-spacing:5px}.icon-btn{align-items:center;background:none;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:50%;color:#ffffff59;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;margin-left:10px;transition:color .2s,border-color .2s;width:40px}.icon-btn:hover{border-color:#ffffff4d;color:#f0ece4;color:var(--text)}.global-progress-bar{background:#ffffff0d;height:3px;left:0;position:fixed;right:0;top:0;z-index:20}.global-progress-fill{height:100%;transition:width 1s linear,background .5s ease}.phase-label{font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:clamp(28px,5vw,44px);letter-spacing:10px;margin-bottom:32px;min-height:54px;text-align:center;transition:color .5s ease}.phase-label,.timer-center{position:relative;z-index:1}.timer-digits{color:#f0ece4;color:var(--text);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:clamp(90px,20vw,140px);letter-spacing:-4px;line-height:1;transition:color .2s}@keyframes flash-countdown{0%,to{opacity:1}50%{opacity:.35}}.timer-digits-flash{animation:flash-countdown .6s ease-in-out infinite;color:var(--phase-color)}.timer-done-icon{color:var(--phase-color);font-size:100px}.interval-counter{align-items:baseline;display:flex;gap:6px;margin-top:32px;min-height:56px;position:relative;z-index:1}.interval-num{color:var(--phase-color);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:52px;line-height:1;transition:color .5s}.interval-sep{color:#666;color:var(--muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:28px}.interval-total{font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:32px;line-height:1}.interval-total,.phase-hint{color:#666;color:var(--muted)}.phase-hint{align-self:center;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;letter-spacing:2px;text-transform:uppercase}.done-text{align-self:center;color:var(--phase-color);font-family:Bebas Neue,sans-serif;font-family:var(--font-display);font-size:28px;letter-spacing:6px}.dots-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px;max-width:400px;position:relative;z-index:1}.dot{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;height:10px;transition:background .3s,transform .3s;width:10px}.dot-done{opacity:.5}.dot-active,.dot-done{background:var(--c);border-color:var(--c)}.dot-active{box-shadow:0 0 8px var(--c);transform:scale(1.4)}.paused-hint{color:#666;color:var(--muted);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:12px;letter-spacing:2px;margin-top:20px;position:relative;text-transform:uppercase;z-index:1}.icon-btn-muted{opacity:.4}.done-btn{margin-top:48px;max-width:320px}.done-btn,.done-btn:hover{background:var(--phase-color)}.done-btn:hover{filter:brightness(1.15)}@media (max-width:520px){.config-screen{padding:36px 24px}.timer-digits{font-size:100px}.phase-label{font-size:24px;letter-spacing:6px}}
/*# sourceMappingURL=main.a5b06f02.css.map*/