:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6fc;--bg-2:#e8eef9;--panel:#fff;--panel-2:#f6f8fd;--line:#d6dff0;--text:#121a30;--text-2:#4b587a;--muted:#7884a3;--brand:#0f6cbd;--brand-2:#46a3f0;--glow:#0f6cbd2e;--shadow:0 6px 24px #001e541a;--danger:#d9434e;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--bg-2:#10172b;--panel:#141a2d;--panel-2:#1a2238;--line:#b4dcff29;--text:#eaf1ff;--text-2:#b9c6ee;--muted:#7d89ad;--brand:#46a3f0;--brand-2:#8fcbff;--glow:#b4dcff38;--shadow:0 10px 30px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--bg-2:#10172b;--panel:#141a2d;--panel-2:#1a2238;--line:#b4dcff29;--text:#eaf1ff;--text-2:#b9c6ee;--muted:#7d89ad;--brand:#46a3f0;--brand-2:#8fcbff;--glow:#b4dcff38;--shadow:0 10px 30px #0006}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:16px/1.55 var(--font);color:var(--text);background:radial-gradient(1200px 500px at 50% -200px, var(--bg-2), var(--bg)) fixed, var(--bg);min-height:100vh;margin:0}a{color:var(--brand)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.skip{background:var(--panel);z-index:10;border-radius:8px;padding:6px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.top{flex-wrap:wrap;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(var(--brand) 0 70%, transparent 70% 100%);border-radius:50%;width:22px;height:22px;-webkit-mask:radial-gradient(circle,#0000 6px,#000 6.5px);mask:radial-gradient(circle,#0000 6px,#000 6.5px)}.tools{align-items:center;gap:6px;margin-left:auto;display:flex}.tool{min-width:36px;height:36px;color:var(--text-2);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;display:inline-flex;position:relative}.tool.icon{width:36px;padding:0;font-size:17px;line-height:1}.tool:hover,.tool[aria-expanded=true]{color:var(--text);background:var(--panel);border-color:var(--line)}#btn-help{font-size:16px;font-weight:700}.badge{background:var(--brand);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:1px}.badge[hidden]{display:none}.pop-wrap{position:relative}.popover{z-index:30;background:var(--panel);border:1px solid var(--line);min-width:240px;box-shadow:var(--shadow);border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.popover[hidden]{display:none}.set-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;padding:6px;font-size:14px;display:flex}.set-row[hidden]{display:none}.pill,.lang{border:1px solid var(--line);background:var(--panel-2);height:30px;color:var(--text);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.pill[aria-pressed=true]{color:var(--brand);border-color:var(--brand)}.pill:disabled{cursor:default;opacity:.8}.lang:hover,.pill:not(:disabled):hover{border-color:var(--brand)}.seg.small .seg-btn{padding:4px 9px;font-size:12.5px}main{max-width:960px;margin:0 auto;padding:0 16px 24px}.stage{min-height:calc(100svh - 64px)}.page-h1{color:var(--muted);letter-spacing:.01em;margin:4px 0 0;font-size:13px;font-weight:600}.app{outline:none}.adder{--accent:var(--brand);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:10px;margin-top:10px;padding:14px 16px 16px;display:grid}.top-line{justify-content:space-between}.main-line{align-items:flex-end;gap:10px;display:flex}.main-line .fields{flex:auto;min-width:0}.main-line .btn.primary{height:56px;font-size:17px}.color-dot{--c:var(--brand);background:var(--c);border:3px solid var(--panel);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none;margin-bottom:8px;padding:0}.color-dot[aria-expanded=true]{box-shadow:0 0 0 2px var(--c)}.palette{grid-template-columns:repeat(4,28px);gap:8px;min-width:0;padding:10px;display:grid}.link-btn{color:var(--muted);background:0 0;border:0;padding:4px 2px;font-size:13px}.link-btn:hover{color:var(--text);text-decoration:underline}#f-name{background:0 0;height:36px;font-size:14px}.seg{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;width:max-content;padding:3px;display:inline-flex}.seg-btn{color:var(--text-2);background:0 0;border:0;border-radius:9px;padding:6px 14px;font-size:14px}.seg-btn[aria-pressed=true]{background:var(--panel);color:var(--text);font-weight:600;box-shadow:0 1px 4px #001e5426}.fields{flex-wrap:wrap;gap:10px;display:flex}.fields[hidden]{display:none}.in{border:1px solid var(--line);background:var(--panel-2);border-radius:11px;min-width:0;height:42px;padding:0 12px}.in:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.in[aria-invalid=true]{border-color:var(--danger)}.in-big{font-variant-numeric:tabular-nums;letter-spacing:-.01em;width:100%;height:56px;font-size:28px;font-weight:650}.num{color:var(--text-2);gap:4px;font-size:12px;display:grid}.in-num{font-variant-numeric:tabular-nums;width:92px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row .in{flex:200px}.sw{border:2px solid var(--panel);background:var(--c);width:26px;height:26px;box-shadow:0 0 0 1px var(--line);border-radius:50%;padding:0}.sw[aria-checked=true]{box-shadow:0 0 0 2px var(--c)}.actions{gap:8px}.btn{border:1px solid var(--line);background:var(--panel-2);height:42px;color:var(--text);border-radius:11px;padding:0 18px;font-weight:600}.btn.primary{background:var(--accent);color:#fff;min-width:108px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 40%, transparent);border-color:#0000}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{color:var(--text-2);background:0 0}.btn.small{height:30px;padding:0 10px;font-size:13px}.err{color:var(--danger);min-height:0;margin:0;font-size:14px}.err:empty{display:none}.presets{margin-top:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.chip-go{background:0 0;border:0;align-items:center;gap:7px;padding:6px 6px 6px 12px;font-size:14px;display:inline-flex}.chip-go:hover{background:var(--panel-2)}.chip-dur{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.chip-x{color:var(--muted);background:0 0;border:0;padding:0 10px 0 4px;font-size:16px}.chip-x:hover{color:var(--danger)}.dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px}.sec-h{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px;font-size:13px;font-weight:650}.sec-h[hidden]{display:none}.empty{text-align:center;margin:22px 0 0;font-size:14px}.empty[hidden]{display:none}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.card{--c:var(--brand);border-radius:var(--radius);background:var(--panel);border:1px solid color-mix(in srgb, var(--c) 35%, var(--line));box-shadow:var(--shadow);grid-template-columns:64px 1fr;align-items:center;gap:6px 14px;padding:14px 14px 12px;display:grid;position:relative}.card:before{border-radius:var(--radius) 0 0 var(--radius)}.card:has(.popover:not([hidden])){z-index:5}.card:before{content:"";background:var(--c);width:4px;position:absolute;inset:0 auto 0 0}.card.paused{opacity:.78}.card.paused .time{color:var(--text-2)}.ring{grid-row:span 2;width:64px;height:64px}.ring svg{width:100%;height:100%;display:block}.ring-bg{fill:none;stroke:color-mix(in srgb, var(--c) 16%, transparent);stroke-width:6px}.ring-fg{fill:none;stroke:var(--c);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.card-main{min-width:0}.time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.05}.cap{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sub{color:var(--muted);font-size:13px}.card-actions{grid-column:2;justify-content:flex-end;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel-2);min-width:34px;height:30px;color:var(--text-2);border-radius:9px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:650;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--c,var(--brand))}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.toasts{z-index:20;gap:8px;max-width:calc(100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel);border:1px solid color-mix(in srgb, var(--c) 45%, var(--line));box-shadow:var(--shadow);border-radius:13px;align-items:center;gap:10px;padding:10px 10px 10px 14px;animation:.2s ease-out pop;display:flex}.toast-text{font-weight:600}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.tool[hidden]{display:none}.alarms{margin-top:8px}.note{color:var(--muted);margin:-4px 0 10px;font-size:13px}.small{margin:0 0 10px;font-size:14px}.alarm-list{gap:8px;margin-bottom:10px;display:grid}.alarm{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.alarm.off{opacity:.6}.alarm-time{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.alarm-meta{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.switch{width:20px;height:20px;accent-color:var(--brand)}.alarm-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alarm-add .in[type=time]{font-variant-numeric:tabular-nums;width:130px}.alarm-add .in[type=text]{flex:160px}.days{flex-wrap:wrap;gap:4px;display:flex}.day{position:relative}.day input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.day span{border:1px solid var(--line);background:var(--panel-2);min-width:34px;height:34px;color:var(--text-2);border-radius:9px;place-items:center;padding:0 6px;font-size:13px;display:inline-grid}.day input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}.day input:focus-visible+span{outline:2px solid var(--brand-2);outline-offset:2px}.ico{width:15px;height:15px;display:block}.card.done{border-color:var(--c)}.card.done .time{color:var(--c)}.card.done .ring-bg{stroke:var(--c);opacity:.35}.card.ringing{animation:1s ease-in-out infinite done-pulse}.card.done .card-actions .btn.small{height:32px}.card.done .btn.primary{background:var(--c);min-width:0;box-shadow:none}@keyframes done-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent), var(--shadow);background:var(--panel)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--c) 0%, transparent), var(--shadow);background:color-mix(in srgb, var(--c) 16%, var(--panel))}}.card.phase-flash{animation:.8s ease-out 2 phase-flash}@keyframes phase-flash{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--c) 35%, transparent), var(--shadow)}}html.focus-on{overflow:hidden}.focus-mode{--c:var(--brand);z-index:1000;background:var(--bg);color:var(--text);outline:none;place-items:center;display:grid;position:fixed;inset:0}.focus-mode.tinted{background:color-mix(in srgb, var(--c) 14%, var(--bg))}.focus-mode:fullscreen{background:var(--bg)}.focus-mode.tinted:fullscreen{background:color-mix(in srgb, var(--c) 14%, var(--bg))}.fm-center{text-align:center;justify-items:center;gap:1vh;padding:0 4vw;display:grid}.fm-label{color:var(--text-2);letter-spacing:.01em;font-size:clamp(16px,3.2vmin,34px);font-weight:600}.focus-mode[data-phase=focus] .fm-label,.focus-mode.done .fm-label{color:var(--c)}.fm-time{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:min(26vw,46vh);font-weight:750;line-height:.95}.focus-mode.paused .fm-time{opacity:.55}.focus-mode.done .fm-time{color:var(--c)}.fm-bar{background:var(--c);transform-origin:0;opacity:.85;height:4px;position:absolute;bottom:0;left:0;right:0}.fm-controls{gap:10px;transition:opacity .25s;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.fm-controls[hidden]{display:none}.fm-btn{border:1px solid var(--line);background:var(--panel);width:48px;height:48px;color:var(--text);border-radius:50%;font-size:16px;font-weight:700}.fm-btn:hover{border-color:var(--c)}.fm-btn[aria-pressed=true]{color:var(--c);border-color:var(--c)}.focus-mode.idle{cursor:none}.focus-mode.idle .fm-live{opacity:0;pointer-events:none}.focus-mode.done{animation:1s ease-in-out infinite focus-done}.focus-mode.done .fm-done .btn.primary{background:var(--c)}@keyframes focus-done{0%,to{background:var(--bg)}50%{background:color-mix(in srgb, var(--c) 30%, var(--bg))}}.sound-wrap{display:inline-flex}.sound-btn{padding:0 6px;font-size:14px}.sound-btn[data-sound=default]{opacity:.55;filter:grayscale()}.sound-btn[data-sound=off]{opacity:.9}.sound-btn[data-sound=chime],.sound-btn[data-sound=bell],.sound-btn[data-sound=digital]{border-color:var(--c,var(--brand))}.main-line .sound-wrap{margin-bottom:8px}.main-line .sound-btn{border-radius:50%;width:40px;height:40px;font-size:16px}.sound-pop{gap:2px;min-width:190px;padding:6px;display:grid}.card .sound-pop{left:0;right:auto}.pop-title{color:var(--muted);padding:4px 8px 6px;font-size:12px}.sound-opt{text-align:left;color:var(--text);background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.sound-opt:hover{background:var(--panel-2)}.sound-opt[aria-checked=true]{background:color-mix(in srgb, var(--brand) 14%, var(--panel));font-weight:650}.set-hint{color:var(--muted);max-width:260px;margin:-2px 6px 6px;font-size:12px}.set-hint[hidden]{display:none}.pill:disabled{opacity:.6}#ring-volume{width:120px;accent-color:var(--brand)}.active-head{justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;display:flex}.active-head[hidden]{display:none}.active-head .sec-h{margin:0}.pop-anchor{position:relative}.pop-btn{border:1.5px solid var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--panel));height:36px;color:var(--brand);box-shadow:0 0 0 4px var(--glow);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;font-weight:700;animation:.45s cubic-bezier(.2,.9,.3,1.3) pop-in;display:inline-flex}.pop-btn:hover,.pop-btn[aria-pressed=true]{background:var(--brand);color:#fff}.pop-btn[hidden]{display:none}.pop-svg{flex:none;width:18px;height:18px}.pop-split .pop-svg{vertical-align:middle;width:22px;height:22px}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.92)}}.pop-tip{z-index:25;background:var(--brand);color:#fff;width:max-content;max-width:min(280px,100vw - 32px);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:9px 8px 9px 12px;font-size:13px;font-weight:600;animation:.35s ease-out pop-in;display:flex;position:absolute;top:calc(100% + 10px);right:0}.pop-tip:before{content:"";background:var(--brand);width:12px;height:12px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.pop-tip-x{color:#fff;background:#fff3;border:0;border-radius:7px;width:24px;height:24px;font-size:15px;line-height:1}.btn.primary.has-split{border-top-right-radius:0;border-bottom-right-radius:0}.pop-split{background:color-mix(in srgb, var(--accent) 82%, #000);color:#fff;border:0;border-left:1px solid #ffffff59;border-radius:0 11px 11px 0;width:48px;height:56px;margin-left:-9px;padding:0;font-size:19px}.pop-split:hover{filter:brightness(1.12)}.pip-body{--n:1;background:var(--bg);color:var(--text);box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100vh;margin:0;padding:8px;display:flex}.pip-list{gap:6px;display:grid}.pip-row{--c:var(--brand);background:var(--panel);border:1px solid color-mix(in srgb, var(--c) 45%, var(--line));border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid;position:relative}.pip-row:before{content:"";background:var(--c);border-radius:0 4px 4px 0;width:4px;position:absolute;inset:8px auto 8px 0}.pip-row.paused{opacity:.7}.pip-row.done{border-color:var(--c)}.pip-row.done .pip-time{color:var(--c)}.pip-row.ringing{animation:1s ease-in-out infinite done-pulse}.pip-ring{width:clamp(28px, calc((100vh - 24px) / var(--n) * .62), 140px);aspect-ratio:1;display:block}.pip-ring svg{width:100%;height:100%;display:block}.pip-ring .ring-bg,.pip-ring .ring-fg{stroke-width:5px}.pip-main{min-width:0;display:grid}.pip-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:750;line-height:1;font-size:clamp(18px, min(17vw, calc((100vh - 24px) / var(--n) * .5)), 120px)}.pip-label{color:var(--text-2);font-size:clamp(11px, min(4.2vw, calc((100vh - 24px) / var(--n) * .16)), 22px);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.pip-btn{width:clamp(28px, calc((100vh - 24px) / var(--n) * .36), 52px);aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:50%;padding:0;font-size:12px;font-weight:700}.pip-btn:hover{border-color:var(--c);color:var(--c)}.pip-close{width:22px;height:22px;color:var(--muted);opacity:.6;background:0 0;border:0;border-radius:6px;padding:0;font-size:15px;line-height:1;position:fixed;top:4px;right:4px}.pip-close:hover{opacity:1;color:var(--text);background:var(--panel-2)}.pip-empty{color:var(--muted);text-align:center;margin:8px;font-size:13px}.sheet{background:var(--panel);width:min(640px,100vw - 24px);max-height:min(85vh,760px);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:0;overflow:auto}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050a1973}.sheet-head{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px 20px;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:17px}#alarms-body{padding:14px 20px 20px}#alarms-body .alarm{background:var(--panel-2)}.content{color:var(--text-2);padding:4px 20px 20px}.content .lead{color:var(--text);margin:12px 0 0}.content section+section{border-top:1px solid var(--line)}.content h2{color:var(--text);margin:16px 0 4px;font-size:16px}.content code,.content kbd{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:1px 5px;font:13px/1.4 ui-monospace,Cascadia Code,Consolas,monospace}.content li{margin:4px 0}.ad-slot{width:100%;max-width:728px;height:250px;margin:28px auto 0}.foot{max-width:960px;color:var(--muted);text-align:center;margin:0 auto;padding:14px 16px 24px;font-size:12px}.foot p{margin:6px 0 0}.foot a{color:inherit}.foot-nav{font-size:13px}.foot-nav a{color:var(--text-2);text-decoration:none}.foot-nav a:hover{color:var(--text);text-decoration:underline}.foot-nav a[aria-current=page]{color:var(--text);font-weight:650}.brand[aria-current=page]{cursor:default}.content table{border-collapse:collapse;width:100%;margin:6px 0;font-size:14px}.content th,.content td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.content th{color:var(--muted);font-size:12.5px;font-weight:600}@media (max-width:560px){.top{gap:6px;padding:10px 12px}.stage{min-height:calc(100svh - 56px)}.time{font-size:30px}.in-num{width:64px}.main-line{flex-wrap:wrap}.main-line .fields{flex-basis:100%}.main-line .btn.primary{flex:auto}.color-dot{margin-bottom:8px}.popover.settings{right:-46px}}@media (prefers-reduced-motion:reduce){.ring-fg{transition:none}.toast,.card.ringing,.card.phase-flash,.pip-row.ringing,.pop-btn,.pop-tip{animation:none}.card.ringing,.pip-row.ringing{background:color-mix(in srgb, var(--c) 16%, var(--panel));box-shadow:0 0 0 3px var(--c), var(--shadow)}.focus-mode.done{background:color-mix(in srgb, var(--c) 22%, var(--bg));animation:none}.fm-controls{transition:none}}