@font-face{font-family:Pretendard;font-weight:900;font-display:swap;src:local(Pretendard Black),url(../media/Pretendard-Black.24p8rjygxx9n5.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Black.3h71fuj8lb45i.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:800;font-display:swap;src:local(Pretendard ExtraBold),url(../media/Pretendard-ExtraBold.1rtnw26rvexca.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-ExtraBold.3xh978ym91cv4.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local(Pretendard Bold),url(../media/Pretendard-Bold.1cfk49tbzmfis.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Bold.1lrb5nb-7px4z.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:600;font-display:swap;src:local(Pretendard SemiBold),url(../media/Pretendard-SemiBold.2je90oztabw7z.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-SemiBold.0sro4kmosa7r8.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:500;font-display:swap;src:local(Pretendard Medium),url(../media/Pretendard-Medium.0-n5zj38p5zco.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Medium.18f0s6plzhh8j.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local(Pretendard Regular),url(../media/Pretendard-Regular.0b3u7ignt8dbu.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Regular.2tr73kv-9must.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:300;font-display:swap;src:local(Pretendard Light),url(../media/Pretendard-Light.22rh-fizexaog.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Light.3in1pf88b04-3.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:200;font-display:swap;src:local(Pretendard ExtraLight),url(../media/Pretendard-ExtraLight.1qw0_jmh4ft9n.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-ExtraLight.0_xfnajuvzihk.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}@font-face{font-family:Pretendard;font-weight:100;font-display:swap;src:local(Pretendard Thin),url(../media/Pretendard-Thin.2czvl9hqqlzoh.woff2?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff2"),url(../media/Pretendard-Thin.2x46-bp0x7o3e.woff?dpl=dpl_GDBFm8tPNkyzd8VhBYogtktUE7MP)format("woff")}
:root{--clock-text-small:18px;color:#20283d;font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #94a1d3}.clock-shell{flex-direction:column;gap:24px;max-width:1440px;min-height:100dvh;margin:auto;padding:28px 36px;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;font-size:24px;font-weight:650;display:flex}.brand-mark{color:#fff;background:#3d4e96;border-radius:12px;place-content:center;width:44px;height:44px;font-size:29px;display:grid}.brand-sub{font-size:var(--clock-text-small);color:#687087;margin-top:3px;font-weight:500;display:block}.header-actions{align-items:center;gap:8px;display:flex}.clock-card{flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:680px;padding:100px 24px 34px;display:flex}.clock-inner{width:100%;max-width:440px}.time-block{text-align:center;margin-bottom:30px}.date{color:#46516b;font-variant-numeric:tabular-nums;margin:0 0 10px;font-size:28px;font-weight:550}.current-time{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:0;font-size:64px;font-weight:650;line-height:1.15}.device-name{color:#687087;font-size:var(--clock-text-small);overflow-wrap:anywhere;margin:10px 0 0}.form{flex-direction:column;gap:14px;display:flex}.form h1{text-align:center;margin:0 0 5px;font-size:21px;font-weight:600;line-height:1.4}.form label{font-size:var(--clock-text-small);color:#505b71}.input{color:#20283d;background:#fff;border:1px solid #d0d6e3;border-radius:10px;width:100%;height:56px;padding:12px 16px;font-size:20px}.button{color:#fff;min-height:52px;font-size:var(--clock-text-small);cursor:pointer;background:#3d4e96;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:background .12s;display:inline-flex}.button:hover{background:#334382}.button:disabled{opacity:.45;cursor:default}.ghost{color:#536078;background:0 0}.ghost:hover{background:#f0f2f7}.soft{color:#3d4e96;background:#eef0f9}.keypad{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.key{color:#273451;aspect-ratio:1.25;background:#fff;border:1px solid #e0e4ed;border-radius:18px;min-height:0;padding:8px;font-size:36px;font-weight:550;transition:background .12s,transform .12s,box-shadow .12s;box-shadow:0 3px #e8ebf2,0 5px 12px #20283d08}.key:hover:not(:disabled){background:#f5f6fa}.key:active:not(:disabled){background:#eef0f8;transform:translateY(3px);box-shadow:0 0 #e8ebf2}.key.small{font-size:var(--clock-text-small)}.hint{color:#646d81;font-size:var(--clock-text-small);text-align:center;margin:0;line-height:1.65}.help{font-size:var(--clock-text-small);margin-top:14px}.error{color:#a02b33;font-size:var(--clock-text-small);overflow-wrap:anywhere;background:#fff3f3;border:1px solid #f1d5d7;border-radius:10px;margin:14px 0 0;padding:12px 14px;line-height:1.6}.person-name{text-align:center;margin:0;font-size:18px;font-weight:600}.person h1{overflow-wrap:anywhere;font-size:30px}.status{text-align:center;color:#636f84;margin:0 0 12px}.punch{min-height:86px;margin:0 0 4px;font-size:26px}.records{margin:14px 0 0;padding:0;list-style:none}.records li{font-size:var(--clock-text-small);font-variant-numeric:tabular-nums;border-bottom:1px solid #e9ecf2;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;display:flex}details{border-top:1px solid #e9ecf2;margin-top:12px;padding-top:16px}summary{cursor:pointer;min-height:44px;font-size:var(--clock-text-small);color:#56627a;padding:12px 0}.success{text-align:center;justify-content:center;min-height:260px}.check{color:#2d7658;font-size:44px}.saved-time{font-variant-numeric:tabular-nums;margin:0 0 20px;font-size:34px}.loading{place-content:center;height:160px;display:grid}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:21px;height:21px;animation:.8s linear infinite spin}footer{text-align:center;color:#687087;min-height:0}.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}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.button{transition:none}}@media (max-width:600px){.clock-shell{gap:18px;padding:16px 14px}.clock-card{min-height:620px;padding:26px 18px}.brand{font-size:20px}.brand-mark{width:38px;height:38px}.brand-sub{font-size:var(--clock-text-small)}.current-time{font-size:54px}.language{font-size:var(--clock-text-small);padding:8px 10px}.header-actions{gap:0}.time-block{margin-bottom:24px}.clock-inner{max-width:350px}.form h1{font-size:19px}}@media (min-width:800px) and (max-height:850px){.clock-card{min-height:560px;padding:24px}.clock-inner{max-width:400px}.time-block{margin-bottom:20px}.current-time{font-size:50px}.key{aspect-ratio:1.3;min-height:0}.form{gap:10px}}.brand-logo{object-fit:contain;width:148px;height:60px;display:block}.pin-display{text-align:center}.pin-prompt{margin:0 0 24px;font-size:24px;font-weight:550;line-height:1.4}.pin-dots{justify-content:center;align-items:center;gap:20px;height:36px;display:flex}.pin-dot{background:#edf0f6;border:2px solid #d9deea;border-radius:50%;width:28px;height:28px;transition:background .16s,transform .16s,border-color .16s,box-shadow .16s}.pin-dot.current{border-color:#7b89b9;box-shadow:0 0 0 5px #3d4e960a}.pin-dot.filled{background:#3d4e96;border-color:#3d4e96;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.pin-dot,.key{transition:none}}.device-footer{color:#9298a5;text-align:left;overflow-wrap:anywhere;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 0 2px;font-size:12px;line-height:1.5;display:flex}.device-footer span:last-child{text-align:right;flex-shrink:0}.pin-feedback{justify-content:center;align-items:center;min-height:44px;padding-top:12px;display:flex}.pin-error{color:#a02b33;font-size:var(--clock-text-small);margin:0;line-height:1.5}summary{align-items:center;gap:10px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.history-chevron{flex-shrink:0;transition:transform .16s}details[open] .history-chevron{transform:rotate(90deg)}.next-employee{min-height:80px;font-size:22px}@media (prefers-reduced-motion:reduce){.history-chevron{transition:none}}.success{gap:24px;padding-top:12px}.success-icon{margin:0 auto 28px;display:block}.success h1{color:#245f46;margin-bottom:12px;font-size:32px;font-weight:650}.success .saved-time{margin:0 0 20px;font-size:36px}.return-countdown{color:#646d81;justify-content:center;align-items:center;gap:8px;margin:8px 0 0;font-size:18px;line-height:1.5;display:flex}.return-countdown strong{color:#3d4e96;font-variant-numeric:tabular-nums;background:#eef0f9;border-radius:50%;place-items:center;min-width:36px;height:36px;font-size:22px;display:inline-grid}