:root{color-scheme:light;--blue: #1a73e8;--green: #18843a;--red: #d93025;--text: #202124;--muted: #5f6368;--border: #d0d0d0;--bg-card: #f5f7fa;--header-bg: #a5d6a7;--action-blue: #3f51b5}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button{font-family:inherit}.screen{position:relative;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen--centered{justify-content:center;align-items:center}.card{background:var(--bg-card);border-radius:12px;padding:20px;width:100%}.login-card{max-width:360px;background:#fff;padding:0}.login-logo{display:block;width:min(320px,85%);height:auto;object-fit:contain;margin:0 auto 20px;transition:opacity .15s ease}.title{font-family:Bebas Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#bfd0df;font-size:48px;font-weight:400;letter-spacing:.03em;margin:0 0 28px;text-align:center}.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:0 0 6px}.input{display:block;width:100%;border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:14px;font-size:16px}.input:focus{outline:2px solid var(--blue);outline-offset:-1px}.password-wrap{position:relative;margin-bottom:14px}.password-input{margin-bottom:0;padding-right:72px}.password-toggle{position:absolute;top:0;right:0;bottom:0;padding:0 14px;background:none;border:none;color:var(--blue);font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation}.password-toggle:hover{text-decoration:underline}.password-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.user-picker{position:relative;margin-bottom:14px}.user-picker .input{margin-bottom:0}.user-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;max-height:240px;overflow-y:auto}.user-picker-option{padding:10px 12px;border-radius:6px;font-size:15px;cursor:pointer}.user-picker-option.active{background:var(--bg-card)}.user-picker-empty{padding:10px 12px;font-size:14px;color:var(--muted)}.button{border:none;border-radius:8px;padding:16px;width:100%;font-size:16px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;touch-action:manipulation;transition:filter .1s ease,transform .1s ease}.button:disabled{opacity:.4;cursor:not-allowed}.button:hover:not(:disabled){filter:brightness(.94)}.button:active:not(:disabled){filter:brightness(.88);transform:scale(.98)}.button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.button--primary{background:#2ec9ff;color:var(--text);margin-top:8px}.button--primary .spinner{border-color:#20212440;border-top-color:var(--text)}.button--action{background:var(--action-blue)}.button--outline{background:transparent;color:var(--blue);border:1px solid var(--blue);text-transform:uppercase;letter-spacing:.02em}.button--outline:hover:not(:disabled){background:#1a73e80f}.button--outline:active:not(:disabled){background:#1a73e81f}.header-actions .button--outline,.back-button{width:auto;min-height:36px;padding:8px 16px;font-size:13px}.history-button,.back-button{margin-bottom:16px}.link-button{background:none;border:none;color:var(--blue);font-size:15px;cursor:pointer;padding:4px;touch-action:manipulation}.link-button:disabled{opacity:.5;cursor:not-allowed}.link-button:hover:not(:disabled){text-decoration:underline}.link-button:active:not(:disabled){opacity:.7}.link-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.error-text{color:var(--red);font-size:14px;margin:-6px 0 14px}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:var(--header-bg);margin:calc(-1*max(20px,env(safe-area-inset-top))) calc(-1*max(20px,env(safe-area-inset-right))) 20px calc(-1*max(20px,env(safe-area-inset-left)));padding:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left))}.header-identity{display:flex;align-items:center;gap:10px;min-width:0}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:end}.lang-toggle{font-size:13px}.lang-toggle--floating{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.header-logo{height:28px;width:auto;max-width:40px;object-fit:contain;transition:opacity .15s ease}.clock-card,.status-card{background:#fff;border:1px solid var(--border);box-shadow:0 1px 3px #00000014;align-items:center;text-align:center;display:flex;flex-direction:column}.clock-card{margin-bottom:16px}.status-card{margin-bottom:24px}.card-label{align-self:flex-start;font-size:13px;font-weight:700;color:var(--muted);margin:0 0 8px}.clock{text-align:center}.clock-time{font-size:clamp(42px,13vw,56px);font-weight:700;font-variant-numeric:tabular-nums;margin:0;line-height:1.15}.clock-date{font-size:16px;color:var(--blue);margin:6px 0 0;text-transform:capitalize}.hello{font-size:16px;font-weight:500;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-self:center;text-align:center}.status-heading{font-size:clamp(28px,9vw,36px);font-weight:500;margin:4px 0 0}.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.chip--elapsed{background:var(--green);color:#fff}.chip--muted{background:#5f63681f;color:var(--muted)}.notice{font-size:14px;margin:10px 0 0;font-weight:500}.notice.ok{color:var(--green)}.notice.bad{color:var(--red)}.note-input{margin-bottom:16px}.action-button{margin-bottom:0}.history-text{font-size:13px;color:#333;overflow-wrap:anywhere;text-align:center}.history-page-title{text-align:center;font-size:26px;font-weight:700;margin:8px 0 4px}.history-page-subtitle{text-align:center;font-size:13px;font-weight:700;color:var(--muted);margin:0 0 20px}.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{text-align:center;padding:12px 8px;font-size:14px;border-bottom:1px solid #eee;white-space:nowrap}.history-table th{font-weight:700;color:var(--text)}.history-table td{color:var(--blue)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}@media (min-width: 640px){.screen{max-width:480px;margin:0 auto;width:100%}}