:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--bg:#eef2f6;--surface:#fff;--surface-2:#f5f7fa;--ink:#172230;--ink-2:#4a5868;--ink-3:#5d6977;--line:#dbe2ea;--brand:#1f5fd1;--brand-ink:#fff;--brand-soft:#e4edfc;--focus:#1f5fd1;--shadow:0 1px 2px #1722300f;--day-bg:#def1ff;--day-ink:#0b557f;--day-dot:#f3b400;--night-bg:#272e6e;--night-ink:#e6e8ff;--night-dot:#b9c2ff;--off-bg:#e8ecf1;--off-ink:#556270;--off-dot:#9aa6b4;--ok-bg:#e2f4ea;--ok-ink:#1a7a4c;--late-bg:#fff0d6;--late-ink:#9a5b00;--missing-bg:#fde6e4;--missing-ink:#b8322a;--leave-bg:#eeeafd;--leave-ink:#5b43b5;--pending-bg:#e4edfc;--pending-ink:#1f5fd1;--absent-bg:#f2e3e8;--absent-ink:#8c2246;--info-bg:#e4edfc;--info-ink:#1b4ea8;--warn-bg:#fff3d9;--warn-ink:#7f4b00;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--tap:44px;--tabbar-h:60px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c1220;--surface:#151d2e;--surface-2:#1b2539;--ink:#e6ebf2;--ink-2:#a9b4c3;--ink-3:#8592a4;--line:#27334b;--brand:#6f9fff;--brand-ink:#0c1220;--brand-soft:#1c2b4b;--focus:#8fb4ff;--shadow:none;--day-bg:#123a56;--day-ink:#c4e8ff;--day-dot:#ffcd3c;--night-bg:#313a92;--night-ink:#e6e8ff;--night-dot:#c2caff;--off-bg:#232d40;--off-ink:#a9b4c3;--off-dot:#6c788b;--ok-bg:#133628;--ok-ink:#7fdcaa;--late-bg:#3a2a0e;--late-ink:#ffc46b;--missing-bg:#3e1a1a;--missing-ink:#ff9a91;--leave-bg:#2a2350;--leave-ink:#c3b5ff;--pending-bg:#1c2b4b;--pending-ink:#9cbcff;--absent-bg:#3a1a28;--absent-ink:#ff9fc0;--info-bg:#1c2b4b;--info-ink:#b5ccff;--warn-bg:#3a2a0e;--warn-ink:#ffd08a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font);font-feature-settings:"tnum";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1.25}h2{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.35}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page{max-width:560px;padding:calc(var(--s6) + env(safe-area-inset-top)) calc(var(--s4) + env(safe-area-inset-right)) var(--s6) calc(var(--s4) + env(safe-area-inset-left));gap:var(--s4);margin:0 auto;display:grid}.shell .page{padding-bottom:calc(var(--tabbar-h) + var(--s6) + env(safe-area-inset-bottom))}.page-head{gap:var(--s1);padding:var(--s2) var(--s1) var(--s1);display:grid}.muted{color:var(--ink-2)}.small{font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow)}.card>*+*{margin-top:var(--s3)}.btn{appearance:none;border-radius:var(--r-md);min-height:var(--tap);padding:0 var(--s5);font:600 16px/1 var(--font);cursor:pointer;justify-content:center;align-items:center;gap:var(--s2);border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--brand);color:var(--brand-ink);min-height:52px;font-size:17px}.btn-secondary{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn-ghost{color:var(--brand);background:0 0}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:default}.btn:active:not(:disabled){transform:translateY(1px)}.field{gap:var(--s2);display:grid}.field label{color:var(--ink-2);font-size:15px;font-weight:600}.input{width:100%;min-height:52px;padding:0 var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);font:400 17px/1.2 var(--font)}.input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--focus);background:var(--surface)}.input[aria-invalid=true]{border-color:var(--missing-ink)}.form{gap:var(--s4);display:grid}.error{color:var(--missing-ink);font-size:15px;font-weight:600}.error:empty{position:absolute}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.chip{border-radius:var(--r-pill);white-space:nowrap;background:var(--c-bg);height:28px;color:var(--c-ink);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.chip:before{content:"";background:var(--c-dot,currentColor);border-radius:50%;width:7px;height:7px}.chip-day{--c-bg:var(--day-bg);--c-ink:var(--day-ink);--c-dot:var(--day-dot)}.chip-night{--c-bg:var(--night-bg);--c-ink:var(--night-ink);--c-dot:var(--night-dot)}.chip-off{--c-bg:var(--off-bg);--c-ink:var(--off-ink);--c-dot:var(--off-dot)}.chip-ok{--c-bg:var(--ok-bg);--c-ink:var(--ok-ink)}.chip-late{--c-bg:var(--late-bg);--c-ink:var(--late-ink)}.chip-missing{--c-bg:var(--missing-bg);--c-ink:var(--missing-ink)}.chip-leave{--c-bg:var(--leave-bg);--c-ink:var(--leave-ink)}.chip-pending{--c-bg:var(--pending-bg);--c-ink:var(--pending-ink)}.chip-absent{--c-bg:var(--absent-bg);--c-ink:var(--absent-ink)}.chip-neutral{--c-bg:var(--surface-2);--c-ink:var(--ink-3)}.banner{border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:15px;font-weight:500}.banner-info{background:var(--info-bg);color:var(--info-ink)}.banner-warn{background:var(--warn-bg);color:var(--warn-ink)}.sheet-backdrop{z-index:20;background:#060a1480;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:88vh;padding:var(--s3) var(--s5) calc(var(--s6) + env(safe-area-inset-bottom));animation:.2s ease-out sheet-in;overflow:auto}.sheet:focus{outline:none}.sheet-grip{background:var(--line);width:40px;height:5px;margin:0 auto var(--s3);border-radius:3px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s3);display:flex}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:560px;display:flex}.tab{min-height:var(--tabbar-h);appearance:none;cursor:pointer;color:var(--ink-3);font:600 12px/1 var(--font);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--brand)}.tab[aria-current=page]:before{content:"";background:var(--brand);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.badge{border-radius:var(--r-pill);background:var(--missing-ink);min-width:18px;height:18px;color:var(--surface);text-align:center;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:6px;left:calc(50% + 6px)}.auth{align-content:center;min-height:100dvh;display:grid}.brand{gap:var(--s3);padding:0 var(--s1) var(--s2);display:grid}.brand h1{font-size:32px}.shift-band{--n:var(--night-bg);border-radius:var(--r-pill);background:linear-gradient(90deg, var(--n) 0 8.33%, var(--day-dot) 8.33%, #7cc8f5 45.83%, var(--off-bg) 45.83% 54.17%, var(--n) 54.17%);height:8px}@media (prefers-color-scheme:dark){.shift-band{--n:var(--night-dot)}}.hint{color:var(--ink-3);text-align:center;font-size:14px}.profile{align-items:center;gap:var(--s4);display:flex}.avatar{background:var(--brand-soft);width:52px;height:52px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid}.card.list{padding:var(--s1) var(--s4);display:grid}.list .btn{padding:0 var(--s1);min-height:52px;color:var(--ink);border-radius:0;justify-content:space-between;font-weight:500}.list .btn+.btn{border-top:1px solid var(--line);margin-top:0}.list .danger{color:var(--missing-ink)}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.card-head{justify-content:space-between;align-items:baseline;gap:var(--s2);display:flex}.actions{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.danger{color:var(--missing-ink)}.big-time{letter-spacing:-.01em;font-size:20px;font-weight:700}.big-num{letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:1.15}.inout{align-items:center;gap:var(--s6);display:flex}.inout>div{display:grid}.inout strong{letter-spacing:-.01em;font-size:22px}.inout .chip{margin-left:auto}dl,dd{margin:0}.mins,.totals{gap:var(--s2) var(--s4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.mins>div,.totals>div{justify-content:space-between;gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--line);display:flex}.mins dt,.totals dt{color:var(--ink-2)}.mins dd,.totals dd{font-weight:700}.toast{z-index:30;left:50%;bottom:calc(var(--tabbar-h) + var(--s4) + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 2 * var(--s4));padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--ink);color:var(--surface);font-size:15px;font-weight:600;position:fixed;transform:translate(-50%)}.toast:empty{opacity:0;pointer-events:none;padding:0}.missing-list,.punches,.req-list{margin:0;padding:0;list-style:none}.missing-list li+li{border-top:1px solid var(--line)}.missing-item{align-items:center;gap:var(--s3);appearance:none;width:100%;min-height:52px;padding:0 var(--s1);cursor:pointer;font:600 16px/1.2 var(--font);color:var(--ink);text-align:left;background:0 0;border:0;display:flex}.missing-item .go{color:var(--brand);margin-left:auto;font-size:15px}.month-head{grid-template-columns:1fr auto;align-items:center}.month-nav{gap:var(--s2);display:flex}.month-nav .btn{width:var(--tap);padding:0;font-size:22px}.card.cal{padding:var(--s3) var(--s2)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-grid>[role=listitem]{display:contents}.cal-wd{text-align:center;color:var(--ink-3);padding-bottom:var(--s1);font-size:13px;font-weight:600}.cal-wd:nth-child(6){color:var(--brand)}.cal-wd:nth-child(7){color:var(--missing-ink)}.cal-cell{appearance:none;border-radius:var(--r-md);cursor:pointer;width:100%;min-height:68px;font:600 15px/1 var(--font);color:var(--ink);background:0 0;border:2px solid #0000;align-content:start;justify-items:center;gap:4px;padding:6px 0 8px;display:grid}.cal-cell:hover:not(:disabled){background:var(--surface-2)}.cal-cell:disabled{color:var(--ink-3);cursor:default}.cal-cell[aria-current=date]{border-color:var(--brand)}.cal-cell[aria-current=date] .cal-num{color:var(--brand)}.cal-shift{border-radius:var(--r-pill);background:var(--c-bg);min-width:24px;height:20px;color:var(--c-ink);padding:0 5px;font-size:12px;font-weight:700;line-height:20px}.dot{background:var(--c-ink);border-radius:50%;width:8px;height:8px}.detail{gap:var(--s5);display:grid}.detail h3{color:var(--ink-2);margin:0 0 var(--s2);font-size:14px;font-weight:700}.punches li{gap:var(--s4);padding:var(--s2) 0;border-bottom:1px solid var(--line);display:flex}.hint-under{text-align:center;margin-top:var(--s2)}.time-pair{gap:var(--s3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.check{align-items:center;gap:var(--s3);min-height:var(--tap);cursor:pointer;font-weight:600;display:flex}.check input{width:22px;height:22px;accent-color:var(--brand);margin:0}.choices{gap:var(--s2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.choices legend{color:var(--ink-2);margin-bottom:var(--s2);padding:0;font-size:15px;font-weight:600}.choice{min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface-2);cursor:pointer;align-items:center;font-weight:600;display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice:has(input:checked){background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.textarea{min-height:96px;padding:var(--s3) var(--s4);resize:vertical;line-height:1.5}.counter{justify-content:space-between;display:flex}.warn-ink{color:var(--late-ink);font-weight:600}.seg{gap:var(--s2);display:flex}.seg-btn{min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r-pill);appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 15px/1 var(--font);cursor:pointer}.seg-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.req-list{gap:var(--s3);display:grid}.req{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4) var(--s5);gap:var(--s2);display:grid}.req-times{gap:var(--s5);display:flex}.req-times>div{gap:var(--s2);display:flex}.req-times dt{color:var(--ink-2)}.req-times dd{font-weight:700}.note{background:var(--surface-2);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.confirm{gap:var(--s2);display:grid}@media (width>=900px){.shell .page,.tabbar-inner{max-width:720px}.cal-cell{min-height:84px}}.cmp{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.cmp>div{gap:var(--s1);background:var(--surface-2);border-radius:var(--r-md);padding:var(--s3);align-content:start;display:grid}.cmp-punches{gap:2px;margin:0;padding:0;font-weight:600;list-style:none;display:grid}.cmp-req{gap:var(--s1);margin:0;display:grid}.cmp-req>div{justify-content:space-between;gap:var(--s2);padding:2px var(--s2);border-radius:var(--r-sm);border-left:3px solid #0000;display:flex}.cmp-req dt{color:var(--ink-2)}.cmp-req dd{margin:0;font-weight:700}.cmp-req .changed{background:var(--pending-bg);color:var(--pending-ink);border-left-color:var(--brand)}.grp h2{margin-bottom:var(--s2)}.members{margin:0;padding:0;list-style:none}.members li+li{border-top:1px solid var(--line)}.member{align-items:center;gap:var(--s3);min-height:52px;color:var(--ink);text-decoration:none;display:flex}.member-time{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.back{min-height:var(--tap);padding:0 var(--s1);color:var(--brand);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.member-name{padding:0 var(--s1);margin:0}.reason{gap:var(--s2);justify-items:start;display:grid}