:root{--bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--text-2:#3a3a3c;--muted:#6e6e73;--faint:#aeaeb2;--sep:#f0f0f2;--line:#e5e5ea;--fill:#e8e8ed;--fill-2:#f2f2f7;--green:#248a3d;--orange:#c93400;--red:#d70015;--blue:#06c;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}a{color:inherit;text-decoration:none}h1,h2,p,ul,ol{margin:0;padding:0}ul{list-style:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}img{display:block}.grow{flex-grow:1}.card{background:var(--card);border-radius:20px;padding:20px 24px}.card.table-card{padding-top:12px;padding-bottom:12px}.section-title{margin-bottom:6px;font-size:20px;font-weight:600}.btn{background:var(--text);color:#fff;text-align:center;border:0;border-radius:16px;width:100%;min-height:44px;padding:18px;font-size:17px;font-weight:600;display:block}.btn:hover{background:#000}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{border-radius:12px;justify-content:center;align-items:center;width:auto;min-height:44px;padding:10px 18px;font-size:15px;display:inline-flex}.btn-quiet{background:var(--fill);color:var(--text)}.btn-quiet:hover{background:#dcdce1}.linkbtn{min-height:44px;color:var(--muted);background:0 0;border:0;padding:12px 0;font-size:14px}.linkbtn:hover{color:var(--text)}.form-narrow{max-width:420px}.field{color:var(--muted);margin-bottom:16px;font-size:14px;display:block}.field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:12px;margin-top:6px;padding:12px 14px;font-size:17px;display:block}.field input:focus{outline:2px solid var(--text);outline-offset:0;border-color:var(--text)}.field select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:12px;margin-top:6px;padding:12px 14px;font-size:17px;display:block}.field select:focus{outline:2px solid var(--text);outline-offset:0;border-color:var(--text)}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:96px;color:var(--text);font:inherit;background:#fff;border-radius:12px;margin-top:6px;padding:12px 14px;font-size:17px;display:block}.field textarea:focus{outline:2px solid var(--text);outline-offset:0;border-color:var(--text)}.field-hint{color:var(--muted);margin-top:6px;font-size:13px;display:block}.check{min-height:44px;color:var(--text);align-items:center;gap:12px;font-size:17px;display:flex}.check input{width:22px;height:22px;accent-color:var(--text);flex-shrink:0;margin:0}.form-sep{border-top:1px solid var(--sep);margin:28px 0 16px;padding-top:24px}.notice{background:var(--fill-2);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:15px}.notice.ok{color:var(--green)}.muted{color:var(--muted);font-size:14px}.avatar{background:var(--fill);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.avatar.quiet{background:var(--fill-2);color:var(--muted)}.avatar.large{width:56px;height:56px;font-size:20px}.pill{background:var(--fill-2);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:13px;display:inline-block}.pill.outline{border:1px solid var(--line);color:var(--muted);background:0 0}.auth{max-width:400px;margin:0 auto;padding:72px 24px}.auth-logo{width:150px;height:auto;margin:0 auto 12px}.auth-title{text-align:center;color:var(--muted);margin-bottom:28px;font-size:17px}.auth .card{padding:28px 24px}.auth .card p+p,.auth .card ol{margin-top:12px}.auth ol{padding-left:20px}.auth li{margin-top:4px}.auth .btn{margin-top:20px}.tablet{--u:min(calc(100vw / 834), calc(100dvh / 1194));color:#fff;background:#000;justify-content:center;height:100dvh;display:flex;overflow:hidden}.tablet-stage{width:calc(834 * var(--u));height:100%;padding:calc(64 * var(--u)) calc(64 * var(--u)) calc(40 * var(--u));flex-direction:column;align-items:center;display:flex}.tablet-logo{width:calc(190 * var(--u));height:auto}.tablet-time{margin-top:calc(72 * var(--u));font-size:calc(168 * var(--u));letter-spacing:calc(-6 * var(--u));font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.tablet-date{margin-top:calc(16 * var(--u));font-size:calc(30 * var(--u));color:#a1a1a6}.tablet-card{margin-top:calc(64 * var(--u));padding:calc(36 * var(--u));border-radius:calc(36 * var(--u));align-items:center;gap:calc(28 * var(--u));background:#fff;flex-direction:column;display:flex}.tablet-qr{width:calc(360 * var(--u));height:calc(360 * var(--u))}.tablet-qr svg{width:100%;height:100%;display:block}.tablet-bar{width:calc(360 * var(--u));height:calc(4 * var(--u));border-radius:calc(2 * var(--u));background:var(--line);overflow:hidden}.tablet-bar-fill{background:var(--text);transform-origin:0;height:100%;animation:linear forwards drain}@keyframes drain{0%{transform:scaleX(var(--from))}to{transform:scaleX(0)}}.tablet-hint{margin-top:calc(36 * var(--u));font-size:calc(24 * var(--u));color:#a1a1a6;text-align:center;line-height:1.4}.tablet-foot{font-size:calc(16 * var(--u));color:#8e8e93;justify-content:space-between;align-self:stretch;align-items:center;display:flex}.tablet-foot button{color:#8e8e93;min-height:44px;font-size:inherit;background:0 0;border:0;padding:12px 0}.tablet-foot button:hover{color:#fff}.phone{flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;padding:56px 24px 40px;display:flex}.phone-top{justify-content:space-between;align-items:center;display:flex}.phone-logo{width:auto;height:26px}.phone-top .linkbtn{font-size:15px}.hello{margin-top:56px}.hello-sub{color:var(--muted);font-size:17px}.hello-name{letter-spacing:-.5px;overflow-wrap:anywhere;margin-top:4px;font-size:34px;font-weight:700}.hello-date{color:var(--muted);margin-top:8px;font-size:17px}.actions{flex-direction:column;gap:14px;display:flex}.action{width:100%;color:var(--text);text-align:left;background:#fff;border:0;border-radius:22px;align-items:center;gap:18px;padding:26px 24px;display:flex;box-shadow:0 1px 2px #0000000f}.action.dark{background:var(--text);color:#fff;box-shadow:none}.action:disabled{opacity:.5;cursor:not-allowed}.action-text{flex-direction:column;gap:2px;display:flex}.action-title{font-size:22px;font-weight:600}.action-sub{color:var(--muted);font-size:15px}.action.dark .action-sub{color:#c7c7cc}.phone-hint{color:var(--muted);text-align:center;margin-top:20px;font-size:14px;line-height:1.4}.scan{z-index:10;color:#fff;background:#000;position:fixed;inset:0;overflow-y:auto}.scan-in{flex-direction:column;align-items:center;max-width:440px;min-height:100%;margin:0 auto;padding:64px 24px 40px;display:flex}.scan-kind{letter-spacing:1px;color:#a1a1a6;font-size:15px;font-weight:600}.scan-title{text-align:center;margin-top:10px;font-size:24px;font-weight:600;line-height:1.3}.finder{aspect-ratio:1;background:#1c1c1e;border-radius:28px;width:min(280px,100%);position:relative;overflow:hidden}.finder video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.corner{border:0 solid #fff;width:56px;height:56px;position:absolute}.corner.tl{border-top-width:4px;border-left-width:4px;border-top-left-radius:28px;top:0;left:0}.corner.tr{border-top-width:4px;border-right-width:4px;border-top-right-radius:28px;top:0;right:0}.corner.bl{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:28px;bottom:0;left:0}.corner.br{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:28px;bottom:0;right:0}.scan-status{color:#a1a1a6;min-height:22px;margin-top:20px;font-size:15px}.btn-scan{background:#2c2c2e}.btn-scan:hover{background:#3a3a3c}.phone.result{text-align:center;align-items:center;padding-top:64px}.result-body{flex-direction:column;align-items:center;display:flex}.result-icon{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.result-icon.neutral{background:var(--fill)}.result-title{letter-spacing:-.3px;margin-top:32px;font-size:28px;font-weight:700}.result-time{letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:64px;font-weight:600}.result-sub{color:var(--muted);margin-top:8px;font-size:17px}.app-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffd9}.app-header-in{flex-wrap:wrap;align-items:center;gap:4px 24px;max-width:1120px;margin:0 auto;padding:12px 24px;display:flex}.app-logo{width:auto;height:24px}.seg{background:var(--fill);border-radius:10px;gap:2px;padding:3px;display:flex}.seg a{color:var(--text-2);border-radius:8px;padding:7px 16px;font-size:14px}.seg a:hover{background:#ffffff80}.seg a[aria-current=page]{color:var(--text);background:#fff;font-weight:600;box-shadow:0 1px 2px #00000014}.header-user{color:var(--muted);align-items:center;gap:16px;margin-left:auto;font-size:14px;display:flex}.header-user .linkbtn{padding:8px 0}.app-main{flex-direction:column;gap:24px;max-width:1120px;margin:0 auto;padding:40px 24px 72px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{letter-spacing:-.8px;font-size:40px;font-weight:700}.page-sub{color:var(--muted);margin-top:6px;font-size:17px}.live-pill{color:var(--text-2);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block}.dot.green{background:var(--green)}.dot.hollow{border:1.5px solid var(--faint);background:0 0}.counts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.count{background:#fff;border-radius:20px;padding:22px 24px}.count-label{color:var(--muted);align-items:center;gap:8px;font-size:15px;display:flex}.count-num{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin-top:8px;font-size:48px;font-weight:700}.lists{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:16px;display:grid}.panel{background:#fff;border-radius:20px;padding:20px 24px 8px}.empty{border-top:1px solid var(--sep);color:var(--muted);padding:14px 0 16px;font-size:15px}.card .empty{border-top:0;padding:8px 0}.person-row{border-top:1px solid var(--sep);align-items:center;gap:14px;min-height:44px;padding:14px 0;display:flex}.person-row:hover .person-name{text-decoration:underline}.person-main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.person-name{overflow-wrap:anywhere;font-size:16px;font-weight:500}.person-sub{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.person-end{font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;align-items:flex-end;font-size:15px;display:flex}.person-end small{font-size:13px}.over{color:var(--orange)}.in{color:var(--green)}.none{color:var(--faint)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:560px;font-size:15px}.table th{text-align:left;color:var(--muted);padding:10px 16px 10px 0;font-size:13px;font-weight:500}.table td{border-top:1px solid var(--sep);padding:13px 16px 13px 0}.table .r{text-align:right;padding-right:0}.table .name{font-weight:500}.table .name:hover{text-decoration:underline}.table .name-sub{color:var(--muted);font-size:13px;font-weight:400;display:block}.table tr.absent,.table tr.absent a,.table tr.absent .none{color:var(--muted)}.table .day{font-weight:500}.table .dim{color:var(--muted)}.table.days td{padding-top:14px;padding-bottom:14px}.table tr.forgot{background:#fff5f5}.table tr.forgot .forgot-text{color:var(--red)}.back{color:var(--blue);align-self:flex-start;padding:12px 0;font-size:15px}.back:hover{text-decoration:underline}.person-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.person-id{align-items:center;gap:16px;min-width:0;display:flex}.person-h1{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:32px;font-weight:700}.person-username{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:15px}.month-nav{background:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.month-nav a,.month-nav .disabled{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.month-nav a:hover{background:var(--fill-2)}.month-nav .disabled{color:var(--faint)}.month-nav select{text-align:center;text-align-last:center;appearance:none;background:0 0;border:0;border-radius:8px;min-width:140px;height:44px;padding:0 8px;font-size:16px;font-weight:600}.month-nav select:hover{background:var(--fill-2)}.month-nav select[aria-busy=true]{opacity:.6}.note{color:var(--muted);font-size:13px}.group-title{margin-bottom:6px;font-size:20px;font-weight:600}.group-count{color:var(--muted);margin-left:8px;font-size:15px;font-weight:400}.account{border-top:1px solid var(--sep);gap:14px;padding:14px 0;display:flex}.account-main{flex-grow:1;min-width:0}.account-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.account-name a:hover{text-decoration:underline}.account-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.account-form{max-width:360px;margin-top:12px}.account-form .field{margin-bottom:12px}.reset-log{border-top:1px solid var(--sep);color:var(--muted);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.reset-log-when{flex-shrink:0}.password-field{margin-bottom:4px}.password-gen{min-height:0;color:var(--blue);margin-bottom:12px;padding:8px 0;font-size:14px;display:block}.password-gen:hover{color:var(--blue);text-decoration:underline}.shown-password{background:var(--fill-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:12px 14px;display:flex}.shown-password code{letter-spacing:1px;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:20px}.shown-password .note{flex-basis:100%}.pill-inline{margin-left:8px}.table.report .total{font-weight:600}.totals{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.total-tile{background:#fff;border-radius:20px;padding:18px 20px}.total-num{font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:700}.table .day-note{color:var(--muted);font-size:12px;font-weight:400;display:block}.table .day-edit{min-height:0;color:var(--blue);padding:4px 0 0;font-size:13px;font-weight:400;display:block}.table .day-edit:hover{text-decoration:underline}.table .day-edited{text-align:left;min-height:0;padding:0}.table .day-edited:hover{text-decoration:underline}.table .status-text{color:var(--text-2)}.table tr.edit-row td{white-space:normal;border-top:0;padding-top:0}.day-form{background:var(--fill-2);border-radius:16px;max-width:560px;padding:16px}.day-form-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0 12px;display:grid}.day-form .note{margin-bottom:12px}.day-form .day-form-edited{color:var(--text-2)}.day-history{margin-bottom:12px}.day-history-title{color:var(--text-2);margin-bottom:4px;font-size:13px;font-weight:600}.day-history li{color:var(--text-2);padding:2px 0;font-size:13px}.day-form-actions{gap:8px;display:flex}.add-day{border-top:1px solid var(--sep);max-width:420px;padding:16px 0 8px}.add-day .field{margin-bottom:8px}.add-day-title{margin-bottom:12px;font-size:16px;font-weight:600}.missing{border-top:1px solid var(--sep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:14px 0;display:flex}.missing-main{min-width:0}.missing-main .person-name:hover{text-decoration:underline}.missing-actions .notice{margin:8px 0 0}.missing-buttons{flex-wrap:wrap;gap:8px;display:flex}.time-input{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:8px 12px;font-size:16px}@media (pointer:coarse){.seg a{align-items:center;min-height:44px;display:flex}.header-user .linkbtn,.person-row,.back,.table .day-edit,.table .day-edited,.password-gen{min-height:44px}}@media (max-width:640px){.app-header-in{gap:8px 12px}.seg{flex-basis:100%;order:3}.seg a{text-align:center;flex:1;justify-content:center}.app-main{gap:16px;padding:24px 16px 56px}.page-title{font-size:32px}.counts{gap:8px}.totals{grid-template-columns:repeat(2,1fr);gap:8px}.total-tile{padding:14px 16px}.total-num{font-size:20px}.count{padding:16px}.count-label{gap:6px;font-size:14px}.count-num{font-size:36px}.panel{padding:16px 16px 4px}.card{padding:16px}.person-h1{font-size:26px}.card.table-card{padding-left:12px;padding-right:12px}.table{min-width:0;font-size:13px}.table th{padding-right:6px;font-size:12px}.table td{padding-top:12px;padding-bottom:12px;padding-right:6px}.table.days td{padding-top:12px;padding-bottom:12px}.table td{white-space:nowrap}.table td:first-child,.table td.forgot-text{white-space:normal}}