@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;700&display=swap";
:root{--bg:#f8f7f4;--bg-elev:#fff;--bg-sunk:#efece6;--ink:#1a1a1a;--ink-2:#45433d;--ink-3:#7a7770;--ink-4:#b5b1a8;--line:#1a1a1a14;--line-2:#1a1a1a24;--primary:#2d5f4f;--primary-ink:#fff;--primary-soft:#e8f0ec;--sand:#d9c9a8;--sand-soft:#f1e9d7;--warn:#b85c2a;--warn-soft:#f6e5d8;--danger:#a83232;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--f-display:"Instrument Serif", "Times New Roman", serif;--f-sans:"Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--sh-1:0 1px 0 #1a1a1a0a, 0 1px 2px #1a1a1a0a;--sh-2:0 1px 0 #1a1a1a0a, 0 4px 12px #1a1a1a0f;--sh-3:0 8px 24px #1a1a1a1a, 0 2px 6px #1a1a1a0f;--sh-lift:0 12px 32px #2d5f4f38;--card-pad:20px;--side-w:240px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss03"}button,input{font:inherit}button{color:inherit}.app-root{background:var(--bg);height:100dvh;min-height:720px;position:relative;overflow:hidden}.shell{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar""main""bottomtab";height:100%;display:grid}.shell.is-auth{grid-template-rows:minmax(0,1fr);grid-template-areas:"main"}.main-pane{grid-area:main;min-width:0;overflow-y:auto}.boot-screen{color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;font-size:13px;display:flex}@media (min-width:880px){.shell:not(.is-auth){grid-template-areas:"sidebar topbar""sidebar main";grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);transition:grid-template-columns .25s}.shell.is-collapsed{--side-w:76px}}.brand-logo{color:var(--ink);font-family:var(--f-display);align-items:center;gap:10px;font-size:22px;font-style:italic;line-height:1;display:inline-flex}.abzen-mark{flex:none;display:block}.sidebar{background:var(--bg-elev);border-right:.5px solid var(--line);flex-direction:column;grid-area:sidebar;gap:4px;padding:24px 14px 18px;display:none}.sidebar-brand{padding:0 10px 22px}.nav-item{color:var(--ink-2);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg-sunk);color:var(--ink)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary)}.nav-item svg,.collapse-btn svg{flex-shrink:0}.sidebar-footer{border-top:.5px solid var(--line);justify-content:flex-start;margin-top:auto;padding-top:14px;display:flex}.collapse-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.collapse-btn:hover{background:var(--bg-sunk);color:var(--ink)}@media (min-width:880px){.sidebar{display:flex}.shell.is-collapsed .sidebar{padding-inline:12px}.shell.is-collapsed .sidebar-brand{justify-content:center;padding-inline:0;display:flex}.shell.is-collapsed .sidebar .brand-logo span,.shell.is-collapsed .sidebar .nav-item span{display:none}.shell.is-collapsed .nav-item{justify-content:center;width:48px;height:48px;padding:0}.shell.is-collapsed .sidebar-footer{justify-content:center}}.topbar{background:var(--bg);border-bottom:.5px solid var(--line);white-space:nowrap;grid-area:topbar;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex}.route-label{color:var(--ink-3);font-size:14px}.topbar-right{align-items:center;gap:10px;min-width:0;display:flex}.topbar-mobile-brand{display:flex}.hide-narrow{display:none!important}@media (min-width:720px){.hide-narrow{display:inline-flex!important}}@media (min-width:880px){.topbar{padding-inline:36px}.topbar-mobile-brand{display:none}}.topbar-clock{background:var(--bg-elev);border:.5px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);font-family:var(--f-mono);align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;display:none}.topbar-clock .pulse{background:var(--primary);border-radius:var(--r-pill);width:6px;height:6px;animation:1.6s ease-out infinite live-pulse}.clock-zone{color:var(--ink-4)}@media (min-width:720px){.topbar-clock{display:inline-flex}}@keyframes live-pulse{0%{box-shadow:0 0 #2d5f4f59}70%{box-shadow:0 0 0 6px #2d5f4f00}to{box-shadow:0 0 #2d5f4f00}}.notif-wrap,.user-menu{position:relative}.notif-btn,.user-menu-trigger{background:var(--bg-elev);border:.5px solid var(--line);box-shadow:var(--sh-1);cursor:pointer}.notif-btn{border-radius:var(--r-pill);color:var(--ink-2);justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.notif-btn:hover,.user-menu-trigger:hover{background:var(--bg-sunk);color:var(--ink)}.notif-badge{background:var(--warn);border:1.5px solid var(--bg-elev);border-radius:var(--r-pill);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:5px;right:6px}.notif-pop,.user-menu-pop{background:var(--bg-elev);border:.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);z-index:60;position:absolute;top:calc(100% + 8px);right:0}.notif-pop{width:340px;max-width:calc(100vw - 24px);overflow:hidden}.np-head{border-bottom:.5px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.np-mark{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:500}.np-list{max-height:360px;overflow-y:auto}.np-empty{color:var(--ink-3);text-align:center;padding:32px 20px;font-size:13px}.np-item{border:0;border-bottom:.5px solid var(--line);cursor:pointer;text-align:left;background:0 0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px 12px 22px;display:flex;position:relative}.np-item:last-child{border-bottom:0}.np-item.unread{background:#2d5f4f06}.np-item.unread:before{background:var(--primary);border-radius:var(--r-pill);content:"";width:6px;height:6px;position:absolute;top:20px;left:8px}.np-icon{background:var(--primary-soft);color:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.np-item.urgent .np-icon{background:var(--warn-soft);color:var(--warn)}.np-body{flex-direction:column;flex:1;min-width:0;display:flex}.np-body .ttl{font-size:13px;font-weight:500;line-height:1.35}.np-body .det{color:var(--ink-3);margin-top:2px;font-size:12px;line-height:1.4}.np-body .time{color:var(--ink-4);margin-top:4px;font-size:11px}.np-foot{background:var(--bg-sunk);border-top:.5px solid var(--line);justify-content:center;padding:10px 16px;display:flex}.np-foot button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:500}.user-menu-trigger{border-radius:var(--r-pill);align-items:center;gap:10px;height:42px;padding:4px 12px 4px 4px;display:inline-flex}.avatar{background:linear-gradient(135deg, var(--sand), var(--primary-soft));border:.5px solid var(--line);border-radius:var(--r-pill);color:var(--primary);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:inline-flex}.avatar.large{width:64px;height:64px;font-size:22px}.stack{flex-direction:column;align-items:flex-start;display:flex}.user-name,.user-mail{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-name{font-size:13px;font-weight:500;line-height:1}.user-mail{color:var(--ink-3);margin-top:3px;font-size:11px;line-height:1}.user-menu-pop{min-width:240px;padding:8px}.um-head{border-bottom:.5px solid var(--line);flex-direction:column;gap:3px;margin-bottom:6px;padding:10px 12px 12px;display:flex}.um-name{font-size:13px;font-weight:600}.um-mail{color:var(--ink-3);font-size:12px}.um-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.um-item:hover{background:var(--bg-sunk)}.um-item.danger{color:var(--danger)}@media (max-width:720px){.user-menu-trigger .stack,.user-menu-trigger>svg{display:none}.user-menu-trigger{padding:4px}}.bottomtab{background:var(--bg-elev);border-top:.5px solid var(--line);grid-area:bottomtab;justify-content:space-around;align-items:stretch;padding:8px 12px 16px;display:flex}.tab{color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 4px;font-size:11px;font-weight:500;display:flex}.tab.is-active{color:var(--primary)}@media (min-width:880px){.bottomtab{display:none}}.page{max-width:100%;padding:24px 20px 32px}@media (min-width:720px){.page{padding:32px 36px 48px}}@media (min-width:1100px){.page{padding:40px 56px 64px}}.page-intro{margin-bottom:24px}.page-h1,.auth-title,.sheet-title,.empty-history h2{font-family:var(--f-display);margin:0;font-weight:400;line-height:1}.page-h1{margin-top:8px;font-size:40px}.page-h1 em,.auth-title em,.t-display em{font-style:italic}@media (min-width:720px){.page-h1{font-size:48px}}.t-display{font-family:var(--f-display);font-weight:400;line-height:.95}.t-mono{font-family:var(--f-mono);font-feature-settings:"tnum"}.t-mono.big{font-size:32px}.t-mono.med{font-size:28px}.t-meta{color:var(--ink-3);font-size:13px}.t-eyebrow{color:var(--ink-3);text-transform:uppercase;font-size:11px;font-weight:600}.btn{appearance:none;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:transform .15s,background .2s,color .2s,filter .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-primary{background:var(--primary);box-shadow:var(--sh-lift);color:var(--primary-ink);height:48px;padding:0 22px;font-size:15px}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary{background:var(--bg-elev);border:.5px solid var(--line);box-shadow:var(--sh-1);color:var(--ink);height:44px;padding:0 18px;font-size:14px}.btn-secondary:hover{background:var(--bg-sunk)}.btn-lg{height:56px;font-size:17px}.btn-icon{background:var(--bg-elev);border:.5px solid var(--line);box-shadow:var(--sh-1);color:var(--ink-2);width:38px;height:38px;padding:0}.btn-back{background:var(--bg-elev);box-shadow:var(--sh-1);color:var(--ink-2);align-self:flex-start;height:36px;padding:0 12px 0 8px;font-size:13px}.card{background:var(--bg-elev);border:.5px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--card-pad)}.hr{background:var(--line);width:100%;height:.5px}.text-link,.auth-switch button,.forgot-row button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:500}.auth-layout{background:var(--bg);grid-template-columns:1fr;height:100%;min-height:100%;display:grid}.auth-art{background:radial-gradient(120% 80% at 20% 0%, var(--primary-soft), transparent 60%), var(--bg-sunk);flex-direction:column;justify-content:space-between;padding:56px 56px 40px;display:none;position:relative;overflow:hidden}.auth-art-copy .t-eyebrow{margin-bottom:12px}.auth-art-copy h1{margin:0;font-size:56px}.auth-art-copy p{color:var(--ink-2);max-width:360px;margin:20px 0 0;font-size:16px;line-height:1.5}.auth-art-number{color:var(--primary);font-family:var(--f-mono);opacity:.06;font-size:220px;font-weight:300;line-height:.85;position:absolute;bottom:-60px;right:-40px}.auth-art-foot{color:var(--ink-3);z-index:1;gap:16px;font-size:12px;display:flex;position:relative}.auth-form-wrap{justify-content:center;align-items:center;min-height:100%;padding:32px 24px;display:flex}.auth-card{flex-direction:column;gap:20px;width:100%;max-width:420px;display:flex}.auth-mobile-brand{margin-bottom:12px}.auth-title{font-size:44px}.auth-title.sm{font-size:40px}.auth-copy{color:var(--ink-3);margin:8px 0 0;font-size:14px;line-height:1.5}.auth-copy.welcome-copy{color:var(--ink-2);margin:0;font-size:15px}.auth-actions{flex-direction:column;gap:10px;display:flex}.auth-actions .btn,.auth-card>.btn-primary,.auth-card>.btn-secondary{width:100%}.btn-google{background:var(--bg-elev);border:1px solid var(--line-2);color:var(--ink);gap:12px;box-shadow:0 16px 40px #1f1f1d14}.btn-google:hover:not(:disabled){background:var(--bg-sunk);border-color:var(--line)}.google-mark{border:1px solid var(--line-2);color:#4285f4;background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;display:inline-flex}.auth-footnote,.auth-switch{color:var(--ink-3);text-align:center;font-size:14px}.auth-footnote{font-size:12px}.field-wrap{display:block}.field-label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field-control{display:block;position:relative}.field-icon,.field-trailing{color:var(--ink-3);position:absolute;top:50%;transform:translateY(-50%)}.field-icon{left:14px}.field-trailing{right:8px}.input{appearance:none;background:var(--bg-elev);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--ink);outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.input::placeholder{color:var(--ink-4)}.input.has-error{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:6px;font-size:13px;display:block}.mini-icon{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.mini-icon:hover{background:var(--bg-sunk);color:var(--ink)}.forgot-row{justify-content:flex-end;margin:-8px 0 4px;display:flex}.success-icon{background:var(--primary-soft);color:var(--primary);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.notice-card,.security-note{background:var(--bg-sunk);border-radius:var(--r-md);color:var(--ink-3);padding:12px 14px;font-size:12px;line-height:1.5}.notice-card{background:var(--sand-soft);color:var(--ink-2)}.notice-card.auth-error{background:var(--warn-soft);color:var(--danger)}.security-note{align-items:flex-start;gap:10px;display:flex}@media (min-width:900px){.auth-layout{grid-template-columns:1.05fr 1fr}.auth-art{display:flex}.auth-form-wrap{padding:48px}.auth-mobile-brand{display:none}}.two-col{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:880px){.two-col{grid-template-columns:1.2fr 1fr;gap:24px}}.today-hero-card{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:460px;padding:40px 24px;display:flex}.live-clock{text-align:center}.live-clock .digits{font-family:var(--f-mono);font-size:56px;font-weight:300;line-height:1}.live-clock .sec{color:var(--ink-4);margin-left:4px;font-size:32px}.live-clock .meta{color:var(--ink-3);margin-top:8px;font-size:13px}@media (min-width:720px){.live-clock .digits{font-size:88px}.live-clock .sec{font-size:52px}}.hero-action{display:inline-flex;position:relative}.btn-hero{appearance:none;background:var(--primary);border-radius:var(--r-pill);color:var(--primary-ink);cursor:pointer;font-family:var(--f-display);border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:220px;height:220px;font-size:36px;font-style:italic;font-weight:400;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 24px 56px #2d5f4f52,inset 0 1px #ffffff29}.btn-hero span{font-family:var(--f-sans);opacity:.7;text-transform:uppercase;font-size:12px;font-style:normal;font-weight:500}.btn-hero:hover{transform:translateY(-2px)}.btn-hero:disabled{cursor:wait;filter:saturate(.8);opacity:.72}.btn-hero:disabled:hover{transform:none}.btn-hero.is-out{background:var(--ink);box-shadow:0 24px 56px #1a1a1a52,inset 0 1px #ffffff29}@media (min-width:720px){.btn-hero{width:260px;height:260px;font-size:44px}}.hero-pulse{border:1px solid var(--primary);border-radius:var(--r-pill);opacity:.3;pointer-events:none;animation:2.4s ease-out infinite pulse;position:absolute;inset:-12px}.hero-pulse.delay{animation-delay:1.2s}@keyframes pulse{0%{opacity:.45;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}.done-orb{background:var(--sand-soft);border:1px dashed var(--sand);border-radius:var(--r-pill);color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:220px;height:220px;display:flex}.done-orb .t-display{color:var(--ink-2);font-size:22px;font-style:italic}.pill,.tag-sand{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;min-height:24px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill .dot{border-radius:var(--r-pill);background:currentColor;width:6px;height:6px}.pill.ontime{background:var(--primary-soft);color:var(--primary)}.pill.late{background:var(--warn-soft);color:var(--warn)}.pill.incomplete{background:var(--bg-sunk);color:var(--ink-3)}.tag-sand{background:var(--sand-soft);color:var(--ink)}.today-side{flex-direction:column;gap:16px;min-height:0;display:flex}.today-status-card.empty{align-items:center;gap:14px;display:flex}.status-icon{background:var(--primary-soft);color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.status-title{font-size:15px;font-weight:500}.today-status-card.stacked{flex-direction:column;gap:16px;display:flex}.card-head,.time-pair,.total-row,.recent-head,.history-head,.section-head,.heat-head{justify-content:space-between;align-items:center;display:flex}.time-pair{align-items:flex-end;gap:16px}.dash-line{background:repeating-linear-gradient(to right, var(--ink-4) 0 2px, transparent 2px 6px);flex:1;height:1px;margin-bottom:14px}.muted-time,.right-time{color:var(--ink-4);text-align:right}.time-pair.done{align-items:center}.total-row .total{font-size:22px}.total-row .total span{color:var(--ink-3);font-family:var(--f-sans);margin-left:4px;font-size:13px}.recent-card{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.recent-head{padding:16px 20px 4px}.recent-list{flex-direction:column;display:flex}.recent-empty{color:var(--ink-3);text-align:center;padding:24px 20px;font-size:13px}.recent-row{border-top:.5px solid var(--line);align-items:center;gap:14px;min-height:62px;padding:12px 20px;display:flex}.recent-row:first-child{border-top:0}.date-chip{background:var(--bg-sunk);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:42px;display:flex}.date-chip span{color:var(--ink-3);text-transform:uppercase;font-size:9px;font-weight:600}.date-chip strong{font-family:var(--f-mono);font-size:14px;line-height:1}.recent-main,.mobile-record-main{flex:1;min-width:0}.recent-main .t-mono,.mobile-record-main .t-mono{font-size:13px}.recent-main .t-mono span,.mobile-record-main .t-mono span{color:var(--ink-4)}.rules-card{color:var(--ink-3);align-items:flex-start;gap:12px;padding:16px;display:flex}.rules-card svg{color:var(--sand);flex-shrink:0;margin-top:2px}.rules-card p{margin:0;font-size:12px;line-height:1.5}.rules-card strong{color:var(--ink-2)}.rules-card .warn,.warn{color:var(--warn)}.history-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px}.history-head p{color:var(--ink-3);margin:8px 0 0;font-size:14px}.history-actions,.month-picker{align-items:center;gap:10px;display:flex}.month-label{background:var(--bg-elev);border:.5px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-1);align-items:center;gap:8px;height:38px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.history-stack{flex-direction:column;gap:20px;display:flex}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-tile{background:var(--bg-elev);border:.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.stat-tile span{color:var(--ink-3);text-transform:uppercase;font-size:11px;font-weight:500}.stat-tile strong{font-family:var(--f-mono);font-size:28px;font-weight:500;line-height:1}.stat-tile strong.primary{color:var(--primary)}.stat-tile strong.warn{color:var(--warn)}.stat-tile strong.muted{color:var(--ink-3)}.stat-tile small{color:var(--ink-3);font-family:var(--f-sans);margin-left:4px;font-size:13px;font-weight:500}@media (min-width:680px){.stat-row{grid-template-columns:repeat(5,minmax(0,1fr))}}.hist-mid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:880px){.hist-mid{grid-template-columns:1.5fr 1fr;gap:20px}}.heat-card{min-width:0}.heat-head{align-items:baseline;gap:12px;margin-bottom:14px}.legend{color:var(--ink-3);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.legend i{border-radius:2px;width:8px;height:8px}.legend .ok{background:var(--primary)}.legend .late{background:var(--warn)}.legend .inc{background:var(--bg-sunk);border:1px dashed var(--ink-4)}.heat-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.heat-grid.labels{margin-bottom:6px}.heat-grid.labels div{color:var(--ink-4);text-align:center;font-size:10px;font-weight:600}.heat-cell{aspect-ratio:1;background:var(--bg-sunk);color:var(--ink-4);font-family:var(--f-mono);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.heat-cell.ontime{background:var(--primary);color:#ffffffbf}.heat-cell.late{background:var(--warn);color:#ffffffbf}.heat-cell.incomplete{background:var(--bg-elev);border:1px dashed var(--ink-4);color:var(--ink-3)}.heat-cell.weekend{opacity:.3}.heat-cell.off{background:var(--sand-soft);color:var(--ink-3)}.heat-cell.today:after{border:2px solid var(--ink);content:"";border-radius:10px;position:absolute;inset:-3px}.insight-card{flex-direction:column;gap:16px;display:flex}.insight-percent{align-items:baseline;gap:8px;display:flex}.insight-percent em{font-family:var(--f-display);font-size:36px;font-style:italic;line-height:1}.insight-percent span{color:var(--ink-3);font-size:14px;font-weight:500}.progress{background:var(--bg-sunk);border-radius:var(--r-pill);height:6px;overflow:hidden}.progress span{background:var(--primary);height:100%;display:block}.insight-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.tiny-note{color:var(--ink-3);align-items:center;gap:10px;font-size:12px;display:flex}.section-head{align-items:baseline;margin-bottom:12px}.table-card{padding:0;overflow:hidden}.history-table-wrap{display:none}.history-table{border-collapse:collapse;width:100%;font-size:14px}.history-table th{border-bottom:.5px solid var(--line);color:var(--ink-3);text-align:left;text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:500}.history-table td{border-bottom:.5px solid var(--line);padding:14px 16px}.history-table tr:last-child td{border-bottom:0}.history-table tr:hover td{background:var(--bg-sunk)}.history-table td>strong,.history-table td>span{display:block}.history-table td>span{color:var(--ink-3);margin-top:2px;font-size:13px}.history-table .status-cell{white-space:nowrap}.history-table .status-cell>.pill{min-width:96px;margin-top:0;display:inline-flex}.tnum{font-family:var(--f-mono);font-size:13px}.tnum em{color:var(--ink-4);font-style:normal}.history-mobile-list{display:block}.mobile-record{border-bottom:.5px solid var(--line);align-items:center;gap:14px;padding:14px 16px;display:flex}.mobile-record:last-child{border-bottom:0}@media (min-width:760px){.history-table-wrap{display:block}.history-mobile-list{display:none}}.sheet-bg{z-index:80;background:#1a1a1a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:28px 28px 0 0;width:100%;padding:12px 16px 28px}.sheet-grab{background:var(--ink-4);border-radius:var(--r-pill);width:36px;height:4px;margin:0 auto 16px}.sheet-title{font-size:28px}.sheet>p{color:var(--ink-3);margin:6px 0 20px;font-size:14px}.format-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.format-option{background:var(--bg-elev);border:1.5px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.format-option.selected{background:var(--primary-soft);border-color:var(--primary)}.format-icon{color:var(--primary);flex-shrink:0}.format-copy{flex-direction:column;flex:1;min-width:0;display:flex}.format-copy strong{font-size:15px}.format-copy span{color:var(--ink-3);margin-top:2px;font-size:12px}.select-dot{border:2px solid var(--ink-4);border-radius:var(--r-pill);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.format-option.selected .select-dot{background:var(--primary);border-color:var(--primary);color:#fff}.sheet .btn-primary{width:100%}.export-note{color:var(--ink-3);text-align:center;margin-top:12px;font-size:12px}.export-error{text-align:center;margin-top:10px}.dots span{border-radius:var(--r-pill);background:currentColor;width:4px;height:4px;margin:0 2px;animation:1.2s infinite dot-bounce;display:inline-block}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (min-width:720px){.sheet-bg{align-items:center;padding:20px}.sheet{border-radius:var(--r-xl);max-width:460px;padding:28px}.sheet-grab{display:none}}.empty-history{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.empty-icon{background:var(--sand-soft);border:1px dashed var(--sand);color:var(--ink-3);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.empty-history h2{font-size:32px}.empty-history p{color:var(--ink-3);max-width:360px;margin:0;font-size:14px;line-height:1.5}.profile-wrap{flex-direction:column;gap:20px;max-width:640px;margin-inline:auto;display:flex}.identity-card{align-items:center;gap:16px;display:flex}.identity-card h2{margin:0;font-size:20px}.identity-card p{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:13px;overflow:hidden}.identity-card span{color:var(--ink-3);font-size:12px}.profile-list{margin-top:8px;padding:0}.profile-row{border:0;border-bottom:.5px solid var(--line);text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.profile-row:last-child{border-bottom:0}button.profile-row{cursor:pointer}.profile-row-icon{background:var(--bg-sunk);color:var(--ink-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-row-copy{flex-direction:column;flex:1;min-width:0;display:flex}.profile-row-copy strong{font-size:14px;font-weight:500}.profile-row-copy small{color:var(--ink-3);margin-top:2px;font-size:12px}.profile-row.danger{color:var(--danger)}.profile-row.danger .profile-row-icon{background:var(--warn-soft);color:var(--danger)}.profile-note{color:var(--ink-3);margin:10px 6px 0;font-size:12px;line-height:1.5}.punctuality-card{margin-top:8px}.punctuality-card>div:first-child{justify-content:space-between;align-items:baseline;display:flex}.punctuality-card>div:first-child span{color:var(--ink-2);font-size:14px}.punctuality-card strong{font-size:22px;font-weight:500}.punctuality-card small{font-family:var(--f-sans);margin-left:2px;font-size:13px}.punctuality-card .progress{margin-top:10px}.punctuality-card p{color:var(--ink-3);margin:8px 0 0;font-size:12px}.version-note{color:var(--ink-4);text-align:center;margin-top:16px;font-size:11px}.toast{background:var(--ink);border-radius:var(--r-lg);box-shadow:var(--sh-3);color:var(--bg);z-index:90;align-items:center;gap:10px;padding:14px 16px;display:flex;position:fixed;bottom:88px;left:16px;right:16px}.toast.warning{background:var(--warn-soft);color:var(--ink)}.toast-icon{background:var(--primary);border-radius:var(--r-pill);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.toast.warning .toast-icon{background:var(--warn)}.toast strong,.toast span{display:block}.toast strong{font-size:14px}.toast span{opacity:.75;font-size:12px}@media (min-width:880px){.toast{max-width:380px;bottom:24px;left:auto;right:24px}}@media (max-width:520px){.app-root{min-height:100dvh}.topbar{padding-inline:14px}.topbar-right{gap:8px}.page{padding-inline:16px}.history-actions{flex-direction:column;align-items:stretch;width:100%}.month-picker{justify-content:space-between;width:100%}.month-label{flex:1;justify-content:center}.history-actions .btn-primary{width:100%}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pill{padding-inline:8px;font-size:11px}}