:root{--ink:#15243c;--muted:#58677c;--line:#dfe5ec;--blue:#1749db;--canvas:#f3f6fb;--lime:#d8f47e;--white:#fff;color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ffac38}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}.skip-link{z-index:20;color:#000;background:#fff;padding:1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1260px;min-height:88px;margin:auto;padding:0 36px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:27px;font-weight:800;display:flex}.brand-symbol{color:var(--blue);font-size:28px}.brand-caption{letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);margin-left:5px;padding-left:14px;font-size:14px;font-weight:500}nav{gap:26px;font-size:15px;display:flex}nav a:hover{color:var(--blue)}.workspace{max-width:1260px;margin:auto;padding:44px 36px 26px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:-1.1px;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.4}.page-heading>a{color:var(--muted);white-space:nowrap;font-size:14px}.preset-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.preset{text-align:left;background:#fff;border:1px solid #d9e0ea;border-radius:10px;align-items:center;gap:12px;min-height:49px;padding:13px 16px;display:flex}.preset strong{font-size:14px}.preset span{color:var(--muted);font-size:13px}.preset.selected{color:#1542c1;background:#e8efff;border-color:#4e77ed}.preset.selected span{color:#3855a5}.timer-layout{grid-template-columns:minmax(0,1.48fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.stage{color:#fff;background:#11295a;border-radius:20px;flex-direction:column;min-height:595px;padding:28px 32px;display:flex;overflow:hidden;box-shadow:0 16px 36px #142e5b13}.stage-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.state-badge{color:#e1e9fb;border:1px solid #627294;border-radius:6px;padding:7px 11px;font-size:14px}.text-button{color:#ced9ee;background:0 0;border:0;padding:8px 0;font-size:14px}.stage-center{text-align:center;margin:auto 0;padding:34px 0 36px}.step-counter{color:#a5b7da;letter-spacing:3px;margin:0 0 20px;font-size:14px;font-weight:600}.stage h2{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0;font-size:26px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-4px;color:var(--lime);margin:12px -10px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(60px,7.2vw,102px);font-weight:500;line-height:1.35}.up-next{color:#afbfdd;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:24px;margin:0;font-size:14px;display:flex}.up-next strong{color:#e0e9fa;overflow-wrap:anywhere;font-weight:500}.up-next>span{font-variant-numeric:tabular-nums}.stage-controls{justify-content:center;gap:10px;margin-bottom:35px;display:flex}.primary-button,.secondary-button,.reset-button{border:0;border-radius:9px;min-height:51px;font-size:16px;font-weight:600}.primary-button{background:var(--lime);color:#162b19;justify-content:center;align-items:center;gap:12px;min-width:160px;padding:0 26px;display:flex}.primary-button:hover{background:#e5ffa0}.primary-button span{font-size:17px}.secondary-button{color:#fff;background:#2c4371;padding:0 19px}.secondary-button:hover{background:#405b8f}.reset-button{color:#dae6ff;background:0 0;border:1px solid #4e638b;min-width:50px;font-size:26px}.progress-label{color:#afbfdd;justify-content:space-between;gap:14px;margin-bottom:12px;font-size:13px;display:flex}.progress-label strong{color:#dce6fa;font-variant-numeric:tabular-nums;font-weight:400}.progress-track{background:#354b76;border-radius:5px;height:5px;overflow:hidden}.progress-track>span{background:var(--lime);height:100%;transition:width .12s linear;display:block}.completed .clock{color:#d8f47e}.stage:fullscreen{border-radius:0;justify-content:space-between;min-height:100vh;padding:4vh 5vw}.stage:fullscreen .clock{font-size:clamp(70px,16vw,230px)}.stage:fullscreen .stage-center{padding:2vh 0}.stage:fullscreen h2{font-size:clamp(25px,5vw,65px)}.sequence-panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:27px 22px 22px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading .eyebrow{font-size:11px}.panel-heading h2{letter-spacing:-.5px;margin:0;font-size:22px}.total-pill{white-space:nowrap;background:#f0f3f8;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:600}.panel-hint{color:var(--muted);margin:15px 0 21px;font-size:13px;line-height:1.6}.sequence-list{margin:0;padding:0;list-style:none}.sequence-list>li{border-top:1px solid #e9edf3;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.step-number{color:#738299;font-variant-numeric:tabular-nums;flex:0 0 26px;padding-top:8px;font-size:13px;font-weight:700}.step-fields{flex:1;min-width:0}.step-name{width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 4px;font-size:15px;font-weight:600;line-height:1.4}.step-name:hover:not(:disabled),.step-name:focus{background:#f5f7fc;border-color:#ccd7e8}.step-name:disabled{color:var(--ink);opacity:1;-webkit-text-fill-color:var(--ink)}.duration-input{align-items:center;gap:10px;margin-top:4px;display:flex}.duration-input label{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:flex}.duration-input input{text-align:center;width:46px;color:var(--ink);appearance:textfield;background:#f8fafc;border:1px solid #e1e6ee;border-radius:5px;padding:5px 3px;font-size:14px}.duration-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.step-actions{align-items:center;gap:1px;padding-top:4px;display:flex}.step-actions button{color:#6c7c91;background:0 0;border:0;width:24px;height:29px;padding:0;font-size:17px}.step-actions button:hover:not(:disabled){color:#234b99;background:#edf1f9;border-radius:4px}.current-step .step-number{color:var(--blue)}.current-step .step-name:disabled{-webkit-text-fill-color:var(--blue);color:var(--blue)}.finished-step .step-number{color:#347441}.finished-step .step-name{color:#7b8899;-webkit-text-fill-color:#7b8899}.add-button{text-align:center;color:#425679;background:#f7f9fc;border:1px dashed #bdc9db;border-radius:8px;width:100%;min-height:42px;margin:8px 0 24px;font-size:14px}.add-button span{color:#738299;margin-left:12px;font-size:12px}.sequence-options{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:18px;display:flex}.sound-toggle{align-items:center;gap:7px;font-size:14px;line-height:1.4;display:flex}.sound-toggle input{width:17px;height:17px;accent-color:var(--blue);margin:0}.small-button{color:#526887;text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:12px;text-decoration:underline}.save-button{color:#2e476e;background:#fff;border:1px solid #c5d1e3;border-radius:8px;width:100%;min-height:44px;margin-top:18px;font-size:14px}.save-button:hover{background:#f3f6fc}.save-hint{color:#69788d;text-align:center;margin:9px 0 0;font-size:12px;line-height:1.5}.field-error{color:#b52b22;font-size:12px}.notice{color:#506685;min-height:24px;margin-top:18px;font-size:14px;line-height:1.7}.under-note{grid-template-columns:1fr 1fr;gap:50px;max-width:970px;padding:30px 0 0;display:grid}.under-note h2{margin:0 0 10px;font-size:16px}.under-note p{color:#607087;margin:0;font-size:14px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:#65758c;justify-content:space-between;align-items:center;gap:20px;max-width:1188px;margin:40px auto 0;padding:26px 0 35px;font-size:14px;display:flex}.site-footer nav{gap:24px;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose{max-width:820px;min-height:60vh;margin:auto;padding:55px 36px 30px}.prose h1{margin:8px 0 22px;font-size:32px}.prose h2{margin:34px 0 12px;font-size:23px;line-height:1.5}.prose p,.prose li{color:#4c5e76;font-size:16px;line-height:1.9}.prose li{margin-bottom:10px;padding-left:3px}.prose a{color:var(--blue);text-underline-offset:4px;text-decoration:underline}.example-box{background:#eaf0ff;border-left:4px solid #3766df;margin:20px 0;padding:4px 22px}.back-link{margin-bottom:20px;font-size:15px;display:inline-block}.callout{background:#e8eef8;border-radius:10px;padding:18px 23px}.prose table{border-collapse:collapse;width:100%;margin-top:20px;font-size:15px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid #d7e0ec;padding:12px;line-height:1.7}.prose th{color:#2d4669;background:#e9eff8}@media (min-width:1400px){.clock{font-size:102px}}@media (max-width:1060px){.preset span{display:none}.stage{min-height:570px;padding:24px}.timer-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:18px}.stage-controls{gap:7px}.primary-button{min-width:125px;padding:0 15px}.secondary-button{padding:0 12px}.site-footer{margin:35px 36px 0}}@media (max-width:800px){.header-inner{min-height:72px;padding:0 22px}.brand-caption{display:none}.workspace{padding:30px 22px 10px}.page-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading>a{font-size:13px}.page-heading .eyebrow{font-size:11px}.timer-layout{grid-template-columns:1fr}.stage{min-height:490px;padding:22px}.clock{letter-spacing:-3px;font-size:clamp(65px,14vw,102px)}.stage-center{padding:22px 0 25px}.stage h2{font-size:24px}.stage-controls{margin-bottom:26px}.preset-row{gap:8px}.preset{min-height:44px;padding:12px}.preset strong{font-size:13px}.sequence-panel{padding:24px}.sequence-list>li{padding:16px 0}.duration-input input{width:54px}.step-actions{gap:4px}.step-actions button{width:30px;height:35px}.under-note{grid-template-columns:1fr;gap:22px;padding-top:27px}.site-footer{flex-direction:column;align-items:flex-start;gap:18px;margin:34px 22px 0}.prose{padding:34px 22px}.prose h1{font-size:27px}.prose table{font-size:14px}.prose td,.prose th{padding:9px}}@media (max-width:380px){.workspace{padding-left:14px;padding-right:14px}.stage{padding:18px}.stage-controls{flex-wrap:wrap}.clock{font-size:67px}.preset{padding:11px 9px}.step-actions{flex-direction:column;gap:0}.sequence-panel{padding:20px}.sequence-options{flex-wrap:wrap}.primary-button{padding:0 12px}.secondary-button{padding:0 10px}.header-inner{padding:0 16px}nav{gap:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.site-footer,.stage-controls,.preset-row,.sequence-options,.save-button,.add-button,.notice{display:none}.timer-layout{display:block}.stage{min-height:300px;box-shadow:none}.sequence-panel{margin-top:20px}}