@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg:#eef1f4;--surface:#fff;--surface-2:#e3e7ec;--border:#ccd3da;--text:#1b2027;--text-dim:#5b6472;--accent:#c9761a;--accent-ink:#241a08;--accent-soft:#f6e2c2;--good:#2f8f4e;--good-soft:#dcf1e1;--danger:#c93f3f;--danger-soft:#f8dede;--shadow:0 1px 2px #14181e0f, 0 6px 16px #14181e0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14171b;--surface:#1c2027;--surface-2:#262b33;--border:#343b45;--text:#eef1f4;--text-dim:#9aa4b1;--accent:#e69a3c;--accent-ink:#201405;--accent-soft:#4a3315;--good:#57b95b;--good-soft:#1c3322;--danger:#ef6b6b;--danger-soft:#3a2020;--shadow:0 1px 2px #0006, 0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif}a{color:inherit}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}h1,h2,h3{text-wrap:balance;margin:0}.app-shell{max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:88px}.topbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:2px;display:flex}.brand .name{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand .clock{color:var(--text-dim);font-size:.8rem}.status-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex}.status-pill .dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.logout-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:underline}.nag-banner{z-index:30;background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;margin:0 12px;padding:12px 14px;animation:1.1s ease-in-out infinite nagpulse;display:flex;position:sticky;top:64px}@media (prefers-reduced-motion:reduce){.nag-banner{animation:none}}@keyframes nagpulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.nag-banner .bell{flex-shrink:0;font-size:1.3rem}.nag-banner .msg{flex:1;font-size:.86rem;line-height:1.3}.nag-banner .msg b{font-size:.92rem;display:block}.nag-btn{background:var(--danger);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 12px;font-size:.8rem;font-weight:600}main.view-main{flex-direction:column;gap:14px;padding:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.card h2{font-size:.95rem}.card .sub{color:var(--text-dim);margin-top:-8px;font-size:.78rem}.timeline{flex-direction:column;display:flex}.tl-item{gap:12px;padding:8px 0;display:flex;position:relative}.tl-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:-8px;left:5px}.tl-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.tl-item.now .tl-dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tl-item.now .tl-label{color:var(--accent)}.tl-body{flex-direction:column;display:flex}.tl-time{color:var(--text-dim);font-size:.72rem}.tl-label{font-size:.88rem;font-weight:600}.tl-desc{color:var(--text-dim);font-size:.78rem}.shift-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.shift-total{font-size:1.7rem;font-weight:600}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:.88rem;font-weight:700;transition:transform 50ms}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-stop{background:var(--danger);color:#fff}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-sm{border-radius:8px;padding:7px 12px;font-size:.76rem}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:default}.active-flag{color:var(--good);align-items:center;gap:6px;font-size:.76rem;font-weight:600;display:inline-flex}.active-flag .dot{background:var(--good);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.active-flag .dot{animation:none}}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--border);max-width:520px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 12px;font-family:inherit;font-size:.66rem;font-weight:600;text-decoration:none;display:flex}.tab-btn .ic{font-size:1.15rem;position:relative}.tab-btn.active{color:var(--accent)}.tab-btn .ic.show:after{content:"";background:var(--danger);border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-6px}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-dim);font-size:.76rem;font-weight:600}.field input,.field select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:9px;width:100%;padding:10px 11px;font-family:IBM Plex Mono,monospace;font-size:.9rem}.field input.text,.field input[type=text],.field input[type=email],.field input[type=password]{font-family:IBM Plex Sans,sans-serif}.field-row{gap:10px;display:flex}.field-row>.field{flex:1}form{flex-direction:column;gap:10px;display:flex}.list{flex-direction:column;gap:8px;display:flex}.row{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.row .info{flex-direction:column;gap:2px;min-width:0;display:flex}.row .info .t1{font-size:.86rem;font-weight:600}.row .info .t2{color:var(--text-dim);font-size:.75rem}.row .val{white-space:nowrap;font-size:.9rem;font-weight:600}.row .x{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem}.row.done{opacity:.55}.row.done .t1{text-decoration:line-through}.empty{color:var(--text-dim);text-align:center;padding:16px 0;font-size:.82rem}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:.78rem;font-weight:600}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat .k{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.stat .v{font-size:1.25rem;font-weight:700}.stat .v .u{color:var(--text-dim);margin-left:2px;font-size:.72rem;font-weight:500}.stat.wide{grid-column:1/-1}.stat.accent{background:var(--accent-soft);border-color:var(--accent)}.stat.accent .v,.stat.accent .k{color:var(--accent-ink)}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-top:4px;font-size:.7rem;font-weight:700}.toggle-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;font-weight:600}.km-step{margin-bottom:14px}.km-step:last-child{margin-bottom:0}.km-step.km-step-locked{opacity:.45}.step-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:7px;font-size:.7rem;font-weight:700}.step-label .step-hint{text-transform:none;letter-spacing:0;font-weight:500}.km-step-done{color:var(--good);background:var(--good-soft);border:1px solid var(--good);border-radius:10px;align-items:center;gap:7px;padding:11px 12px;font-size:.86rem;font-weight:600;display:flex}.km-step-done .dot{background:var(--good);border-radius:50%;flex-shrink:0;width:7px;height:7px}.good{color:var(--good)!important}.bad{color:var(--danger)!important}.composer{flex-direction:column;gap:8px;display:flex}.composer-form{align-items:center;gap:8px;display:flex}.composer-form .text{flex:1}.composer-row2{flex-wrap:wrap;gap:8px;display:flex}.composer-row2>input,.composer-row2>select{background:var(--surface-2);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:9px;flex:130px;padding:9px 10px;font-family:inherit;font-size:.85rem}.mic-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.mic-btn.listening{background:var(--danger-soft);border-color:var(--danger);animation:1s ease-in-out infinite nagpulse}.voice-error{color:var(--danger);font-size:.76rem}.voice-hint{color:var(--text-dim);font-size:.72rem}.tag{font-size:.8rem}.agenda-strip-row{align-items:center;gap:4px;display:flex}.agenda-strip{flex:1;justify-content:space-between;gap:4px;display:flex}.strip-nav{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:1.3rem}.strip-day{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--text);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 2px;font-family:inherit;display:flex}.strip-day .wd{color:var(--text-dim);text-transform:uppercase;font-size:.62rem}.strip-day .dd{font-size:.95rem;font-weight:700}.strip-day.is-today{border-color:var(--accent)}.strip-day.active{background:var(--accent);border-color:var(--accent)}.strip-day.active .wd,.strip-day.active .dd{color:var(--accent-ink)}.view-toggle{gap:8px;display:flex}.view-toggle .chip{text-align:center;flex:1}.month-head{justify-content:space-between;align-items:center;display:flex}.month-head .label{font-size:.95rem;font-weight:700}.month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-wd{text-align:center;color:var(--text-dim);text-transform:uppercase;padding-bottom:2px;font-size:.62rem}.month-cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-family:inherit;font-size:.78rem;display:flex}.month-cell.out{opacity:.35}.month-cell.today{border-color:var(--accent);font-weight:700}.month-cell.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.month-dots{flex-wrap:wrap;justify-content:center;gap:2px;max-width:24px;display:flex}.month-dot{border-radius:50%;width:5px;height:5px}.shift-block{border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.shift-block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.shift-block-title{align-items:center;gap:8px;font-size:.86rem;font-weight:700;display:flex}.shift-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.shift-block-time{color:var(--text-dim);font-family:IBM Plex Mono,monospace;font-size:.72rem}.shift-edit-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:.78rem;font-weight:600}.color-picker{flex-wrap:wrap;gap:6px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.color-swatch.active{border-color:var(--text)}.shift-list-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.shift-list-row:last-child{border-bottom:none}.shift-list-row .info{flex:1;min-width:0}.km-mini{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:10px 12px}.km-mini:last-child{margin-bottom:0}.km-mini-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.km-mini-form{gap:8px;display:flex}.km-mini-form input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:9px;flex:1;padding:9px 10px;font-family:IBM Plex Mono,monospace}.day-block{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px 12px}.day-head{cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.day-mini-stats{color:var(--text-dim);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:.76rem;display:flex}.day-mini-stats .val{color:var(--text);font-weight:700}.auth-wrap{flex-direction:column;justify-content:center;gap:18px;max-width:380px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.auth-title{font-size:1.4rem;font-weight:700}.auth-sub{color:var(--text-dim);margin-top:6px;font-size:.85rem}.auth-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--text);border-radius:10px;padding:10px 12px;font-size:.82rem}.auth-switch{text-align:center;color:var(--text-dim);font-size:.82rem}