:root{--bg: #F5F6FA;--surface: #FFFFFF;--surface2: #EEF0F6;--ink: #14161B;--ink2: #3C4150;--muted: #6F7585;--line: #E6E8EF;--primary: #FF5436;--primary-deep: #D92000;--primary-soft: #FFF0ED;--on-primary: #FFFFFF;--btn-primary: var(--ink);--btn-primary-fg: #FFFFFF;--ok: #0E9F6E;--ok-soft: #DDF5EC;--warn: #D14343;--warn-soft: #FBE4E4;--info: #3D5AFE;--info-soft: #E8ECFF;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--t-display: 32px;--t-h1: 26px;--t-h2: 22px;--t-h3: 18px;--t-body: 16px;--t-sub: 14px;--t-pill: 13px;--lh-tight: 1.25;--lh-body: 1.6;--lh-sub: 1.5;--gutter: 20px;--gap: 16px;--section: 24px;--r-card: 20px;--r-hero: 24px;--r-sheet: 28px;--r-input: 14px;--r-pill: 999px;--r-dock: 12px;--e1: 0 1px 2px rgba(20, 22, 27, .05), 0 4px 14px rgba(20, 22, 27, .06);--e2: 0 2px 8px rgba(20, 22, 27, .1);--e2-primary: 0 6px 18px rgba(255, 84, 54, .28);--e3: 0 8px 28px rgba(20, 22, 27, .14);--e4: 0 -8px 36px rgba(20, 22, 27, .18);--ease-out: cubic-bezier(.2, .55, .3, 1);--ease-pop: cubic-bezier(.34, 1.4, .64, 1);--ease-close: cubic-bezier(.5, 0, .9, .4);--press-down: .05s;--press-up: .22s;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--stage: #0C0E13;--stage-fg: #F2F3F7;--stage-coral: #FF5436;--stage-rest: #7B8CFF}@media (prefers-color-scheme: dark){:root{--bg: #0C0E13;--surface: #171B24;--surface2: #202533;--ink: #F2F3F7;--ink2: #C9CDD8;--muted: #8E94A3;--line: #2A3040;--primary: #FF7A5C;--primary-deep: #FF9A80;--primary-soft: #3A2320;--on-primary: #14161B;--btn-primary: #F2F3F7;--btn-primary-fg: #0C0E13;--ok: #34D399;--ok-soft: #113328;--warn: #F08A8A;--warn-soft: #3A1E1E;--info: #7B8CFF;--info-soft: #1E2545;--e1: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .3);--e2: 0 2px 8px rgba(0, 0, 0, .4);--e3: 0 8px 28px rgba(0, 0, 0, .5);--e4: 0 -8px 36px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);line-height:var(--lh-body);font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;text-align:left}a{color:var(--primary-deep);text-decoration:none}h1,h2,h3{margin:0;line-height:var(--lh-tight);font-weight:800}ul{margin:0;padding:0;list-style:none}button:not(:disabled),[role=button]{transition:scale var(--press-up) var(--ease-out)}button:not(:disabled):active,[role=button]:active{scale:.96;transition-duration:var(--press-down)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{max-width:600px;margin:0 auto;min-height:100dvh}.wrap{padding-inline:var(--gutter)}.stack{display:flex;flex-direction:column;gap:var(--gap);padding-block:8px calc(32px + var(--safe-b))}.top{position:sticky;top:0;z-index:5;background:var(--bg);padding:calc(10px + var(--safe-t)) var(--gutter) 8px;display:flex;align-items:center;gap:12px;min-height:64px}.top .title{flex:1;min-width:0}.top .tag{display:block;font-size:var(--t-sub);font-weight:700;color:var(--primary-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top h1{font-size:var(--t-h2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:44px;height:44px;border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--e1);display:flex;align-items:center;justify-content:center;flex:none}.icon-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card{background:var(--surface);border-radius:var(--r-card);padding:20px;box-shadow:var(--e1)}.eyebrow{font-size:var(--t-sub);font-weight:700;color:var(--muted);margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:var(--t-sub)}.center{text-align:center}.foot{font-size:var(--t-pill);color:var(--muted);text-align:center;margin:0}.err{color:var(--warn);font-weight:700}.ex{display:flex;gap:16px;align-items:flex-start;width:100%}.ex+.ex{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.ex .tile{width:72px;height:72px;border-radius:18px;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex:none}.ex .tile svg,.exicon{width:54px;height:54px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ex .body{flex:1;min-width:0}.ex h2{font-size:20px;margin-bottom:4px;text-wrap:balance}.ex .open{display:flex;align-items:center;gap:6px;min-height:36px;font-size:var(--t-sub);font-weight:700;color:var(--primary-deep)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.chip{height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:var(--t-pill);font-weight:700;display:inline-flex;align-items:center;background:var(--surface2);color:var(--ink2)}.chip.target{background:var(--primary-soft);color:var(--primary-deep)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.cue{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}.cue li{display:flex;gap:8px}.cue li:before{content:"";width:6px;height:6px;border-radius:var(--r-pill);background:var(--primary);flex:none;margin-top:9px}.swap{margin-top:6px;font-size:var(--t-sub);font-weight:700;color:var(--primary-deep);display:inline-flex;align-items:center;gap:4px;min-height:36px}.swap:disabled{color:var(--muted)}.plan{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan .big{font-size:var(--t-h1);font-weight:800;line-height:1.2}.plan .sub{font-size:var(--t-sub);color:var(--muted);margin-top:2px}.segs{display:flex;gap:3px;margin-top:14px;height:10px;border-radius:var(--r-pill);overflow:hidden}.segs i{display:block;height:100%}.segs .w{background:var(--surface2)}.segs .a{background:var(--ink)}.segs .r{background:var(--line)}.segs .c{background:var(--ok-soft)}.legend{display:flex;gap:14px;font-size:var(--t-pill);color:var(--muted);margin-top:8px;flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.legend .w:before{background:var(--surface2)}.legend .a:before{background:var(--ink)}.legend .r:before{background:var(--line)}.legend .c:before{background:var(--ok-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-pill);font-weight:700;font-size:var(--t-body);background:var(--surface2);color:var(--ink)}.btn.primary{background:var(--btn-primary);color:var(--btn-primary-fg);min-height:56px;width:100%;font-size:18px;box-shadow:var(--e2)}.btn.ghost{background:transparent;color:var(--muted)}.btn.small{min-height:40px;padding:0 14px;font-size:var(--t-sub)}.btn:disabled{opacity:.45}.linkline{color:var(--primary-deep);font-weight:700}.week{display:flex;align-items:center;justify-content:space-between;gap:8px}.dots{display:flex;gap:10px}.dot{width:28px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}.dot i{width:14px;height:14px;border-radius:var(--r-pill);background:var(--surface2);border:2px solid transparent;display:block}.dot.done i{background:var(--primary);box-shadow:var(--e2-primary)}.dot.today i{border-color:var(--ink)}.dot.today{color:var(--ink)}.week.big .dot i{width:22px;height:22px}.streak{text-align:right}.streak b{display:block;font-size:var(--t-h2);line-height:1.2;white-space:nowrap}.streak span{font-size:var(--t-pill);color:var(--muted)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--stage);color:var(--stage-fg);z-index:20;display:flex;flex-direction:column;padding:calc(14px + var(--safe-t)) var(--gutter) calc(20px + var(--safe-b))}.st-head{display:flex;align-items:center;justify-content:space-between;min-height:48px}.st-head .x{width:48px;height:48px;border-radius:var(--r-pill);background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center}.phase{height:34px;padding:0 14px;border-radius:var(--r-pill);font-size:var(--t-sub);font-weight:800;display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;color:#fff}.phase.work{background:var(--stage-coral)}.phase.rest{background:#7b8cff38;color:#b8c2ff}.phase.paused{background:#ffffff38}.rounds{font-size:15px;font-weight:700;opacity:.75;min-width:48px;text-align:right}.st-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:0}.ring{position:relative;width:min(64vw,280px);aspect-ratio:1;max-width:100%}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10;stroke-linecap:round}.ring .track{stroke:#ffffff1f}.ring .bar{stroke:var(--stage-coral);transition:stroke-dashoffset .9s linear}.ring.rest .bar{stroke:var(--stage-rest)}.ring .num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:clamp(64px,20vw,92px);font-weight:800;line-height:1;letter-spacing:-.02em}.st-name{font-size:28px;font-weight:800;line-height:1.25;text-wrap:balance}.st-name small{display:block;font-size:var(--t-sub);font-weight:700;opacity:.6;margin-bottom:6px}.st-icon svg{width:84px;height:84px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.st-icon.dim svg{opacity:.5}.st-cue{margin:0;font-size:var(--t-body);line-height:1.5;opacity:.78;max-width:32ch;color:#fff}.st-cue li:before{background:var(--stage-coral)}.st-next{font-size:15px;font-weight:700;opacity:.6;min-height:24px}.st-ctl{display:flex;gap:12px;justify-content:center;align-items:center;padding-top:10px}.st-ctl .pill{min-height:56px;padding:0 28px;border-radius:var(--r-pill);background:#fff;color:#0c0e13;font-weight:800;font-size:17px;display:inline-flex;align-items:center;gap:8px}.st-ctl .ghost{min-height:56px;padding:0 18px;border-radius:var(--r-pill);color:#fff;opacity:.7;font-weight:700}.done-hero{text-align:center;padding:36px 0 8px}.done-hero .mark{width:96px;height:96px;border-radius:var(--r-pill);background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--e2-primary);margin-bottom:18px;animation:pop .5s var(--ease-pop) both}.done-hero .mark svg{width:48px;height:48px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.done-hero h1{font-size:30px}.done-hero p{margin:6px 0 0;color:var(--muted)}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi{background:var(--surface2);border-radius:16px;padding:14px 16px}.kpi b{display:block;font-size:var(--t-h1);line-height:1.2}.kpi span{font-size:var(--t-pill);color:var(--muted);font-weight:700}.gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + var(--safe-t)) var(--gutter) calc(24px + var(--safe-b));background:linear-gradient(160deg,#ff5436,#ff8a5c 55%,#ffb347 130%)}.gate .card{width:100%;max-width:420px;border-radius:28px;padding:28px 24px;box-shadow:var(--e3)}.gate .mark{width:64px;height:64px;border-radius:18px;background:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.gate .mark svg{width:36px;height:36px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gate h1{font-size:var(--t-h1);margin-bottom:6px}.gate p{margin:0 0 16px;color:var(--muted)}.in{width:100%;min-height:50px;background:var(--surface2);border:0;border-radius:var(--r-input);padding:0 16px;font-size:17px;outline:none}.in:focus{box-shadow:0 0 0 2px var(--primary)}.gate .btn.primary{margin-top:12px}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0e1373;animation:fade .25s both}.sheet{position:absolute;left:0;right:0;bottom:0;margin:0;background:var(--bg);border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:92dvh;display:flex;flex-direction:column;box-shadow:var(--e4);animation:sheet-in .32s var(--ease-out) both;padding-bottom:var(--safe-b)}.sheet-root.closing .sheet{animation:sheet-out .24s var(--ease-close) both}.sheet-root.closing .sheet-scrim{animation:fade .24s reverse both}.grab{width:40px;height:5px;border-radius:var(--r-pill);background:var(--line);margin:10px auto 4px}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 16px 10px}.sheet-title{font-size:17px;font-weight:800;text-align:center}.sheet-btn{font-size:var(--t-body);font-weight:600;color:var(--primary-deep);min-height:44px}.sheet-btn.strong{font-weight:800;text-align:right}.sheet-btn:disabled{opacity:.4}.sheet-body{overflow:auto;padding:0 16px 20px}.ilist{background:var(--surface);border-radius:16px;box-shadow:var(--e1);margin-top:14px;overflow:hidden}.irow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 16px;border-top:1px solid var(--line);font-size:17px;width:100%}.irow:first-child{border-top:0}.irow>span{font-size:var(--t-body)}.irow .hint{font-size:var(--t-pill);color:var(--muted);display:block;font-weight:400}.irow select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;text-align:right;color:var(--primary-deep);font-weight:700;padding-right:18px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%;background-size:5px 5px;background-repeat:no-repeat}.irow.danger{justify-content:center;color:var(--primary-deep);font-weight:700}.irow .val{color:var(--muted);font-size:var(--t-body)}.switch{position:relative;width:52px;height:32px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;width:100%;height:100%}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-pill);background:var(--line);transition:background .2s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:var(--r-pill);background:#fff;box-shadow:var(--e2);transition:translate .2s var(--ease-out)}.switch input:checked+i{background:var(--ok)}.switch input:checked+i:after{translate:20px 0}.ilist-note{font-size:var(--t-pill);color:var(--muted);padding:10px 4px 0;margin:0}.exl{display:flex;align-items:center;gap:12px}.exl input{width:22px;height:22px;accent-color:var(--primary);margin:0}.exl .g{font-size:var(--t-pill);color:var(--muted)}.detail-head{display:flex;gap:16px;align-items:center;padding:6px 4px 0}.detail-head .tile{width:72px;height:72px;border-radius:18px;background:var(--surface);box-shadow:var(--e1);display:flex;align-items:center;justify-content:center;flex:none}.detail-head h2{font-size:var(--t-h2)}.detail-head .en{font-size:var(--t-sub);color:var(--muted);font-weight:600}.sec{padding:14px 16px;border-top:1px solid var(--line)}.sec:first-child{border-top:0}.sec h3{font-size:var(--t-body);font-weight:800;margin-bottom:6px}.sec p{margin:0;color:var(--ink2)}.steps{counter-reset:s;display:flex;flex-direction:column;gap:8px}.steps li{display:flex;gap:10px;color:var(--ink2);line-height:1.5}.steps li:before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font-size:var(--t-pill);font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:1px}.mist li{display:flex;gap:8px;color:var(--ink2);line-height:1.5}.mist li:before{content:"!";width:20px;height:20px;border-radius:var(--r-pill);background:var(--warn-soft);color:var(--warn);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-top:3px}.kv{display:grid;grid-template-columns:86px 1fr;gap:6px 12px}.kv b{font-size:var(--t-sub);color:var(--muted);font-weight:700}.kv span{color:var(--ink2)}.srcs{font-size:var(--t-pill);color:var(--muted);word-break:break-all}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));translate:-50% 0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:var(--r-pill);font-weight:800;font-size:15px;box-shadow:var(--e2);z-index:40;animation:toast-in .3s var(--ease-out) both;max-width:calc(100vw - 40px);text-align:center}@keyframes sheet-in{0%{translate:0 100%}to{translate:0 0}}@keyframes sheet-out{0%{translate:0 0}to{translate:0 100%}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{translate:-50% 24px;opacity:0}to{translate:-50% 0;opacity:1}}@keyframes pop{0%{scale:.6;opacity:0}to{scale:1;opacity:1}}@media (min-width: 1000px){.app{max-width:640px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}button:active{scale:1}}