:root{--paper:#f4f8ff;--paper-deep:#eaf2ff;--ink:#152238;--muted:#65738a;--line:#c8d5e8;--blue:#2968ff;--blue-dark:#1747b8;--coral:#ff765f;--mint:#cff5df;--white:#fff;--danger:#b5392c;--shadow:0 16px 44px #22498721}*{box-sizing:border-box}html{background:var(--paper-deep);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}body{background:linear-gradient(#fff6 1px, transparent 1px) 0 0 / 100% 28px, var(--paper-deep);min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #2968ff59}button:disabled{cursor:not-allowed;opacity:.45}.screen{width:min(100%,480px);min-height:100dvh;padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.with-nav{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.loading-screen{min-height:100dvh;color:var(--blue);letter-spacing:.16em;place-items:center;font-size:13px;font-weight:900;display:grid}.eyebrow{color:var(--blue);letter-spacing:.14em;margin:0 0 8px;font-family:Arial Narrow,SF Pro Display,sans-serif;font-size:12px;font-weight:900}.intro{padding:34px 4px 26px}.intro h1,.home-header h1,.page-header h1{letter-spacing:-.055em;margin:0;line-height:1.03}.intro h1{font-size:clamp(40px,12vw,58px)}.intro>p:last-child{max-width:330px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.65}.form-card{background:var(--white);box-shadow:var(--shadow);border:1px solid #15223817;border-radius:26px;gap:22px;padding:24px;display:grid}label,legend{color:var(--ink);font-size:14px;font-weight:800}label{gap:9px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:9px}input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#f9fbff;border-radius:14px;padding:0 15px;font-size:17px;font-weight:750}input::placeholder{color:#98a6ba;font-weight:500}.segment{background:var(--paper-deep);border-radius:15px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.segment button{min-height:43px;color:var(--muted);background:0 0;border:0;border-radius:11px;font-weight:800}.segment button[aria-pressed=true]{background:var(--white);color:var(--blue);box-shadow:0 3px 12px #2249871c}.input-with-unit{border:1px solid var(--line);background:#f9fbff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.input-with-unit input{background:0 0;border:0}.input-with-unit span{color:var(--muted);padding-right:15px;font-size:14px;font-weight:800}.input-with-unit.compact{grid-template-columns:minmax(80px,150px) auto;justify-self:start}.primary-button,.record-button{color:var(--white);border:0;font-weight:900}.primary-button{background:var(--blue);border-radius:15px;min-height:54px;box-shadow:0 10px 20px #2968ff38}.primary-button:active,.record-button:active{transform:translateY(1px)}.text-button,.back-button,.settings-button,.danger-button{color:var(--muted);background:0 0;border:0;font-weight:800}.text-button{min-height:36px}.danger-button{min-height:40px;color:var(--danger);text-decoration:underline}.notice,.form-error{border-radius:13px;margin:0;font-size:13px;line-height:1.5}.notice{padding:12px 14px}.notice.warning{color:var(--danger);background:#fff0ed}.form-error{color:var(--danger);font-weight:750}.legal-note{color:var(--muted);text-align:center;margin:18px 16px 0;font-size:12px;line-height:1.6}.home-header{justify-content:space-between;align-items:flex-start;padding:12px 2px 22px;display:flex}.home-header h1{font-size:34px}.settings-button{background:#ffffffa6;border-radius:12px;min-width:48px;min-height:40px;font-size:13px}.timecard{background:radial-gradient(circle at 0 13px, var(--paper-deep) 0 6px, transparent 6.5px) 0 0 / 18px 26px repeat-y, linear-gradient(118deg, #fff 0%, #f7faff 72%, #eaf2ff 100%);box-shadow:var(--shadow);border:1px solid #b8c9e4;border-radius:10px 22px 22px 10px;padding:24px 24px 22px 34px;position:relative;overflow:hidden}.timecard:after{pointer-events:none;content:"";background:repeating-linear-gradient(0deg,#0000 0 27px,#2968ff12 27px 28px);position:absolute;inset:0}.timecard>*{z-index:1;position:relative}.timecard-meta,.timecard-footer{color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;font-family:Arial Narrow,SF Pro Display,sans-serif;font-size:11px;font-weight:900;display:flex}.timecard>p{color:var(--muted);margin:34px 0 6px;font-size:14px;font-weight:800}.timecard>strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-bottom:28px;font-family:Arial Narrow,SF Pro Display,sans-serif;font-size:clamp(38px,12vw,56px);line-height:1;display:block}.stamp{z-index:2;border:3px double var(--coral);color:var(--coral);letter-spacing:.08em;border-radius:8px;padding:7px 10px 6px;font-size:12px;font-weight:950;position:absolute;bottom:48px;right:22px;transform:rotate(-8deg)}.record-button{background:var(--ink);text-align:left;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;width:100%;margin:18px 0 30px;padding:17px 20px;display:grid}.record-button>span{color:var(--coral);grid-row:1/3;align-self:center;margin-right:14px;font-size:30px;font-weight:500}.record-button>small{color:#aebbcf;margin-top:2px;font-size:12px;font-weight:600}.section-block{margin-top:6px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.section-heading h2,.payday-callout h2{letter-spacing:-.035em;margin:0}.section-heading h2{font-size:20px}.section-heading>span{color:var(--muted);font-size:12px;font-weight:750}.empty-card{background:#ffffff8a;border:1px dashed #afbed4;border-radius:18px;padding:24px}.empty-card strong{font-size:15px}.empty-card p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.shift-list{background:var(--white);border:1px solid #15223814;border-radius:20px;overflow:hidden}.shift-row{border-bottom:1px dashed var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 14px;display:grid}.shift-row:last-child{border-bottom:0}.date-ticket{background:var(--paper-deep);border-radius:12px;place-items:center;width:46px;height:48px;display:grid}.date-ticket strong{font-family:Arial Narrow,sans-serif;font-size:20px;line-height:1}.date-ticket span{color:var(--blue);font-size:10px;font-weight:900}.shift-detail,.shift-money{gap:4px;display:grid}.shift-detail strong,.shift-money strong{font-size:14px}.shift-detail span,.shift-money button{color:var(--muted);font-size:11px}.shift-money{font-variant-numeric:tabular-nums;justify-items:end}.shift-money button{background:0 0;border:0;padding:0;text-decoration:underline}.payday-callout{background:var(--mint);border-radius:22px;gap:18px;margin-top:28px;padding:24px;display:grid}.payday-callout h2{font-size:22px}.payday-callout p:not(.eyebrow){color:#3d6550;margin:8px 0 0;font-size:13px;line-height:1.55}.payday-callout button{background:var(--ink);min-height:45px;color:var(--white);border:0;border-radius:13px;font-weight:900}.home-legal{margin-bottom:10px}.bottom-nav{z-index:10;width:min(100%,480px);min-height:calc(68px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-top:1px solid #15223814;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button,.bottom-nav a{color:var(--muted);background:0 0;border:0;place-items:center;gap:3px;font-size:11px;font-weight:800;text-decoration:none;display:grid}.bottom-nav span{font-size:19px}.bottom-nav [aria-current=page]{color:var(--blue)}.page-header{grid-template-columns:40px 1fr;align-items:start;gap:8px;padding:12px 0 24px;display:grid}.page-header h1{font-size:30px}.back-button{background:#ffffffa6;border-radius:12px;width:40px;height:40px;padding:0;font-size:22px}.time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pay-preview{background:var(--paper-deep);border-radius:16px;gap:3px;padding:20px;display:grid}.pay-preview>span,.pay-preview>small{color:var(--muted);font-size:12px}.pay-preview>strong{font-variant-numeric:tabular-nums;font-family:Arial Narrow,sans-serif;font-size:30px}.comparison-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.comparison-row span{color:var(--muted);font-size:13px;font-weight:750}.comparison-row strong{font-variant-numeric:tabular-nums;font-size:20px}.difference-card{background:#fff0ed;border-radius:17px;padding:20px}.difference-card>span{color:var(--muted);font-size:12px;font-weight:800}.difference-card>strong{color:var(--coral);font-variant-numeric:tabular-nums;margin-top:4px;font-family:Arial Narrow,sans-serif;font-size:30px;display:block}.difference-card>strong.balanced{color:#16834c}.difference-card p{color:#79514a;margin:8px 0 0;font-size:12px;line-height:1.55}.history-list{gap:10px;display:grid}.month-row{background:var(--white);border:1px solid #15223814;border-radius:18px;justify-content:space-between;align-items:center;padding:18px;display:flex}.month-row>div{gap:4px;display:grid}.month-row span,.month-row strong{font-size:15px;font-weight:900}.month-row small{color:var(--muted);font-size:11px}.month-money{font-variant-numeric:tabular-nums;justify-items:end}.document-page{width:min(100%,680px);min-height:100dvh;padding:calc(36px + env(safe-area-inset-top)) 24px calc(48px + env(safe-area-inset-bottom));margin:0 auto}.document-page>a{color:var(--blue);margin-bottom:42px;font-weight:850;text-decoration:none;display:inline-block}.document-page h1{letter-spacing:-.05em;margin:0;font-size:38px}.document-page h2{margin:34px 0 8px;font-size:19px}.document-page p{color:var(--muted);line-height:1.75}@media (min-width:700px){.screen{padding-left:28px;padding-right:28px}}@media (prefers-reduced-motion:no-preference){.timecard,.record-button{animation:.42s cubic-bezier(.22,1,.36,1) both enter}.record-button{animation-delay:80ms}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}}