.res-tiles{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:600px){.res-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--bg:#f5f7f5;--surface:#fff;--surface-2:#ecf0ed;--ink:#16201c;--ink-2:#47554f;--ink-3:#5e6b66;--line:#d6ddd8;--line-2:#838f88;--accent:#0e6b5b;--accent-ink:#0a5346;--accent-soft:#dceee9;--on-accent:#fff;--ok:#1b7440;--ok-soft:#ddf1e3;--ok-ink:#12491f;--warn:#8f5600;--warn-soft:#faebcb;--warn-ink:#5f3b00;--bad:#b0281f;--bad-soft:#f9dfdc;--bad-ink:#771a12;--info:#1c5c9e;--info-soft:#ddeaf7;--info-ink:#1c5c9e;--shadow:0 1px 2px #16201c0f, 0 6px 20px #16201c0f;--font-body:system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "D2Coding", monospace;--tap-min:48px;--btn:56px;--tile:76px;--gap:12px;--radius:10px;--text-scale:1;--fs-body:calc(18px * var(--text-scale));--fs-sub:calc(16px * var(--text-scale));--fs-title:calc(22px * var(--text-scale));--focus-ring:3px solid var(--accent);--focus-offset:2px;--motion-max:.2s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-big]{--text-scale:1.16}:root[data-profile=desk]{--font-body:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif;--gap:.75rem;--control-h:2.25rem;--rail-h:2.4rem;--fs-body:calc(.95rem * var(--text-scale));--fs-sub:calc(.86rem * var(--text-scale));--fs-cell:calc(.875rem * var(--text-scale));--fs-title:calc(1.16rem * var(--text-scale))}:root[data-profile=read]{--fs-body:calc(1.125rem * var(--text-scale));--fs-sub:calc(1rem * var(--text-scale));--fs-title:calc(1.32rem * var(--text-scale))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1413;--surface:#161c1a;--surface-2:#1d2522;--ink:#e5ece8;--ink-2:#a8b5af;--ink-3:#8e9b95;--line:#2a3531;--line-2:#5f6e67;--accent:#5bc3ae;--accent-ink:#8bdbca;--accent-soft:#15332d;--on-accent:#161c1a;--ok:#6dcb8b;--ok-soft:#163222;--ok-ink:#b5e8c2;--warn:#e7b35b;--warn-soft:#3a2b10;--warn-ink:#f6d994;--bad:#f2867d;--bad-soft:#40201d;--bad-ink:#f7c3bc;--info:#80b5ee;--info-soft:#172b40;--info-ink:#80b5ee;--shadow:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1413;--surface:#161c1a;--surface-2:#1d2522;--ink:#e5ece8;--ink-2:#a8b5af;--ink-3:#8e9b95;--line:#2a3531;--line-2:#5f6e67;--accent:#5bc3ae;--accent-ink:#8bdbca;--accent-soft:#15332d;--on-accent:#161c1a;--ok:#6dcb8b;--ok-soft:#163222;--ok-ink:#b5e8c2;--warn:#e7b35b;--warn-soft:#3a2b10;--warn-ink:#f6d994;--bad:#f2867d;--bad-soft:#40201d;--bad-ink:#f7c3bc;--info:#80b5ee;--info-soft:#172b40;--info-ink:#80b5ee;--shadow:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-night=true],:root[data-theme=night]{--bg:#080b0a;--surface:#101614;--surface-2:#161d1a;--ink:#c7d1cc;--ink-2:#9aa9a2;--ink-3:#84928c;--line:#1f2925;--line-2:#5c6b64;--accent:#4fae9a;--accent-ink:#86cdbf;--accent-soft:#0f2b25;--on-accent:#101614;--ok:#64b97f;--ok-soft:#10251a;--ok-ink:#64b97f;--warn:#d4a14d;--warn-soft:#2e230d;--warn-ink:#d4a14d;--bad:#e8786d;--bad-soft:#351a17;--bad-ink:#e8786d;--info:#80b5ee;--info-soft:#172b40;--info-ink:#80b5ee;--shadow:0 1px 2px #0006, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;line-height:1.45;overflow-x:hidden}button{font:inherit;color:inherit}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app{background:var(--bg);flex-direction:column;max-width:720px;height:100dvh;margin-inline:auto;display:flex;position:relative}@media (min-width:721px){.app{border-inline:1px solid var(--line)}}.top{z-index:6;padding:6px 10px;padding-top:max(6px, env(safe-area-inset-top));border-bottom:1px solid var(--line-2);background:var(--surface);flex-wrap:nowrap;flex:none;align-items:center;gap:8px;display:flex;position:relative}.who{border:1px solid var(--line-2);background:var(--surface);border-radius:var(--radius);max-width:46%;min-height:52px;min-width:var(--tap-min);text-align:left;cursor:pointer;flex:none;padding:4px 10px;font-weight:700}.who-name,.who small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.who small{font-weight:400;font-size:var(--fs-sub);color:var(--ink-2)}.app-name{align-items:center;gap:8px;padding:10px 6px;font-weight:700;display:inline-flex}.app-mark{flex:none}.app-wordmark{letter-spacing:-.02em}.status{text-align:right;line-height:1.3;font-size:var(--fs-sub);border-radius:var(--radius);color:var(--ok);background:0 0;flex-direction:column;flex:1 1 0;min-width:0;padding:4px 8px;font-weight:700;display:flex}.status-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.status[data-state=disconnected],.status[data-state=standalone]{background:var(--warn-soft);color:var(--warn)}.status .num{font-family:var(--font-mono);font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.strip{z-index:6;border-bottom:1px solid var(--line-2);background:var(--surface-2);height:64px;color:var(--ink-2);font-size:var(--fs-sub);flex:none;align-items:center;gap:8px;padding:4px 10px;display:flex;position:relative}.strip-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.3;display:-webkit-box;overflow:hidden}.strip[data-kind=saved]{background:var(--ink);color:var(--bg)}.strip[data-kind=undone]{background:var(--warn-soft);color:var(--warn);font-weight:700}.strip .tap{color:inherit;background:0 0;border-color:currentColor;flex:none}.strip-notice{border-radius:var(--radius);flex:none;max-width:52%;font-weight:700;display:flex;position:relative}.strip-notice-bad{background:var(--bad-soft);color:var(--bad)}.strip-notice-warn{background:var(--warn-soft);color:var(--warn)}.strip-notice button{all:unset;box-sizing:border-box;cursor:pointer;text-align:right;justify-content:flex-end;align-items:center;min-width:0;min-height:48px;padding:0 10px;line-height:1.3;text-decoration:underline;display:flex}.strip-notice button span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast{left:12px;right:12px;bottom:calc(var(--gap) + 4px);z-index:3;pointer-events:none;text-align:center;background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn);border-radius:var(--radius);padding:8px 10px;font-weight:700;line-height:1.3;position:absolute}.sheet-root{z-index:5;flex:none;height:0;position:relative}.sheet-scrim{background:color-mix(in srgb, var(--ink) 38%, transparent);height:100dvh;position:absolute;bottom:0;left:0;right:0}.sheet{gap:var(--gap);background:var(--surface);border-top:3px solid var(--accent);max-height:72dvh;box-shadow:var(--shadow);flex-direction:column;padding:14px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.app[data-locked=true] .sheet-root{display:none}.sheet-text{line-height:1.45}.main{overscroll-behavior:contain;min-height:0;margin-bottom:var(--gap);flex:1;overflow:hidden auto}.screen-body{gap:var(--gap);flex-direction:column;padding:12px 12px 24px;display:flex}.screen-h{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.screen-title{font-size:var(--fs-title);font-weight:700}.screen-sub{font-size:var(--fs-sub);color:var(--ink-2)}.section{font-size:var(--fs-sub);color:var(--ink-2);margin-top:4px;font-weight:700}.empty{color:var(--ink-2)}.tabs{grid-template-columns:repeat(var(--tab-count,4), minmax(0, 1fr));border-top:1px solid var(--line-2);background:var(--surface);min-height:60px;padding:4px 4px max(4px, env(safe-area-inset-bottom));flex:none;gap:8px;display:grid}.tabs button{border:1px solid var(--ink-2);border-radius:var(--radius);background:var(--surface);min-height:60px;font-size:var(--fs-sub);color:var(--ink-2);cursor:pointer;overflow-wrap:anywhere;padding:4px;font-weight:700}.tabs button[aria-current=page]{color:var(--accent-ink);box-shadow:inset 0 3px 0 var(--accent);font-weight:700}.list{gap:var(--gap);flex-direction:column;display:flex}.list>li{flex:none}.row{gap:var(--gap);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);text-align:left;width:100%;color:var(--ink);flex-direction:column;padding:12px;display:flex}.row-button{min-height:var(--btn);cursor:pointer;justify-content:center}.row-off{background:0 0;border-style:dashed}.row-done{border-color:var(--ok)}.row-l1{flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:700;display:flex}.row-l1 .rm{font-family:var(--font-mono);font-size:var(--fs-sub);color:var(--ink-2);font-weight:400}.row-l1 .tag{margin-left:auto}.row-l1 .go{color:var(--accent-ink);font-weight:700}.row-l1 .tag+.go{margin-left:4px}.row-button .row-l1{padding-right:1.1em;position:relative}.row-button .row-l1 .go{margin-left:0;position:absolute;top:0;right:0}.row-l2{font-size:var(--fs-sub);color:var(--ink-2)}.tag{font-size:var(--fs-sub);font-weight:700}.tag.ok{color:var(--ok)}.tag.warn{color:var(--warn)}.tag.bad{color:var(--bad)}.info{font-size:var(--fs-sub);color:var(--ink);background:var(--surface-2);border-radius:var(--radius);padding:10px 12px}.info.warn{background:var(--warn-soft);color:var(--warn)}.info.bad{background:var(--bad-soft);color:var(--bad)}.info.ok{background:var(--ok-soft);color:var(--ok)}.bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.bar i{background:var(--accent);height:100%;display:block}.bar-over i{background:var(--bad)}.tap{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:var(--radius);min-height:var(--btn);min-width:var(--tap-min);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:8px 10px;font-size:1.11em;font-weight:700;line-height:1.25}.tap small{font-weight:400;font-size:max(.85em, var(--fs-sub));color:var(--ink-2);display:block}.tap-sm{min-height:var(--tap-min);font-size:max(1em, var(--fs-sub));font-weight:700}.tap-tile{min-height:var(--tile)}.tap-primary{background:var(--accent);border-color:var(--on-accent);box-shadow:0 0 0 1px var(--accent);color:var(--on-accent)}.tap-next{border-color:var(--accent);background:var(--surface);color:var(--accent-ink);border-width:2px}.tap-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent);border-width:2px}.tap-locked{box-shadow:none;background:var(--surface);color:var(--ink-2);border-color:var(--ink-2);cursor:default;border-style:dashed}.tap-locked small{color:inherit}.tap:active:not([aria-disabled=true]){background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.tap-primary:active:not([aria-disabled=true]){background:var(--accent-ink);border-color:var(--on-accent);box-shadow:0 0 0 1px var(--accent-ink);color:var(--on-accent)}.row-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.row-button:active{background:var(--surface-2)}.grid2,.grid3{gap:var(--gap);display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.pin-name{font-size:1.33em;font-weight:700}.pin-dots{font-family:var(--font-mono);letter-spacing:.2em;font-size:1.6em}.pad{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pad .tap{min-height:var(--btn);font-size:1.3em;font-family:var(--font-mono)}.pad .tap-sm{font-family:var(--font-body);font-size:1em}.screen-body[data-testid=pin-screen],.screen-body[data-testid=enroll-code]{min-height:100%}.screen-body[data-testid=pin-screen] .pad,.screen-body[data-testid=enroll-code] .pad{margin-top:auto}.settings{gap:var(--gap);border-top:1px solid var(--line);flex-direction:column;padding-top:8px;display:flex}.main{overflow-anchor:none}.info .tap{margin-top:var(--gap)}.tap.tap-stick,.tap.nc-save{z-index:1;box-shadow:0 calc(var(--gap) * -1) 0 0 var(--bg), 0 0 0 4px var(--bg);position:sticky;bottom:0}@media (max-height:700px){.top{padding-block:4px;padding-top:max(4px, env(safe-area-inset-top))}.who{min-height:var(--tap-min);padding-block:2px;line-height:1.2}.strip{height:56px;padding-block:3px}.tabs,.tabs button{min-height:52px}.screen-body{padding-top:8px}}.tap-sm[data-kind=save]{min-height:var(--btn)}.tap-default{border-color:var(--ink-2)}.main{scroll-padding-block:16px 100px}@media (max-width:340px),(max-height:480px){.app{height:auto;min-height:100dvh}.main{flex:none;overflow:visible}.top{flex-wrap:wrap}.who{max-width:100%}.who-name,.who small,.status-line{white-space:normal;overflow:visible}.strip{flex-wrap:wrap;height:auto;min-height:64px}.strip-text{min-width:50%;display:block;overflow:visible}.strip-notice{max-width:100%}.strip-notice button span{display:block;overflow:visible}.tap.tap-stick,.tap.nc-save{box-shadow:none;position:static}.status{flex-flow:wrap;flex:100%;justify-content:space-between;gap:8px}.status-line{white-space:nowrap}.grid2,.grid3{grid-template-columns:1fr}.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-root{pointer-events:none;height:auto;position:fixed;inset:0}.sheet,.sheet-scrim{pointer-events:auto}.sheet{max-height:90dvh}.sheet-scrim{height:100%}}.tap-primary.tap-sm{min-height:var(--btn)}.sheet-root:has(>.sheet[role=alert]){height:auto;position:relative;inset:auto}.sheet-root>.sheet[role=alert]{max-height:50dvh;box-shadow:none;position:static}