*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:#f8f7fb;color:#20192e;font:400 16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{min-height:46px;border:1px solid #d8d2e4;background:white;color:#34234f;padding:10px 18px;border-radius:11px;cursor:pointer;font-weight:650}button:hover{background:#f2edfc;border-color:#a78bfa}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7c3aed;outline-offset:4px}input{width:100%;border:1px solid #c8c1d4;border-radius:10px;padding:12px;background:#fff;color:#20192e;min-height:48px;min-width:0}.skip{position:absolute;top:-60px;left:16px;z-index:5;background:#20192e;color:white;padding:12px}.skip:focus{top:12px}.site-header{max-width:1180px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e5dfed}.brand{text-decoration:none;font-size:30px;letter-spacing:-1.5px;font-weight:850;color:#6d28d9;line-height:1.05}.brand span{display:block;color:#63576e;font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:7px}.site-header nav{display:flex;gap:26px;font-size:14px;font-weight:650}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}main{max-width:1124px;padding:0 28px;margin:auto}.intro{padding:64px 0 38px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6d28d9;margin:0 0 12px}.intro h1{font-size:clamp(32px,5vw,52px);line-height:1.2;letter-spacing:-2px;margin:0 0 20px}.lead{font-size:17px;color:#655a70;line-height:1.85}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pills span{background:#eeebf4;color:#544566;padding:5px 11px;border-radius:30px;font-size:12px;font-weight:600}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.card{background:#fff;border:1px solid #e3ddeb;border-radius:22px;padding:28px;box-shadow:0 6px 20px #24123c04}.section-top{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.step{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;font-size:11px;font-weight:800;border-radius:11px;background:#ede9fe;color:#6d28d9}.section-top h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0 0 6px}.section-top p{font-size:14px;color:#6c6176;margin:0}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.duration-row{display:flex;align-items:end;gap:20px;margin-top:20px}.with-unit{display:flex;align-items:center;gap:8px}.with-unit input{width:86px}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button{font-size:13px;padding:8px 11px}.presets button.selected{border-color:#7c3aed;color:#5b21b6;background:#f5f3ff}.clock{font-size:clamp(56px,8vw,82px);line-height:1.2;letter-spacing:-4px;font-weight:750;text-align:center;font-variant-numeric:tabular-nums;margin:34px 0 22px}.timer-progress{height:5px;border-radius:10px;background:#eee9f6;overflow:hidden}.timer-progress span{display:block;width:0;height:100%;background:#7c3aed}.actions{display:flex;gap:10px;margin-top:24px}.actions button{flex:1}.primary{background:#6d28d9;border-color:#6d28d9;color:#fff}.primary:hover{background:#5b21b6;color:#fff}.secondary-color{background:#fff;color:#5b21b6;width:100%;margin-top:16px}.status{font-size:13px;min-height:22px;color:#594c67}.fineprint{font-size:12px;color:#756a7e;line-height:1.75}.plan-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tempo-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:0;list-style:none;margin:18px 0 24px}.tempo-stages a{display:flex;flex-direction:column;align-items:center;border:1px solid #ddd4ed;border-radius:12px;padding:10px 4px;text-decoration:none;font-weight:750;color:#4c1d95;font-variant-numeric:tabular-nums;background:#faf8ff}.tempo-stages a:hover{background:#ede9fe;border-color:#8b5cf6}.tempo-stages small{font-size:9px;font-weight:500;letter-spacing:.08em;color:#716180}.tip{background:#f7f5fb;border-radius:14px;padding:17px;font-size:13px;color:#66586f}.tip strong{color:#352843}.tip p{margin-bottom:0}.history-card{margin-top:24px}.history-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.history-top h2{font-size:21px;margin:0}.history-list{padding:0;list-style:none;margin-bottom:0}.history-list li{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-top:1px solid #eee9f3;font-size:14px}.history-list time{font-size:12px;color:#756a7e;white-space:nowrap}.history-list .empty{color:#786a83}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 60px}.related a{background:#eeeaf4;border-radius:16px;padding:21px;text-decoration:none}.related span{display:block;color:#796b89;font-size:10px;letter-spacing:.1em;font-weight:700}.related strong{display:block;font-size:18px;margin-top:8px}.related p{font-size:12px;color:#756681;margin:6px 0 0}footer{max-width:1124px;margin:auto;display:flex;gap:20px;justify-content:space-between;padding:26px 28px 42px;border-top:1px solid #e5dfed;font-size:12px;color:#776985}footer a{font-weight:650}footer span{flex:1}@media(max-width:760px){.site-header{padding:18px 20px}.site-header nav{gap:14px;font-size:12px}.site-header nav a:last-child{display:none}main{padding:0 18px}.intro{padding:40px 0 28px}.workspace{grid-template-columns:1fr}.card{padding:22px;border-radius:18px}.related{grid-template-columns:1fr;gap:10px;margin:26px 0 40px}.related a{padding:18px}.related p{display:inline}.history-top{align-items:start}.history-top button{font-size:12px;padding:8px 12px}.history-list li{flex-direction:column;gap:4px}footer{padding:22px 18px;flex-wrap:wrap}footer span{flex:auto}}@media(max-width:360px){.duration-row{gap:10px}.presets{gap:4px}.presets button{padding:8px}.tempo-stages{grid-template-columns:repeat(4,1fr)}.plan-inputs{gap:6px}.card{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:"Muzia Practice";font-style:normal;font-weight:400;font-display:swap;src:url("/tools-assets/20261006/Pretendard-Regular.woff2") format("woff2")}body{font-family:"Muzia Practice",-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important}