.step-switch-wrapper .switch{display:none}.step-switch-wrapper .switch+label{align-items:center;color:#78768d;cursor:pointer;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;line-height:15px;position:relative;-webkit-user-select:none;user-select:none}.step-switch-wrapper .switch+label:before,.step-switch-wrapper .switch+label:after{content:"";display:block}.step-switch-wrapper .switch+label:before{background-color:#05012c;border-radius:500px;height:15px;margin-right:8px;transition:background-color .125s ease-out;width:25px}.step-switch-wrapper .switch+label:after{background-color:#fff;border-radius:13px;box-shadow:0 3px 1px #2522470d,0 2px 2px #2522471a,0 3px 3px #2522470d;height:13px;left:1px;position:absolute;top:1px;transition:transform .125s ease-out;width:13px}.step-switch-wrapper .switch+label .switch-x-text{display:block;margin-right:.3em}.step-switch-wrapper .switch+label .switch-x-toggletext{display:block;font-weight:700;height:15px;overflow:hidden;position:relative;width:25px}.step-switch-wrapper .switch+label .switch-x-unchecked,.step-switch-wrapper .switch+label .switch-x-checked{left:0;position:absolute;top:0;transition:transform .125s ease-out,opacity .125s ease-out}.step-switch-wrapper .switch+label .switch-x-unchecked{opacity:1;transform:none}.step-switch-wrapper .switch+label .switch-x-checked{opacity:0;transform:translate3d(0,100%,0)}.step-switch-wrapper .switch+label .switch-x-hiddenlabel{position:absolute;visibility:hidden}.step-switch-wrapper .switch:checked+label:before{background-color:#ffb500}.step-switch-wrapper .switch:checked+label:after{transform:translate3d(10px,0,0)}.step-switch-wrapper .switch:checked+label .switch-x-unchecked{opacity:0;transform:translate3d(0,-100%,0)}.step-switch-wrapper .switch:checked+label .switch-x-checked{opacity:1;transform:none}.theme-switch-wrapper{display:inline-block;font-size:12px}.theme-switch{--toggle-size: 10px;--container-width: 5.625em;--container-height: 2.5em;--container-radius: 6.25em;--container-light-bg: #3D7EAE;--container-night-bg: #1D1F2C;--circle-container-diameter: 3.375em;--sun-moon-diameter: 2.125em;--sun-bg: #ECCA2F;--moon-bg: #C4C9D1;--spot-color: #959DB1;--circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color: #fff;--clouds-color: #F3FDFF;--back-clouds-color: #AACADF;--transition: .5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition: .3s cubic-bezier(0, -.02, .35, 1.17);display:inline-block;cursor:pointer}.theme-switch *,.theme-switch *:before,.theme-switch *:after{box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius)}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:flex;transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;transition:var(--transition)}.theme-switch__moon{transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);box-shadow:0 .0312em .062em #00000040 inset}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.logo-container{width:48px;height:48px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.scene{width:200px;height:250px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.18);transform-origin:center}.cube{width:100px;height:100px;position:absolute;z-index:2;transform:rotateX(-36deg) rotateY(45deg);transform-style:preserve-3d}.cube_count_1{z-index:2;left:50px;animation:cube var(--anim-duration) 1s ease infinite}.cube_count_2{z-index:1;top:38px;left:-16px;animation:cube var(--anim-duration) 1.1s ease infinite}.cube_count_3{z-index:1;top:38px;left:116px;animation:cube var(--anim-duration) 1.2s ease infinite}.cube_count_4{z-index:2;top:116px;left:-16px;animation:cube var(--anim-duration) 1.1s ease infinite}.cube_count_5{z-index:1;top:116px;left:116px;animation:cube var(--anim-duration) 1.2s ease infinite}.cube_count_6{z-index:0;top:154px;left:50px;animation:cube var(--anim-duration) 1.3s ease infinite}.cube__face{width:100px;height:100px;position:absolute;background:var(--cube-face-color);border:6px solid var(--cube-edge-color);transition:background-color .3s,border-color .3s}.cube__face--front{box-shadow:inset -6px -6px 0 0 var(--cube-edge-color);animation:cube-face-front var(--anim-duration) ease infinite;transform:rotateY(0) translateZ(50px)}.cube__face--right{animation:cube-face-right var(--anim-duration) ease infinite;transform:rotateY(90deg) translateZ(50px)}.cube__face--back{animation:cube-face-back var(--anim-duration) ease infinite;transform:rotateY(180deg) translateZ(50px)}.cube__face--left{box-shadow:inset 6px -6px 0 0 var(--cube-edge-color);animation:cube-face-left var(--anim-duration) ease infinite;transform:rotateY(-90deg) translateZ(50px)}.cube__face--top{box-shadow:inset -6px 6px 0 0 var(--cube-edge-color);animation:cube-face-top var(--anim-duration) ease infinite;transform:rotateX(90deg) translateZ(50px)}.cube__face--bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes cube{0%{transform:rotateX(-36deg) rotateY(45deg) rotate(0)}to{transform:rotateX(-126deg) rotateY(0) rotate(-45deg)}}@keyframes cube-face-front{0%{box-shadow:inset -6px -6px 0 0 var(--cube-edge-color)}to{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}}@keyframes cube-face-right{0%{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}50%{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}to{box-shadow:inset 6px -6px 0 0 var(--cube-edge-color)}}@keyframes cube-face-back{0%{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}to{box-shadow:inset -6px -6px 0 0 var(--cube-edge-color)}}@keyframes cube-face-left{0%{box-shadow:inset 6px -6px 0 0 var(--cube-edge-color)}to{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}}@keyframes cube-face-top{0%{box-shadow:inset -6px 6px 0 0 var(--cube-edge-color)}50%{box-shadow:inset 0 0 0 0 var(--cube-edge-color)}to{box-shadow:inset 6px -6px 0 0 var(--cube-edge-color)}}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:600px;width:100%;margin-left:auto;margin-right:auto;position:relative;min-height:64px;gap:.5rem}.brand-wrapper{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.logo-text{font-size:1.2rem;letter-spacing:-.5px;white-space:nowrap;display:flex;align-items:center;color:var(--text-light)}body.dark-mode .logo-text{color:var(--text-dark)}.thin-text{font-weight:200;font-size:1.3rem}.bold-text{font-weight:800;font-size:1.5rem;letter-spacing:0px}.header-controls{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:50%;color:inherit;transition:background-color .2s,transform .2s;display:flex;align-items:center;justify-content:center;touch-action:manipulation;width:37.4px;height:37.4px;background-color:#f1f3f4;box-shadow:0 0 5px #0000000d;overflow:hidden}body.dark-mode .icon-btn{background-color:#2a2a2a;color:#e8eaed;box-shadow:0 0 10px #0000004d}.icon-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover{transform:scale(1.05);box-shadow:0 0 10px #0000001a}.icon-btn:hover svg{transform:rotate(-15deg) scale(1.1)}.icon-btn:active{transform:scale(.95)}body.dark-mode .icon-btn:hover{background-color:#333}.progress-ring-container{position:relative;width:min(300px,80vw);height:min(300px,80vw)}.progress-ring{width:100%;height:100%;transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring__circle-bg{stroke:#0000000d}body.dark-mode .progress-ring__circle-bg{stroke:#ffffff0d}.progress-ring__circle{stroke:var(--google-blue);stroke-linecap:round;transition:stroke-dashoffset .35s;transform-origin:50% 50%}.counter-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center}.counter-value{font-size:clamp(3rem,12vw,5rem);font-weight:300;line-height:1;letter-spacing:-2px}.counter-label{font-size:.9rem;opacity:.6;margin-top:.5rem;letter-spacing:1px}.controls-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;width:100%;max-width:500px}.control-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid transparent}.control-btn:disabled{opacity:.5;pointer-events:none}.control-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background)}.control-btn svg{fill:currentColor;width:24px;height:24px}.control-btn.minus,.control-btn.plus{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);width:64px;height:64px;border-radius:50%;box-shadow:0 1px 2px #0000000d}.control-btn.minus:hover,.control-btn.plus:hover{background-color:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.control-btn.minus:active,.control-btn.plus:active{transform:scale(.95)}.control-btn.reset{background:transparent;color:var(--muted-foreground);padding:.75rem;width:auto;height:auto}.control-btn.reset:hover{background-color:var(--accent);color:var(--accent-foreground)}.message-container{position:absolute;top:0%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;z-index:50;padding:1rem;overflow:hidden;border:1px solid #c5c5c5;border-radius:12px;background-color:#d9d9d92e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:min(400px,85vw);max-width:min(600px,92vw);width:90%}body.dark-mode .message-container{border-color:#525252;background-color:#20242580}.message-container.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.message-wrap{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:10;border:.5px solid #525252;border-radius:8px;overflow:hidden}.message-terminal{display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.message-head{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:40px;padding-inline:12px;border-top-left-radius:8px;border-top-right-radius:8px;background:linear-gradient(135deg,#1a4d2e,#0f2818)}body.dark-mode .message-head{background:linear-gradient(135deg,#2d5a3f,#1a3a28)}.message-title{display:flex;align-items:center;gap:8px;height:2.5rem;-webkit-user-select:none;user-select:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8e6cf;font-size:14px}.message-title>svg{height:18px;width:18px;margin-top:2px;color:#c5c5c5;flex-shrink:0}.message-body{display:flex;flex-direction:column;position:relative;border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow:hidden;padding:1.25rem;line-height:1.6;color:#fff;background-color:#0a0a0a;min-height:60px}.message-text{font-size:13px;color:#f2f2f2;font-family:Consolas,Monaco,monospace;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;border-right:.1em solid #e34ba9;width:100%;animation:blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#27b752}}.history-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:var(--background);box-shadow:-5px 0 20px #0000000d;z-index:100;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;border-left:1px solid var(--border)}body.dark-mode .history-panel{background:var(--background);box-shadow:-5px 0 20px #0000004d}.history-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.close-history{background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s;padding:.5rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.close-history:hover{color:var(--foreground);background-color:var(--accent);border-radius:var(--radius)}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);animation:slideIn .3s ease forwards}body.dark-mode .saved-item{border-bottom-color:var(--border)}.saved-info{display:flex;flex-direction:column;gap:.25rem}.saved-time{font-weight:500;font-size:.875rem}.saved-sph,.saved-aht{font-size:.75rem;color:var(--muted-foreground);opacity:1}.delete-save{background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s;padding:.5rem;touch-action:manipulation;opacity:1}.delete-save:hover{color:var(--destructive);background-color:#ef44441a;border-radius:var(--radius)}.no-saves{text-align:center;color:var(--muted-foreground);margin-top:2rem;font-size:.875rem}.history-panel.hidden{transform:translate(100%)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h2{font-size:1.5rem;font-weight:600}.close-history{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s;padding:.5rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.close-history:hover{opacity:1}.close-history svg{fill:currentColor}.history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05);animation:slideIn .3s ease forwards}body.dark-mode .saved-item{border-bottom-color:#ffffff0d}.saved-info{display:flex;flex-direction:column;gap:.2rem}.saved-time{font-weight:500}.saved-sph,.saved-aht{font-size:.8rem;opacity:.7}.delete-save{background:none;border:none;cursor:pointer;color:inherit;opacity:.4;transition:opacity .2s,color .2s;padding:.5rem;touch-action:manipulation}.delete-save:hover{opacity:1;color:var(--google-red)}.delete-save svg{width:18px;height:18px;stroke:currentColor}.no-saves{text-align:center;opacity:.5;margin-top:2rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(20px)}body.dark-mode .slider{background-color:#4a4a4a}body.dark-mode input:checked+.slider{background-color:#4285f4}.settings-panel{position:fixed;top:0;right:0;width:320px;height:100%;background:var(--background);box-shadow:-5px 0 20px #0000000d;z-index:100;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);padding:2rem;overflow:hidden;border-left:1px solid var(--border)}body.dark-mode .settings-panel{background:var(--background);box-shadow:-5px 0 20px #0000004d}.settings-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.close-settings{background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s;padding:.5rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.close-settings:hover{color:var(--foreground);background-color:var(--accent);border-radius:var(--radius)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}body.dark-mode .setting-item{border-bottom-color:var(--border)}.setting-label{font-weight:500;font-size:.875rem}.setting-desc{font-size:.8rem;color:var(--muted-foreground);opacity:1}.setting-divider{height:1px;background-color:var(--border);margin:.5rem 0}body.dark-mode .setting-divider{background-color:var(--border)}.segmented-control{display:flex;background-color:var(--muted);padding:3px;border-radius:8px;gap:0;height:32px;box-sizing:border-box}body.dark-mode .segmented-control{background-color:var(--muted)}.segmented-control button{border:none;background:transparent;padding:0 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);height:100%;display:flex;align-items:center;justify-content:center}.segmented-control button.active{background-color:var(--background);color:var(--foreground);box-shadow:0 1px 3px #0000001a;font-weight:600}body.dark-mode .segmented-control button.active{background-color:var(--background);color:var(--foreground)}.settings-panel.hidden{transform:translate(100%)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.settings-header h2{font-size:1.5rem;font-weight:600}.close-settings{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s;padding:.5rem;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.close-settings:hover{opacity:1}.close-settings svg{fill:currentColor}.settings-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(0,0,0,.05)}body.dark-mode .setting-item{border-bottom-color:#ffffff0d}.setting-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.setting-label{font-weight:500}.setting-desc{font-size:.8rem;opacity:.7}.setting-divider{height:1px;background-color:#0000000d;margin:.5rem 0}body.dark-mode .setting-divider{background-color:#ffffff0d}.segmented-control{display:flex;background-color:#0000000d;padding:3px;border-radius:8px;gap:0;height:32px;box-sizing:border-box}body.dark-mode .segmented-control{background-color:#ffffff14}.segmented-control button{border:none;background:transparent;padding:0 16px;border-radius:6px;font-size:13px;font-weight:500;opacity:.6;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:inherit;height:100%;display:flex;align-items:center;justify-content:center}.segmented-control button.active{background-color:#fff;opacity:1;box-shadow:0 1px 3px #0000001a;font-weight:600}body.dark-mode .segmented-control button.active{background-color:#5f6368;color:#fff}@media(max-width:480px){.settings-panel{width:100%}}.update-overlay{position:fixed;bottom:24px;right:24px;z-index:10000;animation:slideUp .4s cubic-bezier(.19,1,.22,1);filter:drop-shadow(0 15px 30px rgba(0,0,0,.08))}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.update-card{background-color:#f5f2ee;color:#2d2d2d;padding:24px;border-radius:20px;width:320px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;border:1px solid rgba(0,0,0,.03)}body.dark-mode .update-card{background-color:#1a1d2d;color:#e6e6e6;border:1px solid rgba(255,255,255,.08)}.update-content{display:flex;flex-direction:column;align-items:center;gap:12px}.update-icon-svg{display:flex;align-items:center;justify-content:center;color:#2d2d2d;opacity:.8}body.dark-mode .update-icon-svg{color:#fff;opacity:.9}.update-message p{margin:0;font-size:14px;line-height:1.5;font-weight:500;opacity:.85}.update-actions{display:flex;gap:12px;width:100%}.btn-pill{flex:1;height:40px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none}.btn-pill.primary{background-color:#2d2d2d;color:#fff}.btn-pill.primary:hover{background-color:#404040;transform:translateY(-1px)}body.dark-mode .btn-pill.primary{background-color:#fff;color:#1a1d2d}body.dark-mode .btn-pill.primary:hover{background-color:#f0f0f0}.btn-pill.secondary{background-color:transparent;color:#666;font-weight:500}.btn-pill.secondary:hover{color:#2d2d2d;background-color:#00000008}body.dark-mode .btn-pill.secondary{color:#aaa}body.dark-mode .btn-pill.secondary:hover{color:#fff;background-color:#ffffff0d}@media(max-width:480px){.update-overlay{bottom:16px;right:16px;left:16px;width:auto;display:flex;justify-content:center}.update-card{width:100%;max-width:360px}}:root{--background: #ffffff;--foreground: #2a2a2a;--card: #ffffff;--card-foreground: #2a2a2a;--popover: #ffffff;--popover-foreground: #2a2a2a;--primary: #18181b;--primary-foreground: #fafafa;--secondary: #f4f4f5;--secondary-foreground: #18181b;--muted: #f4f4f5;--muted-foreground: #71717a;--accent: #f4f4f5;--accent-foreground: #18181b;--destructive: #ef4444;--destructive-foreground: #fafafa;--border: #e4e4e7;--input: #e4e4e7;--ring: #18181b;--radius: .5rem;--bg-light: var(--background);--text-light: var(--foreground);--bg-dark: #2a2a2a;--text-dark: #fafafa;--google-blue: #2563eb;--google-red: #ef4444;--google-yellow: #f59e0b;--google-green: #22c55e;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-speed: .3s;--anim-duration: 2s;--cube-edge-color: #000;--cube-face-color: #eee;--timer-ring: var(--muted-foreground)}body.dark-mode{--background: #2a2a2a;--foreground: #fafafa;--card: #2a2a2a;--card-foreground: #fafafa;--popover: #2a2a2a;--popover-foreground: #fafafa;--primary: #fafafa;--primary-foreground: #18181b;--secondary: #27272a;--secondary-foreground: #fafafa;--muted: #27272a;--muted-foreground: #a1a1aa;--accent: #27272a;--accent-foreground: #fafafa;--destructive: #7f1d1d;--destructive-foreground: #fafafa;--border: #27272a;--input: #27272a;--ring: #d4d4d8;--cube-edge-color: #e8eaed;--cube-face-color: #27272a;--timer-ring: var(--foreground)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border-color:var(--border)}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);transition:background-color var(--transition-speed),color var(--transition-speed);min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;padding:2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{flex:1;display:flex;flex-direction:column;padding-left:2rem;padding-right:2rem;padding-bottom:2rem;max-width:1200px;margin:0 auto;width:100%}.main-content.compact{padding-top:1rem;gap:1.5rem}.target-container{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;width:100%}.target-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.target-input-wrapper label{font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:1px}#targetInput{display:flex;height:3rem;width:120px;border-radius:var(--radius);border:1px solid var(--input);background-color:var(--background);padding:.5rem .75rem;font-size:1.5rem;font-weight:500;text-align:center;color:var(--foreground);box-shadow:0 1px 2px #0000000d;transition:box-shadow .1s}body.dark-mode #targetInput{border-color:var(--input)}#targetInput:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}#targetInput::placeholder{color:var(--muted-foreground)}.stats-row{display:flex;justify-content:space-around;width:100%;max-width:500px;padding:1rem;margin:.5rem 0}body.dark-mode .stats-row{box-shadow:none}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.stat-label{font-size:.75rem;opacity:.6;text-transform:uppercase}.stat-value{font-size:1rem;font-weight:500}.countdown-warning{color:var(--google-red)!important;animation:blink 1s infinite;font-weight:700}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.pulse{animation:pulse .2s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%{transform:scale(1);opacity:1}25%{opacity:.3}50%{transform:scale(1.1);opacity:1}75%{opacity:.3}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-layout{position:relative;width:100%;margin:0 auto}.app-layout-main{display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:600px){body{padding:1rem}header{flex-wrap:nowrap;gap:.25rem;min-height:56px}.logo-text{font-size:1rem}.thin-text{font-size:1.1rem}.bold-text{font-size:1.2rem}.header-controls{gap:.5rem}.main-content{gap:1.5rem}.progress-ring-container{width:min(260px,75vw);height:min(260px,75vw)}.counter-value{font-size:clamp(2.5rem,10vw,4rem)}.controls-row{gap:1.5rem}.control-btn.minus,.control-btn.plus{width:56px;height:56px}.history-panel{width:100%}.message-container{min-width:0;width:92%;max-width:92vw;padding:.75rem}.message-body{padding:1rem}.message-text{font-size:12px}}@media(max-width:380px){body{padding:.75rem}header{gap:.15rem}.logo-container{width:40px;height:40px}.thin-text{font-size:.95rem;margin-left:.5em}.bold-text{font-size:1.05rem}.header-controls{gap:.35rem}.checkbox-wrapper-35 .switch+label{font-size:10px}.icon-btn{width:32px;height:32px}.icon-btn svg{width:16px;height:16px}.progress-ring-container{width:min(220px,70vw);height:min(220px,70vw)}.counter-value{font-size:clamp(2rem,9vw,3.5rem)}.control-btn.minus,.control-btn.plus{width:48px;height:48px}.control-btn.minus svg,.control-btn.plus svg{width:24px;height:24px}.controls-row{gap:1rem}.stats-row{flex-wrap:wrap;gap:.75rem}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem}.switch{font-size:14px}}@media(min-width:1024px){header{max-width:1200px;padding:0 2rem}.main-content{flex-direction:row;max-width:1200px;justify-content:space-between;align-items:center;gap:4rem;padding:0 2rem}.target-container{order:2;flex:1;margin-bottom:0}.progress-ring-container{width:400px;height:400px}.counter-value{font-size:7rem}.counter-label{font-size:1.2rem}#targetInput{font-size:1.5rem;width:100px}.target-input-wrapper label{font-size:1rem}.stats-row{order:1;flex-direction:column;width:200px;height:400px;justify-content:center;gap:4rem;align-items:flex-start}.stat-item{align-items:flex-start;width:100%;padding-left:2rem;border-left:2px solid rgba(0,0,0,.05)}body.dark-mode .stat-item{border-left-color:#ffffff0d}.stat-label{font-size:.9rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem}.controls-row{order:3;flex-direction:column;width:200px;height:400px;justify-content:center;gap:2rem;margin-top:0}.control-btn.minus,.control-btn.plus{width:80px;height:80px;font-size:1.5rem}.control-btn.plus{order:1}.control-btn.reset{order:2;margin:1rem 0}.control-btn.minus{order:3}}