@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,Arial,sans-serif;color:#262722;background:#f6f1e7;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #355b4b;outline-offset:5px}button:disabled{cursor:default}main{max-width:1000px;margin:auto;padding:35px 40px 22px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #dcd6ca}.brand{display:flex;align-items:center;gap:10px}h1{font-size:18px;letter-spacing:-.8px;margin:0}.brand-mark{font-size:29px;color:#c84732}.edition,.eyebrow,.bottom-note{font-size:10px;letter-spacing:2px;color:#737568}.intro{text-align:center;margin:37px 0 27px}.eyebrow{font-weight:700;color:#aa432f;font-size:10px}.intro h2{font-size:29px;letter-spacing:-1.4px;margin:11px 0 8px}.intro>p:last-child{font-size:14px;color:#727467;margin:0}.timer-card{max-width:720px;margin:auto;background:#fffcf5;border:1px solid #d9d3c7;border-radius:25px;padding:27px 35px 26px;box-shadow:0 6px #e7e0d4,0 16px 35px #554b3210}.display{background:#e9eddf;border:1px solid #d4dac8;border-radius:15px;padding:20px 28px 16px}.display-top,.progress-label,.section-label{display:flex;justify-content:space-between;align-items:center}.display-top{font-size:12px;color:#5b6451;font-weight:600}.mode{font-size:9px;letter-spacing:1.8px;border:1px solid #adb7a1;padding:4px 8px;border-radius:4px}.digits{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:116px;font-weight:500;line-height:1.25;letter-spacing:-6px;text-align:center;margin-top:3px}.status{text-align:center;margin:0 0 22px;font-size:14px;font-weight:500}.status span{font-size:11px;margin-right:5px;color:#5a7154}.progress{height:4px;background:#d2d9c7;border-radius:4px;overflow:hidden}.progress>div{height:100%;background:#617755}.progress-label{font-size:10px;color:#66705c;margin-top:8px}.controls{padding-top:23px}.section-label h3{font-size:13px;margin:0}.section-label>span{font-size:11px;color:#77786f}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:13px}.preset{border:1px solid #ded7ca;border-bottom:3px solid #d9d1c3;background:#f9f5ed;min-height:65px;border-radius:10px;color:#37382f;transition:background .15s,transform .15s}.preset strong{font-size:25px;font-weight:600;margin-right:4px}.preset span{font-size:12px}.preset:hover{background:#eee6d8}.preset:active{transform:translateY(2px);border-bottom-width:1px}.preset.selected{background:#c84732;border-color:#a73525;color:#fff}.restart-note{font-size:11px;color:#77766d;text-align:center;margin:15px 0 19px}.actions{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}.actions button{height:48px;border-radius:9px;font-size:13px;font-weight:600}.primary{background:#303c32;color:#fff;border:1px solid #303c32}.primary:hover:not(:disabled){background:#425442}.primary:disabled{background:#e8e9e0;color:#74786c;border-color:#e0e2d7}.reset{background:transparent;border:1px solid #d7d3c7;color:#626458}.reset:disabled{opacity:.55}.actions button:active:not(:disabled){transform:translateY(1px)}.paused .display{border-style:dashed;border-color:#92977d}.paused .digits{color:#646c57}.done .display{background:#f5e3d6;border-color:#d6a58a}.done .status,.done .status span{color:#a83423}.done .primary:not(:disabled){background:#c84732;border-color:#c84732}.done .progress>div{background:#c84732}footer{text-align:center;max-width:700px;margin:23px auto 0}.sound-test{font-size:12px;border:0;background:none;color:#595f50;text-decoration:underline;text-underline-offset:4px;padding:7px 12px}.sound-test:disabled{opacity:.5}footer p{font-size:11px;line-height:1.8;margin:7px 0}.sound-feedback{color:#717366}.audio-error{color:#a33121}.keep-open{color:#77786c}.bottom-note{text-align:center;font-size:8px;margin-top:27px;color:#878578}@media(max-width:600px){main{padding:20px 18px}.edition{display:none}header{padding-bottom:14px}.intro{margin:27px 0 22px}.intro h2{font-size:24px}.intro>p:last-child{font-size:12px}.eyebrow{font-size:8px}.timer-card{padding:17px 17px 20px;border-radius:21px}.display{padding:17px 15px 14px}.digits{font-size:clamp(65px,21vw,105px);letter-spacing:-4px;margin:10px 0}.status{font-size:12px;margin-bottom:20px}.presets{grid-template-columns:repeat(2,1fr);gap:10px}.preset{min-height:64px}.restart-note{font-size:10px;line-height:1.7;margin:16px 0}.controls{padding-top:20px}.bottom-note{letter-spacing:1.4px}.display-top{font-size:10px}.mode{font-size:8px}.actions{grid-template-columns:1.5fr 1fr}footer{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.multi-main{max-width:1240px}.timers-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px;gap:12px}.timers-heading h2{font-size:15px;margin:0}.timers-heading h2 span{font-size:12px;font-weight:500;color:#a34332;margin-left:9px}.timers-heading>span{font-size:11px;color:#727467}.timer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.timer-list.count-1{grid-template-columns:minmax(0,720px);justify-content:center}.timer-list.count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin:auto}.timer-list .timer-card{width:100%;min-width:0;padding:22px 20px;margin:0}.card-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}.timer-number{font-size:11px;letter-spacing:1px;color:#9c3c2c;background:#f3e7dc;border-radius:5px;padding:6px}.card-heading h3{font-size:18px;letter-spacing:-.6px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.remove{border:0;background:transparent;color:#756b5f;font-size:11px;padding:10px 5px;flex-shrink:0}.remove:hover{color:#a83423;text-decoration:underline}.timer-list .display{padding:16px}.timer-list .digits{font-size:clamp(48px,6.3vw,86px);letter-spacing:-4px;margin:12px 0}.timer-list.count-1 .digits{font-size:112px}.timer-list.count-2 .digits{font-size:clamp(56px,8vw,100px)}.timer-list .status{min-height:40px;margin-bottom:14px;overflow-wrap:anywhere;display:flex;align-items:center;justify-content:center;font-size:13px}.timer-list .actions{margin-top:19px;grid-template-columns:1.4fr 1fr;gap:8px}.timer-list .actions button{font-size:12px}.card-sound{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:14px}.card-sound>span{font-size:10px;color:#6b705e}.card-sound .sound-test{font-size:10px;padding:6px 0}.timer-card .audio-error{font-size:11px;line-height:1.7;margin-bottom:0}.completion-summary:empty{display:none}.completion-summary{color:#a83423;background:#f4e3d7;border:1px solid #dab9a5;border-radius:10px;padding:13px 17px;font-size:13px;overflow-wrap:anywhere}.composer{max-width:720px;margin:30px auto 0;padding:24px 30px;border:1px solid #d9d3c7;border-radius:20px;background:#fffcf5}.custom-fields{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;margin-top:20px}label{display:block;font-size:12px;font-weight:600;min-width:0}label>span{font-weight:400;font-size:10px;color:#77786f;margin-left:4px}input{display:block;width:100%;min-width:0;font:inherit;font-size:14px;background:#f9f5ed;border:1px solid #d8d1c4;border-radius:8px;padding:12px;margin-top:8px;height:46px;color:#262722}input:focus-visible{outline:3px solid #355b4b;outline-offset:2px}.minute-input{position:relative}.minute-input input{padding-right:33px}.minute-input>span{position:absolute;right:12px;top:15px;color:#77786f;font-size:12px;pointer-events:none}.start-custom{height:46px;background:#c84732;color:#fff;border:1px solid #aa3827;border-bottom-width:3px;border-radius:8px;padding:0 18px;font-weight:600;font-size:12px}.start-custom:hover{background:#ae3927}.field-help,.limit-note{font-size:11px;color:#727467;line-height:1.7;margin:12px 0 0}.input-error{font-size:12px;color:#a83423;margin:8px 0;line-height:1.7}.input-error:empty{display:none}.quick-label{margin-top:23px;padding-top:18px;border-top:1px solid #e5dfd3}.empty-state{text-align:center;padding:26px 20px;border:1px dashed #cfc8b9;border-radius:18px;max-width:720px;margin:auto}.empty-state>span{font-size:32px;color:#7a846a}.empty-state h3{font-size:15px;margin:9px 0}.empty-state p{font-size:12px;color:#727467;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer-list .done{border-color:#cf8f72}.preset{transition:transform .15s}.is-full{background:#eeeee3}.timer-list.count-0{display:none}@media(min-width:601px)and (max-width:1000px){.timer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-list .digits{font-size:clamp(48px,7vw,76px)}}@media(max-width:600px){.multi-main{padding:20px 18px}.intro h2{font-size:23px}.intro>p:last-child{font-size:11px}.timers-heading{margin-top:24px;gap:6px}.timers-heading>span{font-size:9px}.timers-heading h2{font-size:13px}.timer-list,.timer-list.count-2{grid-template-columns:minmax(0,1fr);gap:20px}.timer-list .timer-card{padding:18px 17px}.timer-list .digits,.timer-list.count-1 .digits,.timer-list.count-2 .digits{font-size:clamp(54px,19vw,85px);letter-spacing:-4px}.timer-list .status{min-height:34px}.composer{padding:20px 17px;margin-top:25px}.custom-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.start-custom{grid-column:1/-1;width:100%;height:48px}.field-help{font-size:10px}.composer .section-label>span{font-size:10px}.completion-summary{font-size:12px}.card-heading h3{font-size:17px}.card-sound>span,.card-sound .sound-test{font-size:11px}}button,input{touch-action:manipulation}input{font-size:16px}.timer-card{scroll-margin-top:16px}.timer-card:focus{outline:none}.timer-card:focus-visible{outline:3px solid #355b4b;outline-offset:4px}.remove{min-width:48px;min-height:48px;font-size:14px}.card-sound .sound-test{min-height:48px;padding:8px;font-size:13px}.mode{letter-spacing:0;font-size:12px}.completion-summary{position:sticky;top:8px;z-index:5;box-shadow:0 4px 12px #554b3215}.completion-summary p{margin:0;font-size:14px;line-height:1.6}.completion-summary button,.audio-recovery button{min-height:48px;min-width:48px;border:1px solid #a73525;background:#c84732;color:#fff;border-radius:8px;font-size:14px;padding:10px 14px;margin-top:10px}.audio-feedback,.timer-card .audio-error{font-size:13px;line-height:1.7;margin:10px 0 0}.audio-feedback{color:#535c49}.audio-recovery button{width:100%}.session-note{color:#626458}.completion-summary button{width:100%}@media(max-width:600px){.multi-main{padding:16px 14px 24px}.intro{margin:22px 0}.intro>p:last-child{font-size:14px;line-height:1.7}.intro h2{font-size:23px;line-height:1.5}.eyebrow{font-size:10px;letter-spacing:1px}.timers-heading{flex-wrap:wrap;margin:24px 0 14px;gap:8px}.timers-heading h2{font-size:16px}.timers-heading h2 span{font-size:14px}.timers-heading>span{font-size:13px}.timer-list .timer-card{padding:16px 14px}.card-heading{gap:8px;margin-bottom:12px}.card-heading h3{font-size:19px;line-height:1.5}.timer-number{font-size:12px}.remove{padding:10px 8px}.timer-list .display{padding:14px 12px}.display-top{font-size:14px}.mode{font-size:12px;padding:4px 7px}.timer-list .digits,.timer-list.count-1 .digits,.timer-list.count-2 .digits{font-size:clamp(62px,19vw,76px);letter-spacing:-4px;margin:10px 0}.timer-list .status{font-size:16px;line-height:1.6;min-height:30px;margin:0 0 14px}.status span{font-size:13px}.progress-label{font-size:13px;gap:8px}.timer-list .actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.timer-list .actions button{font-size:15px;height:auto;min-height:52px;padding:10px 6px;line-height:1.5}.card-sound{gap:6px;margin-top:8px}.card-sound>span{font-size:13px}.card-sound .sound-test{font-size:14px;padding:8px;min-height:48px}.timer-card .audio-error,.audio-feedback{font-size:14px}.composer{padding:20px 16px}.section-label{gap:8px;flex-wrap:wrap}.section-label h3{font-size:16px}.composer .section-label>span{font-size:13px}label{font-size:14px}label>span{font-size:12px}input{font-size:16px;height:52px;padding:12px 10px}.minute-input>span{font-size:14px;top:17px}.start-custom{height:52px;font-size:16px}.field-help,.limit-note{font-size:14px;line-height:1.8}.input-error{font-size:14px}.preset strong{font-size:28px}.preset span{font-size:15px}.preset{min-height:64px}.empty-state h3{font-size:17px}.empty-state p{font-size:14px;line-height:1.7}.empty-state{padding:20px 14px}footer p{font-size:13px;line-height:1.8}footer .keep-open{color:#626458}.bottom-note{font-size:9px;letter-spacing:1px}}.timer-list .display{container-type:inline-size}.timer-list .digits.hours{font-size:min(112px,19cqi);letter-spacing:-2px;white-space:nowrap}.repeat-settings{margin-top:17px;padding:14px 0;border-top:1px solid #e0dacd;border-bottom:1px solid #e0dacd}.repeat-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.repeat-row>span,.sound-settings legend{font-size:14px;font-weight:600}.repeat-toggle{min-height:48px;min-width:100px;border:1px solid #c8cdbd;border-radius:24px;background:#f4f3ea;color:#555f49;font-size:14px;font-weight:600;padding:10px 16px}.repeat-toggle.enabled{background:#354c39;border-color:#354c39;color:#fff}.repeat-settings p,.sound-settings p{font-size:12px;color:#626458;line-height:1.7;margin:9px 0 0}.sound-settings{border:0;padding:0;margin:18px 0 0;min-width:0}.sound-settings legend{padding:0}.sound-settings p{margin:6px 0 10px}.sound-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sound-option{min-height:48px;border:1px solid #d9d1c3;border-bottom-width:3px;border-radius:9px;background:#f9f5ed;color:#44473c;padding:8px;font-size:14px}.sound-option.selected{background:#e9eddf;border-color:#78896d;color:#30422c;font-weight:700}.sound-option:active:not(:disabled){transform:translateY(1px)}.sound-settings:disabled{opacity:.6}.repeat-alarm{width:100%;min-height:48px;padding:10px;margin-top:12px;border:1px solid #ad3928;border-radius:9px;background:#c84732;color:#fff;font-size:14px;font-weight:600;line-height:1.5}.repeat-toggle:focus-visible,.sound-option:focus-visible{outline:3px solid #355b4b;outline-offset:3px}@media(max-width:600px){.repeat-row>span,.sound-settings legend{font-size:16px}.repeat-settings p,.sound-settings p{font-size:14px}.repeat-toggle,.sound-option,.repeat-alarm{font-size:15px}.repeat-settings{margin-top:16px}.sound-settings{margin-top:17px}}