:root{--bg:#f2f2f7;--card:#fff;--text:#111114;--muted:#6b6b73;--line:#e3e3e8;--brand:#c00;--brand-press:#a30000;--brand-soft:#fdecec;--warn:#b45309;--warn-bg:#fff7e6;--warn-line:#f5c46b;--error:#b42318;--error-bg:#fdecea;--radius:14px;--shadow:0 1px 2px #0000000a, 0 1px 1px #00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--card:#1c1c1e;--text:#f5f5f7;--muted:#9a9aa2;--line:#2c2c30;--brand:#e5323a;--brand-press:#c4232a;--brand-soft:#351214;--warn:#fbbf24;--warn-bg:#2b2210;--warn-line:#6b4f12;--error:#f87171;--error-bg:#2d1414;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}body.no-scroll{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:var(--text);font-size:16px}.screen{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-bottom:.5px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.topbar h1{text-align:center;margin:0;font-size:17px;font-weight:600}.topbar-side{min-width:0;display:flex}.topbar-side.right{justify-content:flex-end}.icon-btn,.back-btn,.link{color:var(--brand);background:0 0;border:0;padding:6px}.icon-btn{place-items:center;width:40px;height:40px;margin:-6px;display:grid}.back-btn{white-space:nowrap;align-items:center;gap:6px;margin-left:-4px;font-size:17px;display:inline-flex}.link.strong{font-size:17px;font-weight:600}.link.small,.small{font-size:14px}.link.center{margin:4px auto 0;display:block}.link.muted{color:var(--muted)}.content{width:100%;max-width:560px;padding:16px 16px calc(env(safe-area-inset-bottom) + 24px);flex:1;margin:0 auto}.content.review{padding-bottom:calc(env(safe-area-inset-bottom) + 104px)}.stack{flex-direction:column;gap:10px;display:flex}.muted{color:var(--muted)}.hint{color:var(--muted);text-align:center;margin:14px 0 0;font-size:14px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:14px 16px}.btn{border:0;border-radius:12px;width:100%;min-height:44px;padding:12px 16px;font-weight:600;transition:transform 60ms,background .15s}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn.large{min-height:52px;font-size:17px}.btn.small{width:auto;min-height:34px;padding:6px 14px;font-size:15px}.btn.primary{background:var(--brand);color:#fff}.btn.primary:active:not(:disabled){background:var(--brand-press)}.btn.secondary{background:var(--brand-soft);color:var(--brand)}label.btn.file-btn{cursor:pointer;justify-content:center;align-items:center;display:flex}label.btn.disabled{opacity:.45;pointer-events:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn.danger-link{color:var(--error);background:0 0;margin-top:4px;font-weight:500}.callout{border-radius:var(--radius);background:var(--brand-soft);flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:15px;display:flex}.callout.warn{background:var(--warn-bg);border:1px solid var(--warn-line)}.callout.error{background:var(--error-bg);color:var(--error)}.badge{white-space:nowrap;border:0;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.badge.warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.warn-text{color:var(--warn)}.pulse{animation:1.2s pulse}@keyframes pulse{0%,to{box-shadow:0 0 #0000}30%{box-shadow:0 0 0 4px var(--warn-line)}}.hero{text-align:center;padding:28px 8px 20px}.hero-icon{background:var(--brand-soft);width:76px;height:76px;color:var(--brand);border-radius:22px;place-items:center;margin:0 auto 14px;display:grid}.hero h2{letter-spacing:-.01em;margin:0 0 6px;font-size:22px}.hero p{max-width:340px;margin:0 auto}.reading{text-align:center;padding-top:12px}.photo-preview{object-fit:contain;border-radius:var(--radius);background:var(--card);width:100%;max-height:44dvh;margin-bottom:20px;display:block}.reading-title{margin:12px 0 2px;font-size:17px;font-weight:600}.reading .btn{margin-top:18px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.week-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 4px 12px;font-size:15px;font-weight:600}.day{padding:0;overflow:hidden}.day.has-issues{box-shadow:inset 3px 0 0 var(--warn-line), var(--shadow)}.day-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 6px;display:flex}.day-head h3{margin:0;font-size:17px}.slot-wrap{border-top:.5px solid var(--line)}.slot{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 16px;display:flex}.slot:active{background:var(--bg)}.slot.needs{background:var(--warn-bg)}.slot-label{width:38px;color:var(--muted);letter-spacing:.04em;flex:none;font-size:13px;font-weight:700}.slot-owner{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.owner-name{font-weight:600}.rank-chip{color:var(--muted);background:var(--bg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.chev{color:var(--muted);font-size:22px;line-height:1}.slot-reasons{color:var(--warn);margin:-2px 16px 10px 66px;padding:0;font-size:14px;list-style:none}.slot-reasons li+li{margin-top:2px}.on-shift{color:var(--muted);font-size:14px;font-weight:400}.date-input{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:44px;padding:8px 10px}.suggestion{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:-4px 16px 10px 66px;font-size:14px;display:flex}.suggestion-actions{flex:none;gap:4px;display:flex}.bottom-bar{z-index:10;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-top:.5px solid var(--line);position:fixed;bottom:0;left:0;right:0}.bottom-bar .btn{max-width:528px;margin:0 auto;display:block}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:560px;max-height:88dvh;padding:6px 16px calc(env(safe-area-inset-bottom) + 18px);border-radius:18px 18px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) rise;overflow-y:auto}.sheet-grabber{background:var(--line);border-radius:3px;width:36px;height:5px;margin:4px auto 6px}.sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-head h2{margin:6px 0;font-size:18px}.sheet-body{flex-direction:column;gap:12px;padding-top:4px;display:flex}.sheet-body p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.options{border:.5px solid var(--line);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.option{background:var(--card);border:0;border-top:.5px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:10px 14px;display:flex}.option:first-child{border-top:0}.option.selected{background:var(--brand-soft);color:var(--brand);font-weight:600}.summary h2{margin:2px 0 10px;font-size:17px}.summary table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:15px}.summary th{text-align:left;color:var(--muted);letter-spacing:.04em;padding:0 6px 6px 0;font-size:12px;font-weight:700}.summary td{border-top:.5px solid var(--line);vertical-align:top;padding:8px 6px 8px 0}.summary td:first-child{width:72px}.summary td:first-child span{font-size:13px;display:block}.summary .link{padding-left:0}.send-details{padding:4px 16px}.detail-row{align-items:center;gap:10px;min-height:46px;display:flex}.detail-row+.detail-row{border-top:.5px solid var(--line)}.detail-label{width:64px;color:var(--muted);flex:none;font-size:15px}.detail-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.status{text-align:center;color:var(--muted);margin:0 0 10px}.settings section{margin-bottom:22px}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 4px 4px;font-size:13px;font-weight:600}.settings section>.muted{margin:0 4px 8px}.settings .card{margin-bottom:8px}.card.list{padding:0;overflow:hidden}.roster-row{border-bottom:.5px solid var(--line);align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}.roster-row input{background:0 0;border:0;flex:1;min-width:0;padding:8px 0}.roster-row select{background:var(--bg);border:0;border-radius:8px;flex:none;max-width:46%;padding:6px 8px}.remove{color:var(--muted);background:0 0;border:0;width:36px;height:36px;font-size:22px}.reset-roster{margin:8px auto 0;display:block}.add-row{width:100%;color:var(--brand);text-align:left;background:0 0;border:0;padding:14px;font-weight:500}input.full{background:0 0;border:0;width:100%;padding:4px 0}
