:root{color-scheme:light dark;--bg: #f9f9f7;--surface: #fcfcfb;--surface-2: #f0efec;--text: #0b0b0b;--text2: #52514e;--muted: #898781;--line: #e1e0d9;--border: rgba(11, 11, 11, .1);--office: #2a78d6;--home: #1baf7a;--off: #898781;--office-soft: rgba(42, 120, 214, .16);--home-soft: rgba(27, 175, 122, .18);--off-soft: rgba(137, 135, 129, .2);--sick: #ec835a;--sick-soft: rgba(236, 131, 90, .2);--good: #0ca30c;--warn: #fab219;--crit: #d03b3b;--accent: #2a78d6;--radius: 16px}@media (prefers-color-scheme: dark){:root{--bg: #0d0d0d;--surface: #1a1a19;--surface-2: #262624;--text: #f0efec;--text2: #c3c2b7;--line: #2c2c2a;--border: rgba(255, 255, 255, .1);--office: #3987e5;--home: #199e70;--accent: #3987e5}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;font-size:16px}body{overscroll-behavior-y:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.app{max-width:480px;margin:0 auto;padding:12px 16px calc(84px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 0 14px}.topbar h1{font-size:24px;font-weight:700}.topbar .sub{color:var(--text2);font-size:14px;text-align:right}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card h2{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 10px;font-weight:600}.card h2 .right{float:right;text-transform:none;letter-spacing:0;font-weight:500}.stack>*+*{margin-top:10px}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.text2{color:var(--text2)}.small{font-size:13px}.bold{font-weight:600}.hero{font-size:36px;font-weight:700;line-height:1.05}.tabular{font-variant-numeric:tabular-nums}.status-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.status-btn{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px 2px;font-size:12.5px;font-weight:600;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px;min-height:66px;transition:transform .08s}.status-btn:active{transform:scale(.97)}.status-btn .ic{font-size:22px;line-height:1}.status-btn.active-office{background:var(--office);color:#fff;border-color:var(--office)}.status-btn.active-home{background:var(--home);color:#fff;border-color:var(--home)}.status-btn.active-off{background:var(--off);color:#fff;border-color:var(--off)}.status-btn.active-sick{background:var(--sick);color:#fff;border-color:var(--sick)}.progress{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;position:relative}.progress>span{display:block;height:100%;border-radius:999px;background:var(--home);transition:width .3s}.progress.over>span{background:var(--crit)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface-2);color:var(--text2);white-space:nowrap}.pill.good{background:#0ca30c24;color:var(--good)}.pill.warn{background:#fab21933;color:#8a5a00}.pill.crit{background:#d03b3b24;color:var(--crit)}@media (prefers-color-scheme: dark){.pill.warn{color:var(--warn)}}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid.four{grid-template-columns:repeat(4,1fr);gap:6px}.mini-grid.four .mini{padding:8px 6px}.mini-grid.four .mini .v{font-size:18px}.mini-grid.four .mini .l{font-size:11px}.mini{background:var(--surface-2);border-radius:12px;padding:8px 10px}.mini .v{font-size:20px;font-weight:700}.mini .l{font-size:12px;color:var(--text2)}.box{border-left:3px solid var(--warn);background:#fab2191f;padding:8px 10px;border-radius:8px;font-size:13px}.box.crit{border-left-color:var(--crit);background:#d03b3b1f}.box.info{border-left-color:var(--accent);background:var(--office-soft)}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:transparent;border-color:var(--crit);color:var(--crit)}.btn.link{background:none;border:0;color:var(--accent);padding:4px 0}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 13px;background:var(--surface-2);color:var(--text);font-size:14px;font-weight:500}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.seg{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg button{flex:1;padding:9px 4px;background:var(--surface-2);border:0;border-right:1px solid var(--border);font-size:13px;color:var(--text)}.seg button:last-child{border-right:0}.seg button.on{background:var(--accent);color:#fff;font-weight:600}.seg.small button{padding:6px 2px;font-size:12px}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}input[type=checkbox]{width:auto;padding:0;margin:0 8px 0 0;accent-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent);background:none;border:0}textarea{min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:13px;color:var(--text2);margin-bottom:6px}.check{display:flex;align-items:center;font-size:14px;margin-bottom:8px}.pref-row{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:8px;margin-bottom:8px}.result-list{list-style:none;margin:8px 0 0;padding:0}.result-list li button{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:6px;color:var(--text)}.errors{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--crit)}.bottomnav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottomnav .inner{max-width:480px;margin:0 auto;display:flex}.bottomnav button{flex:1;background:none;border:0;padding:8px 0 10px;color:var(--muted);font-size:11px;display:flex;flex-direction:column;gap:2px;align-items:center}.bottomnav button .ic{font-size:22px;line-height:1.1}.bottomnav button.on{color:var(--accent);font-weight:600}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-nav .title{font-size:18px;font-weight:700;text-transform:capitalize}.cal-nav button{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:40px;height:36px;font-size:18px;color:var(--text)}.cal-head{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.cal-head div{text-align:center;font-size:12px;color:var(--muted);font-weight:600;line-height:1.2}.cal-head .mark{display:block;font-size:10px;height:12px}.cal-head .pref .mark{color:var(--office)}.cal-head .avoid .mark{color:var(--crit)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{aspect-ratio:1 / 1.3;border-radius:10px;background:var(--surface-2);border:1.5px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 2px 3px;font-size:12px;color:var(--text);min-width:0}.cal-cell.out{opacity:.3}.cal-cell.free{background:transparent}.cal-cell.today{border-color:var(--accent)}.cal-cell.s-office{background:var(--office-soft)}.cal-cell.s-home{background:var(--home-soft)}.cal-cell.s-off{background:var(--off-soft)}.cal-cell.s-sick{background:var(--sick-soft)}.cal-cell.planned{border-style:dashed;border-color:var(--text2)}.cal-cell.planned.today{border-color:var(--accent)}.cal-cell .num{font-weight:600;line-height:1}.cal-cell .wx{font-size:14px;line-height:1}.cal-cell .tmp{font-size:10px;color:var(--text2);line-height:1}.cal-cell .bar{height:3px;width:60%;border-radius:2px;background:transparent}.s-office .bar{background:var(--office)}.s-home .bar{background:var(--home)}.s-off .bar{background:var(--off)}.s-sick .bar{background:var(--sick)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text2)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:30;display:flex;align-items:flex-end}.sheet{background:var(--surface);width:100%;max-width:480px;margin:0 auto;border-radius:20px 20px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));animation:up .18s ease-out}@keyframes up{0%{transform:translateY(30px);opacity:0}}.sheet .handle{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}.stat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{background:var(--surface-2);border-radius:12px;padding:10px 12px}.tile .v{font-size:26px;font-weight:700;line-height:1.1}.tile .l{font-size:12px;color:var(--text2)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:right;padding:6px 4px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}table.data th{color:var(--muted);font-weight:600}table.data th:first-child,table.data td:first-child{text-align:left}.desktop-note{display:none}@media (min-width: 700px){.desktop-note{display:block;text-align:center;padding:8px 16px;font-size:13px;background:var(--surface-2);color:var(--text2)}}.empty{text-align:center;color:var(--muted);padding:20px 0;font-size:14px}