:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22382f;background:#eeeee8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #83bb78;outline-offset:3px}button{border:0}.shell{width:100%;max-width:510px;min-height:100dvh;margin:0 auto;background:#f8f7f3;box-shadow:0 0 80px #21352c11;overflow:hidden;padding:env(safe-area-inset-top) 24px calc(26px + env(safe-area-inset-bottom))}.site-header{display:flex;align-items:center;justify-content:space-between;padding:27px 0 34px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;border-radius:15px;background:#193d34;color:#d6efaa;display:grid;place-items:center;transform:rotate(-7deg)}.brand-mark svg{transform:rotate(7deg)}.brand strong{display:block;font-family:Manrope,sans-serif;letter-spacing:-1.4px;font-size:26px;line-height:1.12;font-weight:800}.brand-dot{color:#ef976e}.brand small{display:block;font-size:11px;color:#79877e;letter-spacing:.1px;margin-top:4px}.icon-button{display:grid;place-items:center;background:none;color:#254a3a;width:40px;height:40px;border-radius:13px}.settings-button{background:#edeee8}.section-eyebrow{font-size:11px;letter-spacing:1.75px;font-weight:800;color:#65866f;display:flex;align-items:center;gap:8px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#e3a27f}h1,h2,p{margin:0}h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(31px,8.8vw,40px);line-height:1.16;letter-spacing:-1.8px;margin:13px 0 9px}h1 em{font-style:normal;color:#66957f}.intro{color:#819087;font-size:13px;line-height:1.65}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#ebece6;padding:5px;border-radius:18px;margin:28px 0 18px}.mode-tab{background:transparent;color:#78847c;height:47px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;transition:all .15s}.mode-tab.active{color:#1a3a30;background:#fff;box-shadow:0 4px 15px #1c38220d}.timer-card{position:relative;isolation:isolate;overflow:hidden;border-radius:27px;background:#1b3d34;color:#f6f5e9;min-height:340px;padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 32px #173f331d}.timer-card:before{content:"";position:absolute;border:1px solid #ffffff16;border-radius:50%;width:390px;height:390px;right:-150px;top:-150px;box-shadow:0 0 0 38px #ffffff06,0 0 0 76px #ffffff05;z-index:-1}.timer-card.phase-rest,.timer-card.phase-cycleRest{background:#324f73}.timer-card.phase-prepare{background:#25453f}.timer-card.phase-cooldown{background:#654b68}.timer-card.is-done{background:#263e34}.timer-card-top{display:flex;align-items:center;justify-content:space-between}.status-label{display:flex;gap:8px;align-items:center;color:#c8dccd;font-weight:800;font-size:10px;letter-spacing:1.7px}.live-dot{width:7px;height:7px;background:#c9eaa9;border-radius:50%}.live-dot.pulsing{animation:pulse 1.6s ease-in-out infinite}.reset-button{background:#ffffff1b;color:#f8f7f1;border-radius:12px;height:36px;width:36px;display:grid;place-items:center}.timer-center{display:flex;flex-direction:column;align-items:center;text-align:center;margin:25px 0 22px}.stage-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.5px;color:#e7f6e9}.big-time{font-family:Manrope,sans-serif;font-variant-numeric:tabular-nums;font-size:clamp(67px,18vw,94px);line-height:1.15;letter-spacing:-6px;font-weight:800;margin:5px -12px 0}.stage-caption{font-size:10px;font-weight:800;color:#c1ddc5;letter-spacing:2px;margin-top:8px}.progress-track{height:5px;border-radius:10px;background:#ffffff25;width:100%;margin-top:27px;overflow:hidden}.progress-track>div{background:#d6edaa;border-radius:10px;height:100%;transition:width .09s linear}.timer-footer{display:flex;justify-content:space-between;align-items:end;gap:12px}.timer-stat strong{font-size:23px;font-weight:800;line-height:1;display:block;font-family:Manrope,sans-serif}.timer-stat small{display:block;font-size:9px;letter-spacing:1px;color:#c0d2c8;font-weight:700;margin-top:7px}.timer-stat.right{text-align:right}.play-actions{display:flex;margin-top:14px}.play-main{width:100%;height:61px;border-radius:17px;background:#d6edaa;color:#193b30;display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:800;box-shadow:0 8px 24px #a4c57722}.play-main:active{transform:scale(.99)}.action-chevron{margin-left:3px}.summary-row{display:flex;align-items:center;justify-content:space-between;margin-top:25px;padding-bottom:20px;border-bottom:1px solid #e5e6df}.summary-row>div span{display:block;color:#9aaba1;font-size:10px;font-weight:800;letter-spacing:1.15px}.summary-row>div strong{display:block;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.6px;margin-top:4px}.summary-row button{display:flex;align-items:center;gap:7px;color:#2d5e48;background:#e8eee4;border-radius:13px;padding:11px 13px;font-weight:800;font-size:12px}.next-step{display:flex;align-items:center;gap:11px;padding-top:18px}.next-dot{width:10px;height:10px;border-radius:4px;background:#ebaa87;transform:rotate(45deg)}.next-step>div{display:flex;flex-direction:column;gap:3px;flex:1}.next-step small{color:#a2aea4;font-size:9px;font-weight:800;letter-spacing:1.3px}.next-step strong{font-size:13px;font-weight:800}.next-step>span:last-child{color:#6b8672;font-size:14px;font-weight:800}.presets-section{margin:37px 0 26px}.section-heading{display:flex;align-items:start;justify-content:space-between}.section-heading h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.8px;font-weight:800}.section-heading h2 span{font-size:14px;color:#d2a57c}.section-heading p{font-size:12px;color:#93a197;margin-top:6px}.mini-add{width:37px;height:37px;background:#e6ebdf;border-radius:13px;color:#2b5d48;display:grid;place-items:center}.empty-presets,.preset-item{width:100%;display:flex;align-items:center;gap:12px;border-radius:18px;background:#fff;border:1px solid #e9e9e2;padding:15px;text-align:left;margin-top:17px;color:#2a4738}.empty-icon,.preset-icon{width:41px;height:41px;border-radius:13px;background:#eaf2e7;display:grid;place-items:center;color:#2c6851;flex-shrink:0}.empty-presets>span:nth-child(2),.preset-open>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.empty-presets strong,.preset-open strong{font-size:13px;font-weight:800}.empty-presets small,.preset-open small{font-size:11px;color:#9aa89f}.empty-presets>svg{color:#92a298}.presets-list{margin-top:10px}.preset-item{margin-top:8px;padding:8px 9px 8px 12px}.preset-open{flex:1;display:flex;align-items:center;gap:11px;background:none;color:inherit;text-align:left;padding:4px 0;min-width:0}.preset-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-open>svg{color:#98a398}.preset-delete{background:#f5f5f0;color:#9a9e93;width:35px;height:35px;border-radius:10px;display:grid;place-items:center}.preset-hint{color:#9aaba0;font-size:12px;padding:14px 0}footer{text-align:center;color:#a3afa5;font-size:11px;font-weight:600}footer span{color:#e2a387}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:90vw;background:#1e4135;color:#fff;border-radius:14px;padding:13px 17px;font-size:13px;box-shadow:0 10px 35px #0003;display:flex;align-items:center;gap:8px;z-index:12}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12251dc2;z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal{background:#f8f7f3;width:100%;max-width:510px;max-height:96dvh;border-radius:25px 25px 0 0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.modal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:15px 18px;border-bottom:1px solid #e9e9e2}.modal-header strong{font-size:13px;font-weight:800}.modal-content{overflow-y:auto;padding:22px 24px 26px}.form-intro h2{font-family:Manrope,sans-serif;font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-1.3px;margin-top:13px}.form-intro p{color:#8a9b90;font-size:13px;margin-top:7px}.name-field{display:block;font-size:10px;letter-spacing:1.1px;font-weight:800;color:#82958a;margin:25px 0 12px}.name-field input{display:block;width:100%;background:#fff;border:1px solid #e3e9df;border-radius:13px;padding:14px;margin-top:9px;color:#1d4032;font-size:15px;font-weight:700;outline:none}.field-list{border-radius:19px;background:#fff;border:1px solid #e8eae2;padding:0 16px}.number-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #eff0eb}.number-row:last-child{border-bottom:0}.number-label strong,.toggle-row strong,.range-control strong{font-size:13px;font-weight:800;display:block}.number-label span,.toggle-row small,.range-control small{font-size:11px;color:#97a59a;display:block;margin-top:5px}.stepper{display:flex;align-items:center;gap:2px;flex-shrink:0}.stepper button{height:34px;width:32px;border-radius:10px;background:#edf1e8;display:grid;place-items:center;color:#2d6047}.stepper-value{display:flex;align-items:center;justify-content:center;gap:4px;width:67px}.stepper-value input{border:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;width:42px;font-size:17px;font-weight:800;text-align:right;color:#254c39;padding:0;background:none}.stepper-value input::-webkit-outer-spin-button,.stepper-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-value small{color:#9caaa1;font-size:10px}.edit-total{display:flex;justify-content:space-between;align-items:center;color:#829188;font-size:13px;font-weight:700;margin-top:20px}.edit-total strong{font-size:23px;font-family:Manrope,sans-serif;color:#264e3b}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 24px 17px;border-top:1px solid #e8eae3;background:#f8f7f3;flex-shrink:0}.secondary-action,.primary-action{min-height:52px;border-radius:14px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;padding:12px}.secondary-action{background:#e9eee5;color:#2b593f}.primary-action{background:#1b4233;color:#fff}.settings-group{margin-top:25px;background:#fff;border:1px solid #e9ebe6;border-radius:18px;padding:15px 16px 4px}.settings-group h3{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.1px;color:#678472;margin:0 0 6px}.toggle-row{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f0f1ec;gap:13px;cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.toggle-row .switch{position:relative;display:block;width:43px;height:25px;border-radius:20px;background:#d9dfd6;flex-shrink:0;transition:background .2s}.toggle-row .switch:before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle-row input:checked+.switch{background:#447760}.toggle-row input:checked+.switch:before{transform:translate(18px)}.toggle-row input:focus-visible+.switch{outline:3px solid #80bf81;outline-offset:2px}.range-control{padding:14px 0;border-bottom:1px solid #f0f1ec}.range-control>div{display:flex;justify-content:space-between}.range-control input{width:100%;accent-color:#447760;margin:15px 0 1px}.notice-box{background:#e9eee4;color:#627d6a;font-size:12px;line-height:1.5;padding:15px;border-radius:15px;display:flex;align-items:flex-start;gap:10px;margin-top:23px}.notice-box svg{flex-shrink:0}.close-settings{margin-top:23px;width:100%}.screen-flash:after{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff8}.screen-flash{transition:none}@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}@media(max-width:370px){.shell{padding-left:16px;padding-right:16px}.brand strong{font-size:23px}.mode-tab{gap:5px;font-size:12px}.big-time{font-size:65px}.timer-card{min-height:325px}.stepper-value{width:58px}.number-label span{max-width:130px}}@media(min-width:660px){.shell{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:30px}.modal-backdrop{align-items:center}.modal{border-radius:24px;max-height:92dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body,#root{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}.shell{height:100dvh;min-height:0;max-height:none;padding:calc(10px + env(safe-area-inset-top)) 18px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.site-header{flex:0 0 auto;padding:0 0 10px}.brand-mark{width:39px;height:39px;border-radius:13px}.brand strong{font-size:23px}.brand small{font-size:10px;margin-top:1px}.settings-button{width:39px;height:39px}.shell>main{display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column;gap:9px}.mode-tabs{margin:0;flex:0 0 auto;border-radius:16px;padding:4px;gap:5px}.mode-tab{height:43px;border-radius:12px}.timer-card{flex:1 1 0;min-height:0;padding:16px 18px 14px;border-radius:23px;box-shadow:0 12px 26px #173f3314;gap:6px}.timer-card:before{width:320px;height:320px;right:-140px;top:-150px}.timer-card-top,.timer-footer{flex:0 0 auto}.timer-center{flex:1;min-height:0;justify-content:center;margin:0;gap:3px}.stage-title{font-size:clamp(16px,2.9dvh,21px);line-height:1.2}.big-time{font-size:clamp(53px,min(17vw,10dvh),92px);line-height:1.05;letter-spacing:-4px;margin:4px -10px 0}.stage-caption{margin-top:3px;letter-spacing:1.5px;font-size:9px}.progress-track{margin-top:clamp(6px,2dvh,16px)}.timer-footer{min-height:30px}.timer-stat strong{font-size:clamp(18px,3dvh,23px)}.timer-stat small{font-size:9px;margin-top:4px}.timer-card .next-step{display:flex;flex:0 0 auto;padding:7px 0;border-top:1px solid #ffffff21;gap:10px}.timer-card .next-step small{color:#bad3c6}.timer-card .next-step strong{color:#fff;font-size:12px}.timer-card .next-step>span:last-child{color:#e5f5d3;font-size:12px}.timer-card .next-dot{width:8px;height:8px}.play-actions{flex:0 0 auto;margin:0}.play-main{height:clamp(48px,7.3dvh,58px);border-radius:15px}.summary-row{flex:0 0 auto;padding:0;border:0;margin:0;min-height:46px}.summary-row>div strong{font-size:20px;margin-top:1px}.summary-row>div span{font-size:9px}.summary-row button{padding:10px 11px}.library-trigger{flex:0 0 auto;width:100%;height:41px;padding:0 12px 0 14px;border-radius:13px;background:#edf0e9;color:#28533f;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800}.library-trigger>span{display:flex;align-items:center;gap:9px}.library-trigger small{display:grid;place-items:center;border-radius:100%;min-width:19px;height:19px;padding:0 5px;background:#d4e3d3;color:#365a44;font-size:10px}.modal-backdrop{height:100dvh;overflow:hidden}.modal{max-height:calc(100dvh - env(safe-area-inset-top));min-height:0}.modal-content{min-height:0;overscroll-behavior:contain}.presets-modal .presets-section{margin:18px 0 10px}.presets-modal .create-preset{width:100%;margin-top:22px}.presets-modal .preset-item{margin-top:8px}@media(max-height:700px){.shell{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom))}.site-header{padding-bottom:6px}.shell>main{gap:6px}.mode-tab{height:38px}.timer-card{padding:12px 15px 11px;gap:3px;border-radius:20px}.timer-center{gap:1px}.stage-caption{font-size:8px}.progress-track{margin-top:5px}.timer-card .next-step{padding:4px 0}.timer-stat small{font-size:8px}.play-main{height:46px}.summary-row{min-height:41px}.library-trigger{height:36px}}@media(max-height:580px){.brand small,.timer-card .next-step{display:none}.timer-card .timer-stat strong{font-size:17px}.status-label{letter-spacing:1px}}@media(max-width:370px){.shell{padding-left:13px;padding-right:13px}.mode-tab{font-size:12px}.big-time{font-size:clamp(48px,16vw,70px)}.timer-card{min-height:0}}@media(min-width:660px){.shell{height:min(100dvh,920px);min-height:0;max-height:920px;margin:0 auto;border-radius:0 0 26px 26px}}:root{--touch:44px}.site-header .icon-button,.reset-button{min-width:var(--touch);min-height:var(--touch)}.mode-tab,.library-trigger,.summary-row button{min-height:var(--touch)}.play-main{min-height:50px}.modal-actions.single-action{grid-template-columns:minmax(0,1fr)}.modal-actions.single-action .primary-action{min-height:54px}.modal-header .icon-button{min-width:44px;min-height:44px}.name-field input{font-size:16px}.stepper button{min-width:44px;min-height:44px}.stepper-value input{font-size:17px}.modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.shell>main{min-height:0;overflow:hidden}.timer-card{min-width:0;min-height:0}.timer-center{overflow:hidden}.big-time{max-width:100%;font-size:clamp(44px,min(17vw,10dvh),92px);letter-spacing:-.055em;white-space:nowrap}@media(max-height:720px){.mode-tab,.library-trigger{height:44px}.play-main{height:50px}.shell>main{gap:6px}.site-header{padding-bottom:6px}}@media(max-height:600px){.timer-card .next-step{display:none}.shell{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:calc(4px + env(safe-area-inset-bottom))}.timer-card{padding:10px 14px;gap:2px}.timer-center{gap:0}.progress-track{margin-top:5px}.stage-caption,.timer-stat small{font-size:8px}.status-label{letter-spacing:1px}}@media(max-height:470px){.brand small,.stage-caption,.timer-card .next-step,.timer-card .progress-track{display:none}.timer-card{padding:7px 12px}.site-header{padding-bottom:2px}.shell>main{gap:4px}.timer-card-top .reset-button{height:44px}.big-time{font-size:clamp(37px,8dvh,60px)}.stage-title{font-size:14px}.timer-footer{min-height:20px}.timer-stat small{margin-top:1px}}@media(max-width:340px){.shell{padding-left:9px;padding-right:9px}.mode-tab{font-size:11px;gap:4px}.mode-tab svg{width:16px}.stage-title{font-size:16px}}@media(max-width:390px){.modal-content{padding-left:16px;padding-right:16px}.field-list{padding-left:10px;padding-right:10px}.number-row{gap:6px}.number-label{flex:1;min-width:0}.number-label span{overflow-wrap:break-word}.stepper{gap:0}.stepper button{width:40px;min-width:40px}.stepper-value{width:54px;min-width:54px}.stepper-value input{width:36px}}.header-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.header-actions .icon-button{background:#edeee8}.card-save-button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:13px;color:#e8f4e9;background:#ffffff0d;transition:background .15s ease,border-color .15s ease,transform .15s ease}.card-save-button:hover,.card-save-button:focus-visible{background:#ffffff21;border-color:#ffffff60}.card-save-button:active{transform:scale(.96)}.timer-card .card-progress-line{display:flex;flex:0 0 4px;min-height:4px;width:100%;max-width:100%;padding:0;margin:0;border-radius:4px;gap:1px;background:#ffffff20;overflow:hidden}.card-progress-line.is-dense{gap:0}.card-progress-line .timeline-segment{position:relative;display:block;flex-basis:0;min-width:0;min-height:100%;overflow:hidden}.card-progress-line .timeline-fill{position:absolute;display:block;top:0;bottom:0;left:0;transition:width .1s linear}.timeline-prepare{background:#a87942}.timeline-prepare .timeline-fill{background:#ffc275}.timeline-work{background:#4a7358}.timeline-work .timeline-fill{background:#a8eb9d}.timeline-rest{background:#476680}.timeline-rest .timeline-fill{background:#8cc8f9}.timeline-cycleRest{background:#595b85}.timeline-cycleRest .timeline-fill{background:#b5adff}.timeline-cooldown{background:#735876}.timeline-cooldown .timeline-fill{background:#edb7ed}.timer-card .next-step{border-top:0;padding-top:6px}.play-actions{gap:8px;min-width:0}.play-main{flex:1;min-width:0;width:auto;padding:0 8px}.play-actions .action-chevron{display:none}.stop-main{flex:0 0 89px;display:flex;align-items:center;justify-content:center;gap:6px;height:50px;min-height:50px;border-radius:15px;background:#f4e4de;color:#9b4e42;font-size:13px;font-weight:800}.stop-main:disabled{opacity:.43;cursor:default}.stop-main:not(:disabled):active{transform:scale(.98)}.quick-save-content{padding-top:20px}.quick-save-content .name-field{margin-top:22px}.quick-save-detail{margin-top:20px;padding:12px 13px;border-radius:13px;display:flex;align-items:center;gap:9px;background:#eaf0e7;color:#3e7055;font-size:12px;font-weight:700}.modal-actions .primary-action:disabled{opacity:.45;cursor:default}@media(max-width:390px){.stop-main{flex-basis:78px}}@media(max-height:700px){.timer-card{padding-top:10px;padding-bottom:10px}.timer-card .next-step{padding-top:4px}}@media(max-height:550px){.play-main,.stop-main{height:46px;min-height:46px}}@media(prefers-reduced-motion:reduce){.timeline-fill{transition:none}}.card-progress-row{display:flex;align-items:center;flex:0 0 auto;gap:0;min-width:0;margin-top:1px}.timer-card .card-progress-row .card-progress-line{flex:1 1 auto;width:auto;min-width:0;height:4px;min-height:4px;max-height:4px}.card-edit-button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0d;color:#e8f4e9;transition:background .15s ease,transform .15s ease}.card-edit-button:hover,.card-edit-button:focus-visible{background:#ffffff24;border-color:#ffffff60}.card-edit-button:active{transform:scale(.96)}.timer-card .next-step{padding-top:0}.timer-footer{min-width:0;gap:6px}.timer-footer .timer-stat{min-width:0;flex:1}.timer-footer .timer-stat.center{text-align:center}.timer-footer .timer-stat strong{font-size:clamp(15px,2.8dvh,23px);white-space:nowrap;letter-spacing:-.035em}.timer-footer .timer-stat small{font-size:8px;letter-spacing:.5px;white-space:normal}.timer-footer .duration-stat{text-align:left}@media(max-width:360px){.timer-footer .timer-stat strong{font-size:15px}.timer-footer .timer-stat small{font-size:7px;letter-spacing:.2px}.card-progress-row{gap:6px}}@media(max-height:590px){.card-edit-button{width:40px;height:40px;flex-basis:40px}.timer-card .card-progress-row .card-progress-line{height:3px;min-height:3px;max-height:3px}}.timer-card-top{align-items:flex-start;gap:10px;min-width:0}.card-program{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.4dvh,12px);min-width:0;flex:1}.card-program .status-label{min-height:15px;white-space:nowrap;color:#d1e6d3}.up-next{--next-color:#b5dfbf;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;max-width:100%;gap:3px;padding:1px 0 2px 11px;border-left:2px solid var(--next-color)}.up-next-prepare{--next-color:#ffc275}.up-next-work{--next-color:#a8eb9d}.up-next-rest{--next-color:#8cc8f9}.up-next-cycleRest{--next-color:#b5adff}.up-next-cooldown{--next-color:#edb7ed}.up-next-stopwatch{--next-color:#b5dfbf}.up-next-label{display:block;color:#b8cec2;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:1.2px;white-space:nowrap}.up-next-program{display:flex;align-items:baseline;gap:10px;min-width:0;width:100%;max-width:100%}.up-next-time{flex:0 0 auto;color:var(--next-color);font-family:Manrope,sans-serif;font-size:clamp(16px,2.8dvh,20px);font-weight:800;letter-spacing:-.7px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.up-next-title{min-width:0;flex:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#f4f8f1;font-size:clamp(12px,2.15dvh,15px);font-weight:700;letter-spacing:-.3px;line-height:1.2;white-space:nowrap}@media(max-width:370px){.card-program{gap:7px}.up-next{padding-left:8px}.up-next-program{gap:7px}.up-next-label{font-size:8px;letter-spacing:1px}.up-next-time{font-size:16px}.up-next-title{font-size:12px}}@media(max-height:600px){.card-program{gap:5px}.up-next{gap:1px;padding-top:0;padding-bottom:0}.up-next-time{font-size:16px}.up-next-title{font-size:12px}}@media(max-height:470px){.card-program{gap:3px}.up-next-label{font-size:8px}.up-next-time{font-size:14px}.up-next-title{font-size:11px}}.timer-card-interactive{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.timer-card-interactive:focus-visible{outline:3px solid #a6e4a0;outline-offset:3px}.timer-card-interactive button{touch-action:manipulation;user-select:none;-webkit-user-select:none}.timer-tap-hint{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#e4f3dfbd;font-size:9px;font-weight:800;line-height:1.3;letter-spacing:.7px;margin-top:clamp(6px,1.35dvh,12px)}.timer-tap-hint svg{flex:0 0 auto;opacity:.86}.timer-card .card-play-actions{display:flex;flex:0 0 auto;align-items:stretch;gap:11px;margin:0;min-width:0}.timer-card .card-play-actions .play-main{flex:1 1 auto;width:auto;min-width:0;height:68px;min-height:68px;padding:0 12px;border-radius:17px;font-size:16px;font-weight:800;letter-spacing:-.2px;box-shadow:0 6px 16px #071e1318}.timer-card .card-play-actions .play-main svg{flex:0 0 auto}.timer-card .card-play-actions .stop-main{flex:0 0 96px;width:96px;height:68px;min-height:68px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:800;background:#f4e4de;color:#8f4139}.timer-card .card-play-actions .stop-main:disabled{opacity:.4}.timer-card .card-progress-row{margin-top:clamp(7px,1.2dvh,11px);margin-bottom:clamp(7px,1dvh,10px)}.timer-card-interactive .timer-center{flex:1 1 0;min-height:0}@media(max-height:700px){.timer-card .card-play-actions .play-main,.timer-card .card-play-actions .stop-main{height:60px;min-height:60px}.timer-card .card-play-actions .stop-main{flex-basis:86px;width:86px}.timer-tap-hint{margin-top:4px;font-size:8px}}@media(max-height:590px){.timer-card .card-play-actions .play-main,.timer-card .card-play-actions .stop-main{height:56px;min-height:56px}.timer-card .card-play-actions{gap:8px}.timer-card .card-play-actions .stop-main{flex-basis:76px;width:76px}.timer-card .card-play-actions .play-main{font-size:14px}.timer-tap-hint{font-size:8px;letter-spacing:.25px;margin-top:3px}}@media(max-height:475px){.timer-tap-hint{margin-top:1px;font-size:7px}.timer-card .card-play-actions .play-main,.timer-card .card-play-actions .stop-main{height:52px;min-height:52px}}@media(max-width:350px){.timer-card .card-play-actions{gap:7px}.timer-card .card-play-actions .stop-main{flex-basis:75px;width:75px}.timer-card .card-play-actions .play-main{font-size:13px;gap:7px}}:root{--sd-ink:#102f24;--sd-muted:#748479;--sd-paper:#f9f9f4;--sd-cream:#f0f1e9;--sd-lime:#7ed957;--sd-lime-light:#e8f7c7;--sd-forest:#0f2d1b;--sd-coral:#e9a28b;font-family:Manrope,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--sd-ink);color-scheme:light;background:var(--sd-paper)}html{background:var(--sd-paper)}body{background:radial-gradient(ellipse at 20% 5%,#fdfffa,#e9ede4 78%);color:var(--sd-ink)}@media(max-width:659px),(display-mode:standalone){html,body,#root{background:var(--sd-paper)}}.shell{background:radial-gradient(ellipse 75% 40% at 93% -8%,#d9f7bd70 0%,transparent 83%),radial-gradient(ellipse 95% 45% at -10% 104%,#d9e7d86b 0%,transparent 85%),var(--sd-paper);box-shadow:0 0 0 1px #fefefab3,0 12px 45px #0f2d1b0e}.site-header{position:relative;z-index:2}.brand{gap:11px}.brand-mark{width:43px;height:43px;transform:none;overflow:hidden;border-radius:15px;background:linear-gradient(150deg,#fbfff6,#e4f1d7);box-shadow:inset 0 1px 2px #fff,0 3px 7px #1e442512,0 8px 17px #34692b14}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand strong{color:#102e22;letter-spacing:-1.4px;font-weight:850}.brand-dot{color:#7ed957}.brand small{color:#809083}.header-actions{gap:8px}.header-actions .icon-button{border:1px solid #ffffffe8;border-radius:15px;background:linear-gradient(155deg,#fff,#eaeee6);color:#194c34;box-shadow:inset 0 1px 1px #fff,0 2px 3px #1636220a,0 5px 12px #1d392413;transition:transform .14s ease,box-shadow .14s ease}.header-actions .icon-button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #16362215}.mode-tabs{background:linear-gradient(165deg,#e6e9df,#edf0e9);border:1px solid #dfe7db;box-shadow:inset 0 2px 5px #16362213,0 1px #fff;border-radius:18px}.mode-tab{color:#7b8a7d;border:1px solid transparent;font-weight:800}.mode-tab.active{background:linear-gradient(170deg,#fff,#f7faf4 68%,#ebf1e8);border:1px solid #ffffff;color:#1e5036;box-shadow:0 2px 3px #142e1910,0 5px 10px #17382413,inset 0 1px 1px #fff}.mode-tab:not(.active):active{background:#ffffff80}.timer-card{--stage-glow:#a8eb9d;color:#f7fff3;background:linear-gradient(145deg,#245745,#144633 38%,#0e3024);border:1px solid #4369597e;border-radius:26px;box-shadow:inset 0 2px 1px #ffffff16,inset 0 -2px 4px #001b1234,0 5px 10px #173f3314,0 18px 32px #173f3326;transition:background-color .2s,border-color .2s}.timer-card:before{content:"";width:125%;height:90%;top:-35%;right:-41%;background:radial-gradient(ellipse at center,#b9ffbd24 0%,#a8edaf0d 39%,transparent 72%);border:0;box-shadow:none;pointer-events:none}.timer-card:after{content:"";position:absolute;pointer-events:none;z-index:0;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;border:1px solid #ffffff0f;box-shadow:inset 0 10px 18px #ffffff08}.timer-card>*,.timer-card-top>*{position:relative;z-index:1}.timer-card.phase-prepare{--stage-glow:#c9ef8a;background:linear-gradient(155deg,#285c47,#164433 60%,#14382e)}.timer-card.phase-rest{--stage-glow:#91d1ef;background:linear-gradient(155deg,#325e6b,#235061 60%,#183f4e)}.timer-card.phase-cycleRest{--stage-glow:#b8c5ff;background:linear-gradient(155deg,#494e78,#353b69 60%,#252a52)}.timer-card.phase-cooldown{--stage-glow:#f1beea;background:linear-gradient(155deg,#6a576f,#5e4766 60%,#483950)}.timer-card.state-done{--stage-glow:#b7ec82;background:linear-gradient(155deg,#265847,#164535 60%,#14392d)}.timer-card.state-idle,.timer-card.state-paused{color:#102f24;background:linear-gradient(155deg,#fffef9,#f3f5ed 58%,#e9eee6);border:1px solid #fefeff;box-shadow:inset 0 2px 2px #fff,0 3px 8px #1d492010,0 18px 32px #294b2420}.timer-card.state-idle:before,.timer-card.state-paused:before{background:radial-gradient(ellipse at center,#8fdc6840,transparent 65%);opacity:.35}.timer-card.state-idle:after,.timer-card.state-paused:after{border-color:#ffffffc9;box-shadow:inset 0 2px 3px #ffffff80}.status-label{font-weight:850;color:#ddf0df;font-size:10px;letter-spacing:1.4px}.live-dot{background:var(--stage-glow);box-shadow:0 0 0 3px #ffffff14,0 0 11px #8ae19d70}.state-idle .status-label,.state-paused .status-label{color:#537763}.state-idle .live-dot,.state-paused .live-dot{background:#7bc94b;box-shadow:0 0 0 3px #85d65c24}.card-program{gap:clamp(8px,1.4dvh,12px)}.up-next{border-left-color:var(--next-color);padding-left:12px}.up-next-label{color:#b7d1c0;font-weight:850}.up-next-time{font-weight:850;color:var(--next-color);text-shadow:0 1px 4px #051c1b10}.up-next-title{color:#f4f9f0}.state-idle .up-next-label,.state-paused .up-next-label{color:#819589}.state-idle .up-next-title,.state-paused .up-next-title{color:#173b2a}.state-idle .up-next-time,.state-paused .up-next-time{color:#307f4a}.state-idle .up-next-prepare,.state-paused .up-next-prepare{--next-color:#e9a250}.state-idle .up-next-rest,.state-paused .up-next-rest{--next-color:#4d95ce}.state-idle .up-next-cooldown,.state-paused .up-next-cooldown{--next-color:#b97db2}.timer-card .card-save-button,.timer-card .card-edit-button{background:linear-gradient(145deg,#ffffff2e,#ffffff0a);color:#f2ffee;border:1px solid #ffffff32;border-radius:14px;box-shadow:inset 0 1px 1px #ffffff27,0 4px 12px #03170f18}.timer-card.state-idle .card-save-button,.timer-card.state-paused .card-save-button,.timer-card.state-idle .card-edit-button,.timer-card.state-paused .card-edit-button{background:linear-gradient(150deg,#fff,#e9eee5);color:#285d3e;border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 3px 7px #214b2d20}.timer-card .card-save-button:active,.timer-card .card-edit-button:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #091f191b}.stage-title{color:#eaf8e8;font-weight:800}.big-time{color:#fafff5;text-shadow:0 2px 0 #001c0c18,0 7px 16px #001d151c;font-weight:850;letter-spacing:-.065em}.stage-caption{color:#c9e2d0}.timer-tap-hint{color:#c7dfcecf}.state-idle .stage-title,.state-paused .stage-title{color:#355b40}.state-idle .big-time,.state-paused .big-time{color:#102f24;text-shadow:0 2px 0 #fff,0 4px 10px #356b3714}.state-idle .stage-caption,.state-paused .stage-caption{color:#78927e}.state-idle .timer-tap-hint,.state-paused .timer-tap-hint{color:#678574}.timer-card .card-play-actions{gap:11px}.timer-card .card-play-actions .play-main{background:linear-gradient(175deg,#f2ffc8,#c5ef8d 35%,#80d756);color:#153c24;border:1px solid #ecffc1;box-shadow:inset 0 2px 2px #ffffffde,inset 0 -4px 9px #32722a38,0 4px #5fa943,0 10px 17px #071f122e;text-shadow:0 1px 0 #fffffd80;transform:translateY(0);transition:transform .13s,box-shadow .13s}.timer-card .card-play-actions .play-main:active{transform:translateY(3px);box-shadow:inset 0 2px 5px #224e2a36,0 1px #5fa943,0 4px 8px #071f121c}.timer-card.state-paused .card-play-actions .play-main,.timer-card.state-idle .card-play-actions .play-main{background:linear-gradient(165deg,#2f7051,#134833 68%,#0d3125);color:#f9fff3;border-color:#4a805f;box-shadow:inset 0 2px 2px #ffffff24,inset 0 -3px 6px #00000025,0 4px #0b2b20,0 10px 16px #123e2b23;text-shadow:none}.timer-card .card-play-actions .stop-main{background:linear-gradient(165deg,#ffe3d4,#f1ac92 58%,#e38e7e);color:#7c322e;border:1px solid #ffe5d9;box-shadow:inset 0 2px 2px #ffffffb5,inset 0 -3px 7px #b455482f,0 4px #cc806c,0 9px 15px #180c0d22;text-shadow:0 1px 0 #fff9;transition:transform .13s,box-shadow .13s}.timer-card .card-play-actions .stop-main:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 2px 5px #a44b4124,0 1px #cc806c}.timer-card .card-play-actions .stop-main:disabled{opacity:.46;box-shadow:inset 0 1px 2px #fff8,0 2px 1px #cc806c80}.timer-card .card-progress-row .card-progress-line{background:#061f171f;border:1px solid #ffffff20;box-shadow:inset 0 1px 3px #001b1730;height:5px;min-height:5px;max-height:5px;border-radius:7px}.state-idle .card-progress-row .card-progress-line,.state-paused .card-progress-row .card-progress-line{border-color:#b5cfb5;box-shadow:inset 0 1px 2px #113d2420;background:#e5ece1}.timer-card .timeline-fill{box-shadow:inset 0 1px 1px #ffffff75}.timer-footer{border-top:1px solid #ffffff16;padding-top:5px}.timer-stat strong{color:#f8fff3;text-shadow:0 2px 7px #001d0b22}.timer-stat small{color:#c8dace;font-weight:750}.state-idle .timer-footer,.state-paused .timer-footer{border-top-color:#b3c8ad5c}.state-idle .timer-stat strong,.state-paused .timer-stat strong{color:#163c28;text-shadow:0 1px 0 #fff}.state-idle .timer-stat small,.state-paused .timer-stat small{color:#779080}.timer-card:focus-visible{outline:3px solid #a5d96e;outline-offset:2px}.modal{background:linear-gradient(175deg,#fffefa,#f5f7f1 60%,#f1f3eb);box-shadow:0 -10px 35px #122b2026}.modal-backdrop{background:#10251e9e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-header{border-bottom:1px solid #e3e9df}.modal-header .icon-button{background:linear-gradient(155deg,#fff,#edf1e9);color:#24553e;box-shadow:inset 0 1px 1px #fff,0 3px 8px #12382116}.form-intro h2{color:#16372a}.form-intro p{color:#7b9181}.field-list,.settings-group{background:linear-gradient(165deg,#fffefa,#fff 65%,#f7faf5);border:1px solid #fff;border-radius:21px;box-shadow:inset 0 1px 1px #fff,0 7px 22px #163b2410}.number-row,.toggle-row,.range-control{border-bottom-color:#ebeee7}.stepper button{background:linear-gradient(155deg,#fafff4,#dcebd9);color:#27603e;border:1px solid #ffffff;box-shadow:0 3px 7px #1c472316,inset 0 1px 1px #fff}.stepper button:active{box-shadow:inset 0 2px 5px #21492727;transform:translateY(1px)}.stepper-value input{color:#173d2c}.name-field input{background:#fffefa;border:1px solid #dde9d8;box-shadow:inset 0 2px 4px #1534200b}.modal-actions{background:#f8faf4;border-top-color:#e7eee2}.primary-action,.create-preset{background:linear-gradient(170deg,#317353,#174a34 68%,#103825);color:#fbfff8;border:1px solid #437a59;box-shadow:inset 0 1px 1px #ffffff34,0 4px #0f3928,0 9px 15px #183c2524}.primary-action:active,.create-preset:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #00170d46,0 1px #0f3928}.secondary-action{background:linear-gradient(#f8fff2,#e3f1d9);color:#28533b;box-shadow:inset 0 1px 1px #fff}.preset-item,.empty-presets{border:1px solid #ffffff;background:linear-gradient(150deg,#fffefa,#f3f8ef);box-shadow:inset 0 1px 1px #fff,0 5px 12px #173b2512}.preset-icon,.empty-icon{background:linear-gradient(155deg,#e8f6d3,#ccecb6);color:#276940;box-shadow:inset 0 1px 1px #fff,0 3px 8px #21452b16}.preset-delete{background:linear-gradient(#f9faf5,#e9ebe5)}.quick-save-detail,.notice-box{background:linear-gradient(155deg,#eaf4e0,#dcebd8);color:#396949}.toggle-row .switch{background:#dde6d8;box-shadow:inset 0 2px 4px #15352227}.toggle-row input:checked+.switch{background:linear-gradient(130deg,#a0e37d,#67be57)}.toast{background:linear-gradient(145deg,#2a6448,#103c2c);box-shadow:0 8px 22px #143c2e4a}@media(max-height:700px){.timer-card{border-radius:23px}.timer-footer{padding-top:3px}.brand-mark{height:39px;width:39px}}@media(max-height:590px){.timer-card .card-play-actions .play-main,.timer-card .card-play-actions .stop-main{box-shadow:inset 0 1px 2px #ffffff50,0 2px #547d49,0 5px 8px #0a2d1e19}.timer-footer{padding-top:2px}.timer-card .card-progress-row .card-progress-line{height:4px;min-height:4px;max-height:4px}}@media(prefers-reduced-motion:reduce){.timer-card,.header-actions .icon-button,.timer-card .card-play-actions .play-main,.timer-card .card-play-actions .stop-main{transition:none}}.shell{background:radial-gradient(ellipse 65% 30% at 94% 2%,#d9f5c43c 0%,transparent 88%),#f9f9f5;box-shadow:none}.shell>main{padding:0 3px clamp(10px,1.45dvh,16px);background:transparent;overflow:visible}.timer-card,.timer-card.state-idle,.timer-card.state-paused{border-radius:24px;border:1px solid #e2e9e0;box-shadow:0 2px 3px #14382207,0 10px 24px #173f3319}.timer-card:not(.state-idle):not(.state-paused){border-color:#456d5980;box-shadow:0 3px 6px #03190f18,0 12px 23px #123b2b29}.timer-card:after{display:none}.timer-card .timer-footer{background:transparent;border:0;border-top:1px solid #ffffff20;border-radius:0;box-shadow:none;padding:clamp(5px,.8dvh,10px) 0 2px}.timer-card.state-idle .timer-footer,.timer-card.state-paused .timer-footer{border-top-color:#c9d9c77a}.brand-mark{border-radius:14px;background:#143f30;box-shadow:0 1px 1px #ffffffb3,0 3px 9px #173c2840}.brand-mark img{image-rendering:auto}@media(max-height:700px){.shell>main{padding-bottom:9px}.timer-card,.timer-card.state-idle,.timer-card.state-paused{border-radius:21px}.timer-card .timer-footer{padding-top:5px;padding-bottom:1px}}@media(max-height:590px){.shell>main{padding-bottom:6px}}.modal{height:auto;max-height:min(92dvh,860px);min-height:0;isolation:isolate}.modal-header{position:relative;z-index:2;min-height:62px}.modal-header .icon-button{min-width:44px;min-height:44px;flex-shrink:0}.modal-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 108px)}.modal-content{flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.modal-actions{position:relative;z-index:2}.modal-actions .primary-action{min-height:54px}.modal button:focus-visible,.modal input:focus-visible,.header-actions button:focus-visible,.mode-tab:focus-visible{outline:3px solid #7ec858;outline-offset:2px}.empty-training{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 4px 20px}.empty-training-art{display:block;width:min(240px,84%);height:auto;aspect-ratio:24/17;object-fit:contain}.empty-training h3{font-size:19px;font-weight:850;letter-spacing:-.65px;color:#173f2d;margin:0}.empty-training p{font-size:12px;line-height:1.5;color:#688573;max-width:255px;margin:0 0 7px}.empty-training .create-preset{width:min(100%,305px);min-height:56px;margin-top:4px}.preset-item{margin-top:9px;min-height:70px}.preset-open{min-height:52px}.preset-open>span:nth-child(2){min-width:0}.preset-open strong,.preset-open small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.preset-delete{width:44px;min-width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.presets-modal .create-preset{width:100%;min-height:54px}.finished-title{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.finished-title img{width:clamp(32px,6dvh,58px);height:clamp(32px,6dvh,58px);object-fit:contain;flex-shrink:0}.timer-card.is-done .timer-center{gap:clamp(2px,1dvh,10px)}.timer-card.is-done .stage-title{line-height:1.2}@media(max-width:350px){.modal-content,.modal-actions{padding-left:16px;padding-right:16px}.empty-training-art{width:min(200px,75%)}.empty-training h3{font-size:17px}}@media(max-height:650px){.modal{max-height:97dvh}.modal-header{min-height:54px;padding-top:8px;padding-bottom:8px}.modal-content{padding-top:14px;padding-bottom:15px}.empty-training-art{width:min(170px,60%)}.empty-training{gap:5px;padding-top:0;padding-bottom:10px}.finished-title img{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){.finished-title img,.empty-training-art{animation:none}}.presets-modal{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.library-tools{display:flex;flex-direction:column;gap:10px;margin-top:17px}.library-search{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 14px;color:#4b8160;background:linear-gradient(155deg,#fff,#eef4e8);border:1px solid #dce8d6;border-radius:16px;box-shadow:inset 0 2px 3px #153b2210}.library-search input{width:100%;min-width:0;outline:none;background:transparent;border:0;color:#173e2c;font-size:15px;font-weight:650;-webkit-appearance:none;-moz-appearance:none;appearance:none}.library-search:focus-within{outline:2px solid #6eae57;outline-offset:2px}.library-search input::placeholder{color:#819785;font-weight:500}.library-filters{display:flex;gap:7px;flex-wrap:wrap}.library-filters button{background:linear-gradient(#fffefa,#edf3e7);border:1px solid #edf1e8;color:#51745e;min-height:42px;border-radius:13px;padding:0 12px;font-size:12px;font-weight:800;box-shadow:0 2px 5px #133c2110;flex:1 1 auto}.library-filters button.selected{background:linear-gradient(#2c7350,#15412f);border-color:#31754e;color:#fff;box-shadow:inset 0 1px 1px #ffffff30,0 3px 7px #14462c22}.library-count{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:#728c77;padding:0 2px;flex-wrap:wrap}.library-count small{font-size:10px;color:#819a89}.presets-modal .presets-section.in-modal{margin:11px 0 18px}.presets-modal .library-preset{display:block;padding:9px;margin-top:10px;border-radius:18px;width:100%;min-width:0}.library-preset.is-pinned{border-color:#daebca;background:linear-gradient(155deg,#fffefa,#f0f8e7)}.library-preset-top{display:flex;align-items:center;gap:4px;width:100%;min-width:0}.library-preset .preset-open{flex:1 1 auto;min-width:0;min-height:54px;padding:3px 2px;color:#153d2b}.library-preset .preset-open>span:nth-child(2){min-width:0;flex:1 1 auto}.library-preset .preset-open strong,.library-preset .preset-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-preset .preset-icon{flex:0 0 42px}.library-preset .preset-pin,.library-preset .preset-options{width:44px;height:48px;flex:0 0 44px;border-radius:13px;color:#688a73;background:linear-gradient(160deg,#f8fbf4,#e7efe0);display:grid;place-items:center;box-shadow:inset 0 1px 1px #fff}.library-preset .preset-pin.selected{color:#a37b23;background:linear-gradient(160deg,#fff7d8,#f1e5b7)}.library-preset .preset-options[aria-expanded=true]{color:#fff;background:linear-gradient(160deg,#3b7b57,#174933)}.library-preset-actions{display:block;min-width:0;border-top:1px solid #e1ebe0;margin-top:8px;padding-top:10px}.library-actions-scroll{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:2px 1px 7px}.library-actions-scroll::-webkit-scrollbar{display:none}.library-actions-scroll>button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 13px;border:1px solid #fff;border-radius:13px;font-size:12px;font-weight:800;white-space:nowrap;background:linear-gradient(160deg,#fffefa,#e8f1e4);color:#23583b;box-shadow:inset 0 1px 1px #fff,0 3px 7px #173c2512}.library-actions-scroll>button svg{flex:0 0 auto}.library-actions-scroll>button:disabled{opacity:.38;box-shadow:none}.library-actions-scroll .library-use-action{color:#fff;background:linear-gradient(160deg,#307250,#174a34);border-color:#47835f}.library-actions-scroll .library-delete-trigger{color:#a65d51;background:linear-gradient(160deg,#fff4ee,#f5e0d6)}.library-actions-scroll .library-reorder-trigger{color:#466d50;background:linear-gradient(160deg,#f8fcf4,#e5eee0)}.library-actions-scroll:focus-visible{outline:2px solid #7ec858;outline-offset:1px;border-radius:12px}.library-reorder-popover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 0 1px;border-top:1px solid #e4eee2}.library-reorder-popover>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:11px;background:linear-gradient(#fffefa,#e8f1e4);color:#275a3c;font-size:12px;font-weight:800}.library-reorder-popover>button:disabled{opacity:.4}.library-reorder-popover>button:focus-visible{outline:3px solid #78ca5a;outline-offset:2px}.library-delete-confirm{grid-column:1/-1;border-radius:13px;padding:12px;background:#fff6ef;border:1px solid #f2ded3;display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-delete-confirm p{grid-column:1/-1;font-size:12px;line-height:1.4;color:#894e42;text-align:center}.library-delete-confirm button{min-height:44px;border-radius:10px;background:#e9eee3;color:#24563c;font-size:11px;font-weight:800;padding:5px}.library-delete-confirm button:first-of-type{background:#ac5a4d;color:#fff}.library-undo{display:flex;align-items:center;gap:10px;justify-content:space-between;border-radius:14px;margin-top:16px;padding:10px 12px;background:linear-gradient(140deg,#e3f4d6,#d8ebcc);color:#2e6041;font-size:12px}.library-undo span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-undo button{padding:0 12px;height:44px;border-radius:11px;background:#1b5639;color:#fff;font-weight:800;font-size:12px;flex:0 0 auto}.library-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;text-align:center;color:#799081}.library-no-results strong{color:#325a42;font-size:14px}.library-no-results span{font-size:12px}.library-no-results button{min-height:44px;margin-top:6px;padding:0 15px;border-radius:12px;background:#e2efdc;color:#24583a;font-weight:800;font-size:12px}.library-suggestions{border:1px solid #e4eadd;background:linear-gradient(145deg,#fffefa,#f3f7ee);border-radius:18px;padding:9px 12px;margin-top:14px;box-shadow:inset 0 1px 2px #fff}.library-suggest-toggle{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;background:transparent;min-height:44px;padding:6px;color:#315a41;font-size:13px;font-weight:800}.library-suggest-toggle span{display:flex;align-items:center;gap:9px}.library-suggest-toggle>svg{transition:transform .2s}.library-suggest-toggle>svg.expanded{transform:rotate(90deg)}.library-suggestion-list{padding:4px 0 6px}.library-suggestion{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:9px 0;border-top:1px solid #e4ece1}.library-suggestion div{display:flex;flex-direction:column;gap:5px;min-width:0}.library-suggestion strong{font-size:12px;color:#244f37}.library-suggestion small{font-size:11px;color:#79917c}.library-suggestion button{display:flex;align-items:center;justify-content:center;gap:4px;min-width:104px;min-height:44px;border-radius:12px;background:#e5f4da;color:#295c3b;font-size:11px;font-weight:800}.library-suggestion button:disabled{opacity:.4}.library-suggestion-list>p{font-size:10px;line-height:1.5;color:#8a9d8d;padding-top:8px}.library-local-note{font-size:10px;line-height:1.55;margin:14px 2px 4px;color:#8a9c8f;text-align:center}.presets-modal .create-preset:disabled{opacity:.5}.toast{z-index:32}@media(max-width:350px){.library-preset .preset-icon{flex-basis:35px;width:35px;height:35px}.library-preset .preset-pin,.library-preset .preset-options{flex-basis:40px;width:40px}.library-preset .preset-open{gap:6px}.library-filters{gap:4px}.library-filters button{padding:0 7px;font-size:10px}.library-actions-scroll{gap:6px}.library-actions-scroll>button{gap:5px;padding-inline:11px;font-size:11px}}@media(prefers-reduced-motion:reduce){.library-suggest-toggle>svg{transition:none}}.card-top-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.timer-card .card-top-actions .card-save-button{width:44px;min-width:44px;height:44px;flex:0 0 44px}.share-content{display:flex;flex-direction:column;gap:16px}.share-hero{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.share-badge{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(160deg,#f4ffd8,#b4e78b 70%,#8fc871);border:1px solid white;border-radius:20px;color:#1e573b;box-shadow:inset 0 2px 2px #fff,0 5px 10px #24452c20}.share-hero h2,.share-invalid h2{font-size:clamp(23px,4dvh,32px);line-height:1.1;font-weight:850;letter-spacing:-1px;color:#173e2b;overflow-wrap:anywhere}.share-hero p,.share-invalid p{font-size:13px;line-height:1.55;color:#728c7a}.share-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.share-metrics>div{background:linear-gradient(155deg,#fffefa,#eaf2e5);border:1px solid #fff;border-radius:16px;min-height:64px;box-shadow:inset 0 1px 1px #fff,0 4px 12px #19412b10;padding:12px;display:flex;flex-direction:column;gap:6px}.share-metrics small{color:#758c7a;font-size:10px;font-weight:750}.share-metrics strong{color:#174731;font-size:17px;font-weight:850;overflow-wrap:anywhere}.share-actions{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.share-actions button{width:100%;min-height:54px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:16px}.share-save-action{background:linear-gradient(160deg,#fffefa,#e5f1db);color:#27593d;border:1px solid #fff;box-shadow:inset 0 2px 2px #fff,0 4px 9px #193f2b16}.share-save-action:disabled{opacity:.45;box-shadow:none}.share-running-warning,.share-library-full{font-size:12px;color:#80563c;line-height:1.5;padding:11px 13px;border-radius:13px;background:#faf0e2}.share-invalid{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:25px 0}.share-invalid-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(160deg,#fff5df,#f0d5b1);color:#805f32;box-shadow:inset 0 2px 2px #fff,0 7px 13px #533b2716}.share-invalid .primary-action{min-height:54px;width:100%;margin-top:9px}.library-actions-scroll>button:focus-visible,.card-top-actions>button:focus-visible,.share-content button:focus-visible{outline:3px solid #78ca5a;outline-offset:2px}@media(max-width:350px){.card-top-actions{gap:4px}.timer-card .card-top-actions .card-save-button{width:40px;min-width:40px;height:44px;flex-basis:40px}.share-content{gap:12px}.share-metrics>div{min-height:58px;padding:9px}.share-hero h2{font-size:23px}}@media(max-height:650px){.share-content{gap:10px}.share-hero{gap:5px}.share-badge{width:46px;height:46px;border-radius:15px}.share-metrics{gap:6px}.share-metrics>div{min-height:51px;padding:8px;gap:3px}.share-actions{gap:7px}}.library-backup{margin:15px 0 5px;padding:15px;border:1px solid #dfebd9;border-radius:18px;background:linear-gradient(145deg,#fbfdf6,#edf4e8);display:flex;flex-direction:column;gap:9px;box-shadow:inset 0 1px 2px #fff}.library-backup>strong{font-size:14px;color:#1e4c33}.library-backup>p,.library-backup-preview p{font-size:12px;line-height:1.55;color:#637f6b;margin:0}.library-backup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-backup-actions button,.library-backup-import{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;border-radius:13px;border:1px solid #fff;background:#e0f0d5;color:#295a3c;font-size:12px;font-weight:800;text-align:center;padding:8px;cursor:pointer;box-shadow:0 3px 8px #1a4a2a15}.library-backup-import{background:#fffefa}.library-backup-import input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.library-backup-actions button:focus-visible,.library-backup-import:focus-within{outline:3px solid #78ca5a;outline-offset:2px}.library-storage-error{background:#fff0e4!important;color:#8b4f38!important;padding:10px 12px;border-radius:12px}.library-backup-preview{display:flex;flex-direction:column;gap:8px;background:#fffefa;border-radius:13px;padding:12px;border:1px solid #d8e7ce}.library-backup-preview>strong{font-size:13px;color:#234b35}.library-backup-confirm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.library-backup-confirm button{min-height:44px;border-radius:11px;background:#1f5c3d;color:#fff;font-size:12px;font-weight:800;padding:6px}.library-backup-confirm button:last-child{background:#e7ece3;color:#3f694d}.library-backup-confirm button:disabled{opacity:.4}@media(max-width:350px){.library-backup{padding:11px}.library-backup-actions{gap:6px}.library-backup-actions button,.library-backup-import{font-size:11px;gap:4px}}