:root{--ground: #FAF7F4;--card: #FFFFFF;--hairline: #ECE5DE;--ink: #2A2230;--muted: #8C8079;--brand: #B4506B;--shift-morning: #E39A22;--shift-lunch: #1FA394;--shift-dinner: #EE6C40;--shift-bed: #5D61C0;--good: #4B9E6A;--danger: #C0483F;--shadow: 0 1px 2px rgba(42,34,48,.06), 0 8px 24px rgba(42,34,48,.06);--shadow-lift: 0 2px 6px rgba(42,34,48,.1), 0 14px 34px rgba(42,34,48,.12);--font-display: ui-rounded, "SF Pro Rounded", "Segoe UI Rounded", "Nunito", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--r: 16px}@media (prefers-color-scheme: dark){:root{--ground: #16131D;--card: #211D2A;--hairline: #332D3E;--ink: #F2ECF5;--muted: #9E93AC;--brand: #E58AA3;--shift-morning: #EDB04A;--shift-lunch: #35C2B1;--shift-dinner: #F58762;--shift-bed: #8A8DE0;--good: #6FC593;--danger: #E8746A;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);--shadow-lift: 0 2px 8px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.45)}}:root[data-theme=light]{--ground: #FAF7F4;--card: #FFFFFF;--hairline: #ECE5DE;--ink: #2A2230;--muted: #8C8079;--brand: #B4506B;--shift-morning: #E39A22;--shift-lunch: #1FA394;--shift-dinner: #EE6C40;--shift-bed: #5D61C0;--good: #4B9E6A;--danger: #C0483F;--shadow: 0 1px 2px rgba(42,34,48,.06), 0 8px 24px rgba(42,34,48,.06);--shadow-lift: 0 2px 6px rgba(42,34,48,.1), 0 14px 34px rgba(42,34,48,.12)}:root[data-theme=dark]{--ground: #16131D;--card: #211D2A;--hairline: #332D3E;--ink: #F2ECF5;--muted: #9E93AC;--brand: #E58AA3;--shift-morning: #EDB04A;--shift-lunch: #35C2B1;--shift-dinner: #F58762;--shift-bed: #8A8DE0;--good: #6FC593;--danger: #E8746A;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);--shadow-lift: 0 2px 8px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);background:var(--ground);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit}.wrap{max-width:1260px;margin:0 auto;padding:clamp(16px,3.5vw,38px)}.app-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.mark{flex:none;width:50px;height:50px}.mark svg{display:block;width:100%;height:100%}.title-block{flex:1 1 auto;min-width:0}.title-block h1{font-family:var(--font-display);font-size:clamp(26px,5vw,38px);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1}.title-block p{margin:4px 0 0;color:var(--muted);font-size:15px}.icon-btn{flex:none;display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--hairline);background:var(--card);color:var(--ink);padding:9px 14px;border-radius:999px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.nudge{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--brand) 10%,var(--card));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--hairline));border-radius:var(--r);padding:12px 16px;margin-bottom:18px;font-size:15px}.nudge .bell{font-size:18px;flex:none}.nudge .n-link{margin-left:auto;flex:none;color:var(--brand);font-weight:700;background:none;border:none;cursor:pointer;white-space:nowrap;font-size:14px}.nudge .n-link:hover{text-decoration:underline}.weeknav{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.weeknav .nav-arrow{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--hairline);background:var(--card);color:var(--ink);cursor:pointer;font-size:20px;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.weeknav .nav-arrow:hover{transform:translateY(-1px);box-shadow:var(--shadow-lift)}.weeknav .range{text-align:center;min-width:190px}.weeknav .range .rng{font-family:var(--font-display);font-weight:800;font-size:18px}.weeknav .range .sub{font-size:12px;color:var(--muted)}.weeknav .range .sub.now{color:var(--good);font-weight:700}.today-btn{border:none;background:color-mix(in srgb,var(--brand) 15%,transparent);color:var(--brand);font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer}.today-btn:hover{background:color-mix(in srgb,var(--brand) 24%,transparent)}.summary{display:flex;align-items:center;gap:clamp(14px,4vw,30px);background:var(--card);border:1px solid var(--hairline);border-radius:var(--r);padding:16px clamp(16px,3vw,24px);box-shadow:var(--shadow);margin-bottom:20px;flex-wrap:wrap}.ring{flex:none;position:relative;width:100px;height:100px}.ring svg{transform:rotate(-90deg);display:block}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-label .count{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.ring-label .of{font-size:11px;color:var(--muted);margin-top:2px}.summary-copy{flex:1 1 240px;min-width:0}.summary-copy h2{font-family:var(--font-display);font-size:18px;margin:0;font-weight:700}.identity{margin-bottom:20px}.identity .lead{font-size:14px;color:var(--muted);margin:0 0 10px}.identity .lead b{color:var(--ink);font-weight:700}.identity.needpick{background:color-mix(in srgb,var(--brand) 9%,var(--card));border:1.5px dashed color-mix(in srgb,var(--brand) 45%,var(--hairline));border-radius:var(--r);padding:14px 16px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;border:1.5px solid var(--hairline);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.chip[aria-pressed=true]{border-color:var(--who-color);color:var(--who-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--who-color) 22%,transparent)}.chip.view-only{color:var(--muted)}.chip.view-only[aria-pressed=true]{color:var(--ink)}.week{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;align-items:start}.day{min-width:0;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.day.today{box-shadow:var(--shadow),0 0 0 2px var(--brand)}.day-head{padding:11px 13px;border-bottom:1px solid var(--hairline);display:flex;align-items:baseline;justify-content:space-between;gap:4px 8px;flex-wrap:wrap}.day-head .day-label{white-space:nowrap}.day-head .cov{color:var(--good);font-weight:800;margin-left:2px}.day-head .dow{font-family:var(--font-display);font-weight:800;font-size:16px}.day-head .date{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.today-tag{flex:none;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent);padding:3px 7px;border-radius:999px}.covered-tag{flex:none;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--good)}.slots{display:flex;flex-direction:column;gap:8px;padding:10px}.slot{--shift: var(--shift-morning);display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:54px;padding:8px 10px;border-radius:12px;cursor:pointer;color:var(--ink);border:1.5px solid transparent;background:color-mix(in srgb,var(--shift) 9%,var(--card));transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.slot[data-shift=morning]{--shift: var(--shift-morning)}.slot[data-shift=lunch]{--shift: var(--shift-lunch)}.slot[data-shift=dinner]{--shift: var(--shift-dinner)}.slot[data-shift=bed]{--shift: var(--shift-bed)}.slot:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.slot:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--shift) 45%,transparent)}.slot .ico{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px;background:color-mix(in srgb,var(--shift) 20%,var(--card))}.slot .body{flex:1 1 auto;min-width:0}.slot .shift-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--shift)}.slot .state{font-size:14px;line-height:1.3}.slot.empty{background:transparent;border:1.5px dashed color-mix(in srgb,var(--shift) 45%,var(--hairline))}.slot.empty .state{color:var(--shift);font-weight:600}.slot.empty .ico{background:color-mix(in srgb,var(--shift) 12%,var(--card));opacity:.8}.slot.filled{background:color-mix(in srgb,var(--shift) 13%,var(--card))}.slot.mine{border-color:color-mix(in srgb,var(--shift) 55%,transparent)}.slot .who{display:flex;align-items:center;gap:8px}.slot .who .avatar{width:26px;height:26px;font-size:11px}.slot .who .nm{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .mine-hint{font-size:11px;color:var(--muted)}.slot.taken{cursor:default}.slot.taken:hover{transform:none;box-shadow:none}.pop{animation:pop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}.empty-onboard{text-align:center;background:var(--card);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow);padding:40px 24px}.empty-onboard h2{font-family:var(--font-display);margin:0 0 6px}.empty-onboard p{color:var(--muted);margin:0 0 18px}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;font-family:var(--font-display);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{filter:brightness(1.05);box-shadow:var(--shadow-lift)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--hairline)}.btn-danger-text{background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14101a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;z-index:50;overflow-y:auto}.modal{background:var(--card);border:1px solid var(--hairline);border-radius:20px;box-shadow:var(--shadow-lift);width:100%;max-width:460px;padding:22px}.modal h2{font-family:var(--font-display);margin:0 0 4px;font-size:22px}.modal .modal-sub{color:var(--muted);font-size:14px;margin:0 0 18px}.field-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:block;margin:16px 0 6px}.text-input{width:100%;padding:11px 13px;border-radius:11px;border:1.5px solid var(--hairline);background:var(--ground);color:var(--ink);font:inherit}.text-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.add-row{display:flex;gap:8px;margin-top:6px}.add-row .text-input{flex:1}.people-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.person-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--hairline);border-radius:12px}.person-row .nm{flex:1;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-close{float:right;background:none;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;margin:-6px -6px 0 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--ground);padding:12px 18px;border-radius:999px;box-shadow:var(--shadow-lift);font-size:14px;font-weight:600;z-index:60;animation:rise .25s ease;max-width:90vw}.toast.error{background:var(--danger);color:#fff}@keyframes rise{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.footnote{margin-top:26px;text-align:center;color:var(--muted);font-size:13px}.loading{text-align:center;color:var(--muted);padding:60px 0}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}