*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Press Start\ 2P,monospace}:root{--bg:#0d0d1a;--bg-panel:#1a1a2e;--bg-card:#16213e;--text:#e0e0ff;--text-dim:#67a;--text-muted:#346;--border:#2a2a4a;--border-hi:#458;--shadow:#000;--xp-track:#0a0a15;--xp-fill:#ffe600;--xp-border:#c90;--btn-sec-bg:#1e2d4a;--btn-sec-hover:#2a3d60;--btn-sec-text:#abd}[data-theme=light]{--bg:#f0e8ff;--bg-panel:#ffe8f8;--bg-card:#ffd8f0;--text:#1a0833;--text-dim:#75a;--text-muted:#b9c;--border:#ddc0ee;--border-hi:#b8d;--shadow:#50007859;--xp-track:#e0ccf0;--xp-fill:#f80;--xp-border:#c60;--btn-sec-bg:#e0c0f8;--btn-sec-hover:#d0a8f0;--btn-sec-text:#4a2266}.App.mode-work{--accent:#f25;--accent-dark:#c03}.App.mode-shortBreak{--accent:#0e8;--accent-dark:#0b6}.App.mode-longBreak{--accent:#4af;--accent-dark:#27c}body{color:#e0e0ff;color:var(--text);overflow-x:hidden;transition:background .3s,color .3s}.App,body{background:#0d0d1a;background:var(--bg)}.App{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:1.25rem 1rem 2.5rem;position:relative;transition:background .4s}.App:before{background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 0,#0000000f 4px);content:"";inset:0;pointer-events:none;position:fixed;z-index:999}[data-theme=light] .App:before{background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 4px)}.App.alerting{animation:flash .4s ease 3}@keyframes flash{0%,to{background:#0d0d1a;background:var(--bg)}50%{background:#2a1a00}}[data-theme=light] .App.alerting{animation:flash-light .4s ease 3}@keyframes flash-light{0%,to{background:#0d0d1a;background:var(--bg)}50%{background:#fff3cd}}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem;max-width:380px;width:100%}h1{color:#f25;color:var(--accent,#f25);font-size:.48rem;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}[data-theme=light] h1,h1{text-shadow:2px 2px 0 #000;text-shadow:2px 2px 0 var(--shadow)}.top-bar-actions{align-items:center;display:flex;gap:.35rem}.settings-btn{background:#16213e;background:var(--bg-card);border:2px solid #2a2a4a;border:2px solid var(--border);box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--shadow);cursor:pointer;font-size:.85rem;line-height:1;padding:.3rem .4rem;transition:background .15s,transform .1s,box-shadow .1s}.settings-btn:hover{background:#1a1a2e;background:var(--bg-panel)}.settings-btn:active{box-shadow:0 0 0 #000;box-shadow:0 0 0 var(--shadow);transform:translate(2px,2px)}.theme-toggle{background:#16213e;background:var(--bg-card);border:2px solid #2a2a4a;border:2px solid var(--border);box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--shadow);color:#67a;color:var(--text-dim);cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.45rem;letter-spacing:.03em;padding:.35rem .5rem;transition:background .15s,color .15s,transform .1s,box-shadow .1s;white-space:nowrap}.theme-toggle:hover{background:#1a1a2e;background:var(--bg-panel);color:#e0e0ff;color:var(--text)}.theme-toggle:active{box-shadow:0 0 0 #000;box-shadow:0 0 0 var(--shadow);transform:translate(2px,2px)}.pet-display{flex-direction:column;gap:.55rem;margin-bottom:.4rem;max-width:380px;width:100%}.pet-display,.pet-frame{align-items:center;display:flex}.pet-frame{background:#1a1a2e;background:var(--pet-bg,#1a1a2e);border:3px solid #f25;border:3px solid var(--pet-color,#f25);box-shadow:5px 5px 0 #000,inset 0 0 16px #0009;box-shadow:5px 5px 0 var(--shadow),inset 0 0 16px #0009;flex-shrink:0;height:96px;justify-content:center;overflow:hidden;position:relative;width:96px}[data-theme=light] .pet-frame{box-shadow:5px 5px 0 #000,inset 0 0 16px #0000001a;box-shadow:5px 5px 0 var(--shadow),inset 0 0 16px #0000001a}.pet-stage-badge{background:#000000bf;bottom:2px;color:#f25;color:var(--pet-color,#f25);font-family:Press Start\ 2P,monospace;font-size:.38rem;letter-spacing:.04em;line-height:1.5;padding:1px 3px;position:absolute;right:2px;text-transform:uppercase}[data-theme=light] .pet-stage-badge{background:#ffffffd9}.pet-name{color:#e0e0ff;color:var(--text);font-size:.55rem;letter-spacing:.06em}.pet-name,[data-theme=light] .pet-name{text-shadow:1px 1px 0 #000;text-shadow:1px 1px 0 var(--shadow)}.pixel-pet{display:block;image-rendering:pixelated;image-rendering:crisp-edges}@keyframes petBounce{0%{transform:translateY(0) scale(1)}25%{transform:translateY(-14px) scale(1.2)}55%{transform:translateY(-6px) scale(1.05)}75%{transform:translateY(-10px) scale(1.1)}to{transform:translateY(0) scale(1)}}.pixel-pet-bounce{animation:petBounce .65s cubic-bezier(.36,.07,.19,.97) forwards}.xp-section{display:flex;flex-direction:column;gap:4px;width:100%}.xp-label-row{align-items:baseline;display:flex;font-size:.42rem;justify-content:space-between}.xp-count{color:#ffe600;color:var(--xp-fill)}.xp-status{color:#67a;color:var(--text-dim)}.xp-maxed{color:#ffe600;color:var(--xp-fill)}.xp-bar-track{background:#0a0a15;background:var(--xp-track);border:2px solid #c90;border:2px solid var(--xp-border);box-shadow:3px 3px 0 #000;box-shadow:3px 3px 0 var(--shadow);height:14px;overflow:visible;position:relative}.xp-bar-fill{background:linear-gradient(180deg,color-mix(in srgb,#ffe600 80%,#fff),#ffe600 50%,color-mix(in srgb,#ffe600 80%,#000));background:linear-gradient(180deg,color-mix(in srgb,var(--xp-fill) 80%,#fff) 0,var(--xp-fill) 50%,color-mix(in srgb,var(--xp-fill) 80%,#000) 100%);height:100%;position:relative;transition:width .6s ease}.xp-bar-fill:after{background:repeating-linear-gradient(90deg,#0000,#0000 7px,#0003 0,#0003 8px);content:"";inset:0;position:absolute}.xp-marker{background:#458;background:var(--border-hi);height:calc(100% + 6px);pointer-events:none;position:absolute;top:-3px;transform:translateX(-50%);width:2px}.xp-stage-labels{color:#346;color:var(--text-muted);font-size:.38rem;height:12px;letter-spacing:.04em;position:relative}.xp-stage-labels span{position:absolute}.xp-stage-labels span:first-child{left:0}.xp-stage-labels span:last-child,.xp-stage-labels span:nth-child(2){transform:translateX(-50%)}.divider{border:none;border-top:2px solid #2a2a4a;border-top:2px solid var(--border);margin:.75rem 0;max-width:380px;width:100%}.session-info{align-items:center;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.4rem}.mode-label{color:#f25;color:var(--accent,#f25);font-size:.55rem;letter-spacing:.05em;text-shadow:2px 2px 0 #000;text-shadow:2px 2px 0 var(--shadow)}.sub-label{color:#67a;color:var(--text-dim);font-size:.38rem;letter-spacing:.03em}.timer-display{font-feature-settings:"tnum";color:#f25;color:var(--accent,#f25);font-size:clamp(3rem,14vw,5.5rem);font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1;margin:.5rem 0 .75rem;text-shadow:0 0 18px color-mix(in srgb,#f25 70%,#0000),0 0 40px color-mix(in srgb,#f25 35%,#0000),4px 4px 0 #000;text-shadow:0 0 18px color-mix(in srgb,var(--accent,#f25) 70%,#0000),0 0 40px color-mix(in srgb,var(--accent,#f25) 35%,#0000),4px 4px 0 var(--shadow);transition:color .5s ease}[data-theme=light] .timer-display{text-shadow:0 0 10px color-mix(in srgb,#f25 45%,#0000),3px 3px 0 #000;text-shadow:0 0 10px color-mix(in srgb,var(--accent,#f25) 45%,#0000),3px 3px 0 var(--shadow)}.cycle-dots{align-items:center;display:flex;gap:.4rem;margin-bottom:1.25rem}.dot{filter:grayscale(1) brightness(.6);font-size:1.15rem;line-height:1;opacity:.2;transition:opacity .3s,filter .3s,transform .3s}.dot.active,.dot.done{filter:grayscale(0);opacity:1}.dot.active{animation:dotPulse 1.1s ease-in-out infinite;transform:scale(1.3)}@keyframes dotPulse{0%,to{transform:scale(1.3)}50%{transform:scale(1.5)}}.controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.btn{background:#f25;background:var(--accent,#f25);border:2px solid #0000;box-shadow:3px 3px 0 #000;box-shadow:3px 3px 0 var(--shadow);color:#fff;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.48rem;letter-spacing:.04em;padding:.6rem 1rem;text-transform:uppercase;transition:transform .08s,box-shadow .08s,background .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#c03;background:var(--accent-dark,#c03);box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--shadow);transform:translate(1px,1px)}.btn:active:not(:disabled){box-shadow:0 0 0 #000;box-shadow:0 0 0 var(--shadow);transform:translate(3px,3px)}.btn:disabled{cursor:not-allowed;opacity:.25}.btn-secondary{background:#1e2d4a;background:var(--btn-sec-bg);color:#abd;color:var(--btn-sec-text)}.btn-secondary:hover:not(:disabled){background:#2a3d60;background:var(--btn-sec-hover);color:#abd;color:var(--btn-sec-text)}.settings{align-items:center;color:#67a;color:var(--text-dim);display:flex;flex-wrap:wrap;font-size:.38rem;gap:.5rem;justify-content:center}.settings label{letter-spacing:.04em}.settings input[type=number]{background:#16213e;background:var(--bg-card);border:2px solid #2a2a4a;border:2px solid var(--border);box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--shadow);color:#e0e0ff;color:var(--text);font-family:Press Start\ 2P,monospace;font-size:.48rem;outline:none;padding:.3rem;text-align:center;width:50px}.settings input[type=number]:focus{border-color:#f25;border-color:var(--accent,#f25)}.settings input[type=number]:disabled{cursor:not-allowed;opacity:.35}.settings input[type=number]::-webkit-inner-spin-button,.settings input[type=number]::-webkit-outer-spin-button{opacity:.4}.welcome-modal{align-items:center;background:#000000e0;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}[data-theme=light] .welcome-modal{background:#3c00648c}.modal-content{background:#1a1a2e;background:var(--bg-panel);border:3px solid #f25;border:3px solid var(--accent,#f25);box-shadow:6px 6px 0 #000;box-shadow:6px 6px 0 var(--shadow);max-height:90vh;max-width:440px;overflow-y:auto;padding:1.5rem 1.25rem;width:100%}.modal-wide{max-width:500px}.modal-narrow{max-width:320px}.modal-content h3{color:#f25;color:var(--accent,#f25);font-size:.6rem;letter-spacing:.05em;margin-bottom:.75rem;text-align:center}.modal-content h3,[data-theme=light] .modal-content h3{text-shadow:2px 2px 0 #000;text-shadow:2px 2px 0 var(--shadow)}.modal-sub{color:#67a;color:var(--text-dim);font-size:.38rem;letter-spacing:.03em;line-height:2.2;margin-bottom:.5rem;text-align:center}.got-it-btn{background:#f25;background:var(--accent,#f25);border:none;box-shadow:4px 4px 0 #000;box-shadow:4px 4px 0 var(--shadow);color:#fff;cursor:pointer;display:block;font-family:Press Start\ 2P,monospace;font-size:.52rem;letter-spacing:.05em;margin-top:1rem;padding:.75rem;text-transform:uppercase;transition:transform .08s,box-shadow .08s;width:100%}.got-it-btn:hover{box-shadow:3px 3px 0 #000;box-shadow:3px 3px 0 var(--shadow);transform:translate(1px,1px)}.got-it-btn:active{box-shadow:0 0 0 #000;box-shadow:0 0 0 var(--shadow);transform:translate(4px,4px)}.got-it-btn--danger{background:#c20}.got-it-btn--danger:hover{background:#aa1a00}.picker-cancel-btn{background:none;border:2px solid #2a2a4a;border:2px solid var(--border);color:#67a;color:var(--text-dim);cursor:pointer;display:block;font-family:Press Start\ 2P,monospace;font-size:.48rem;letter-spacing:.04em;margin-top:.5rem;padding:.6rem;text-transform:uppercase;transition:border-color .15s,color .15s;width:100%}.picker-cancel-btn:hover{border-color:#67a;border-color:var(--text-dim);color:#e0e0ff;color:var(--text)}.xp-warning-box{background:color-mix(in srgb,#c20 12%,#16213e);background:color-mix(in srgb,#c20 12%,var(--bg-card));border:2px solid #c20;display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0;padding:.75rem}.xp-warning-box p{color:#e0e0ff;color:var(--text);font-size:.38rem;letter-spacing:.03em;line-height:2.2}.pet-picker{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin:.75rem 0}.pet-card{align-items:center;background:#16213e;background:var(--bg-card);border:2px solid #2a2a4a;border:2px solid var(--border);box-shadow:2px 2px 0 #000;box-shadow:2px 2px 0 var(--shadow);cursor:pointer;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;gap:.3rem;padding:.6rem .3rem;text-align:center;transition:border-color .15s,transform .15s,box-shadow .15s}.pet-card:hover{box-shadow:4px 4px 0 #000;box-shadow:4px 4px 0 var(--shadow);transform:translateY(-2px)}.pet-card-selected,.pet-card:hover{border-color:#f25;border-color:var(--pet-color,#f25)}.pet-card-selected{box-shadow:3px 3px 0 #f25;box-shadow:3px 3px 0 var(--pet-color,#f25)}.pet-card-name{color:#e0e0ff;color:var(--text);font-size:.38rem;letter-spacing:.03em}.pet-card-desc{color:#67a;color:var(--text-dim);font-size:.32rem;line-height:1.8}.welcome-instructions{display:flex;flex-direction:column;gap:.85rem;list-style:none;margin:.75rem 0 .25rem;padding:0}.welcome-instructions li{background:#16213e;background:var(--bg-card);border-left:3px solid #f25;border-left:3px solid var(--accent,#f25);color:#e0e0ff;color:var(--text);font-size:.38rem;letter-spacing:.03em;line-height:2;padding:.5rem .6rem}@media (min-width:601px) and (max-width:1024px){.App{padding:2rem 2rem 3rem}.controls,.cycle-dots,.divider,.pet-display,.session-info,.settings,.top-bar{max-width:520px}.modal-wide{max-width:560px}.pet-frame{height:120px;width:120px}h1{font-size:.6rem}.btn{font-size:.52rem;min-height:44px;padding:.75rem 1.25rem}.got-it-btn{font-size:.56rem}.got-it-btn,.picker-cancel-btn{min-height:44px}.pet-card{padding:.75rem .5rem}}@media (max-width:600px){.App{padding:1rem .75rem 2rem}.top-bar{margin-bottom:.75rem}h1{font-size:.4rem}.timer-display{font-size:clamp(2.8rem,20vw,4.5rem)}.btn{font-size:.44rem;min-height:44px;padding:.7rem .9rem}.got-it-btn{font-size:.48rem}.got-it-btn,.picker-cancel-btn{min-height:44px}.settings-btn,.theme-toggle{min-height:44px;min-width:44px}.controls{gap:.4rem}.pet-picker{gap:.4rem;grid-template-columns:repeat(2,1fr)}.pet-card{padding:.55rem .3rem}.modal-content{padding:1rem .85rem}.modal-wide{max-width:100%}.settings{font-size:.36rem;gap:.4rem}.settings input[type=number]{font-size:.44rem;width:44px}.welcome-instructions li{font-size:.36rem}}
/*# sourceMappingURL=main.bfb18220.css.map*/