:root{--bg:#eef0fa;--surface:#fff;--surface-2:#f6f7fd;--ink:#1b1d2e;--muted:#5e6280;--line:#dadded;--accent:#4052d6;--accent-ink:#fff;--accent-soft:#e3e6fb;--now:#c2416b;--danger:#b3261e;--radius:16px;--step:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#10121c;--surface:#1a1d2b;--surface-2:#151826;--ink:#e8eaf4;--muted:#9aa0bc;--line:#2a2e42;--accent:#9ca8ff;--accent-ink:#10121c;--accent-soft:#242a4a;--now:#ff8fb1;--danger:#ffb4ab}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}h1{margin:0 0 calc(var(--step) * 3);letter-spacing:-.01em;font-size:28px;line-height:1.2}h2{color:var(--accent);margin:calc(var(--step) * 3) 0 var(--step);font-size:13px;font-weight:600}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:10px 20px;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;border:0;padding:4px}.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);border-radius:24px;flex-direction:column;gap:16px;width:min(380px,100%);padding:32px;display:flex;box-shadow:0 20px 50px -30px #14183c59}.login-card h1,.login-card p{margin:0}.login-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:15px}.splash{text-align:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.shell{grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:16px;height:100dvh;padding:24px 12px;display:flex;position:sticky;top:0}.family{padding:0 12px;font-size:17px}.family select{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:6px 8px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-item{color:var(--ink);border-radius:12px;padding:9px 12px;text-decoration:none;transition:background-color .15s ease-out}.nav-item:hover{background:var(--accent-soft)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.account{justify-content:space-between;align-items:center;margin-top:auto;padding:0 12px;display:flex}.content{width:100%;max-width:1040px;padding:40px 48px 80px}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;padding:12px;position:static}.sidebar nav{flex-flow:wrap}.content{padding:24px 16px 64px}}.today-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.col{flex-direction:column;display:flex}.col>h2:first-child{margin-top:0}@media (width<=900px){.today-grid{grid-template-columns:1fr;gap:0}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:0 1px 0 var(--line);padding:12px 14px}a.card{color:inherit;flex-direction:column;gap:6px;text-decoration:none;transition:transform .16s ease-out,box-shadow .16s ease-out;display:flex}a.card:hover{box-shadow:0 6px 20px -12px #14183c59}a.card:active{transform:scale(.985)}.invite{gap:4px}.small{font-size:13px;display:block}.tile{background:var(--accent);color:var(--accent-ink);border-radius:20px;margin-bottom:8px;padding:16px 18px}.tile-cap{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:12px}.tile-time{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.1}.tile-title{margin:2px 0 4px;font-size:18px}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{align-items:center;gap:12px;display:flex;overflow:hidden}.row .grow,.grow{flex:1;min-width:0}.time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:52px}.row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}button.icon{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:4px 8px}button.icon:hover{background:var(--accent-soft);color:var(--danger)}.add-row{gap:8px;margin-bottom:8px;display:flex}.add-row input{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;padding:9px 12px}.routine .rblock{align-items:baseline;gap:10px;display:flex}.routine .dot{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px;transform:translateY(-2px)}.routine .rblock.now .time,.routine .now-text{color:var(--now);font-weight:600}.routine .rblock.now .dot{background:var(--now)}.routine .rblock.now .title{font-weight:600}.menu-card .meal{grid-template-columns:76px 1fr;gap:8px;display:grid}.toast{z-index:10;background:var(--ink);color:var(--bg);border-radius:14px;align-items:center;gap:16px;min-width:320px;padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -12px #0006}.toast button.link{color:var(--accent-soft);font-weight:600}.code-input{letter-spacing:.12em;text-align:center;text-transform:uppercase;font:600 26px/1.2 ui-monospace,SF Mono,Menlo,monospace!important}.modal-backdrop{z-index:20;background:#0f122061;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:20px;width:min(520px,100%);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 30px 80px -30px #00000080}.modal-title{color:var(--ink);margin:0 0 16px;font-size:20px}.form{flex-direction:column;gap:14px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.form input:not([type=checkbox]),.form select,.form textarea{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:9px 12px;font-size:15px}.form textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.form label.check{color:var(--ink);flex-direction:row;align-items:center;gap:8px;padding-bottom:10px;font-size:15px}.form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}button.danger{color:var(--danger);background:0 0;border:0;padding:8px 4px}.note{background:var(--accent-soft);color:var(--ink);border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.calendar-layout{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:32px;display:grid}@media (width<=900px){.calendar-layout{grid-template-columns:1fr}}.month{padding:16px;overflow:hidden}.month-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.month-head button.icon{color:var(--ink);font-size:22px;line-height:1}.weekdays,.days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{color:var(--muted);padding:4px 0;font-size:12px}.day{aspect-ratio:1;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .15s ease-out,transform .12s ease-out;display:grid;position:relative}.day:hover{background:var(--accent-soft)}.day:active{transform:scale(.94)}.day.other{color:var(--muted);opacity:.55}.day.today{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent);font-weight:600}.day.selected{background:var(--accent);color:var(--accent-ink);box-shadow:none}.event-dot{background:var(--now);border-radius:50%;width:5px;height:5px;position:absolute;bottom:14%}.day.selected .event-dot{background:var(--accent-ink)}.day-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.day-head h2{color:var(--ink);margin:0;font-size:18px}button.event-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;transition:transform .12s ease-out,box-shadow .16s ease-out}button.event-row:hover{box-shadow:0 6px 20px -12px #14183c59}button.event-row:active{transform:scale(.985)}.page-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.page-head h1{margin-bottom:16px}.add-row.narrow{max-width:420px;margin-bottom:20px}.lists-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.list-card{flex-direction:column;gap:6px;padding:14px;display:flex}.list-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.list.plain{gap:0}.item{border-top:1px solid var(--line);padding:6px 0}.item:first-child{border-top:0}.item-body{text-align:left;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.item.done .item-body>span:first-child{color:var(--muted);text-decoration:line-through}.icon-link{color:var(--muted);border-radius:8px;padding:4px 8px;text-decoration:none}.icon-link:hover{background:var(--accent-soft);color:var(--accent)}.list-card .add-row{margin:6px 0 0}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:12px;display:grid}.note-card{text-align:left;font:inherit;color:inherit;cursor:pointer;border:0;flex-direction:column;gap:6px;min-height:96px;display:flex}.note-card:hover{box-shadow:0 6px 20px -12px #14183c59}.note-preview{-webkit-line-clamp:4;white-space:pre-line;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.segmented{border:1px solid var(--line);border-radius:999px;align-self:flex-start;padding:2px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 16px}.segmented button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.checklist{flex-direction:column;gap:2px;display:flex}.check-item{padding:2px 0}.check-item.done .plain-input{color:var(--muted);text-decoration:line-through}.plain-input{background:0 0!important;border:0!important;padding:6px 0!important}.plain-input:focus{box-shadow:inset 0 -1px 0 var(--accent);outline:none}.segmented+*,.routine-list{margin-top:16px}button.routine-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border:0;transition:transform .12s ease-out,box-shadow .16s ease-out}button.routine-row:hover{box-shadow:0 6px 20px -12px #14183c59}button.routine-row:active{transform:scale(.985)}.routine-row .dot{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px}.routine-row .title{display:block}.routine-row.now .time,.routine-row.now .title{color:var(--now);font-weight:600}.routine-row.now .dot{background:var(--now);box-shadow:0 0 0 4px color-mix(in srgb, var(--now) 20%, transparent)}.routine-row.past{opacity:.55}.note.row{align-items:center;gap:12px;display:flex}.form-hint{margin:-6px 0 0}.week-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}button.icon.big{color:var(--ink);font-size:24px;line-height:1}.week-head .link{margin-left:auto;font-weight:600}.menu-table{border-collapse:collapse;width:100%;padding:0;overflow:hidden}.menu-table th,.menu-table td{border-bottom:1px solid var(--line);text-align:left;padding:0}.menu-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:12px 14px 8px;font-size:12px;font-weight:600}.menu-table tbody th{white-space:nowrap;width:1%;padding:10px 14px;font-weight:500}.menu-table tbody th .small{color:var(--accent)}.menu-table tbody tr:last-child th,.menu-table tbody tr:last-child td{border-bottom:0}.menu-table .today-row{background:var(--accent-soft)}.menu-table .today-row th{color:var(--accent)}.menu-cell{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;padding:12px 14px}.menu-cell::placeholder{color:var(--line)}.menu-cell:hover{background:color-mix(in srgb, var(--accent-soft) 60%, transparent)}.menu-cell:focus{background:var(--surface-2);box-shadow:inset 0 -2px 0 var(--accent);outline:none}.jar-sum{font-variant-numeric:tabular-nums}.jar-saved{font-size:24px;font-weight:700}.bar{background:var(--accent-soft);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--accent);border-radius:3px;height:100%;display:block}.history{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.history .plus{color:var(--accent);font-variant-numeric:tabular-nums}.history .minus{color:var(--danger);font-variant-numeric:tabular-nums}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.movie{grid-template-columns:110px 1fr;gap:14px;padding:12px;display:grid}.movie img,.poster-empty{aspect-ratio:2/3;object-fit:cover;background:var(--surface-2);border-radius:10px;width:110px}.movie-body{flex-direction:column;gap:4px;min-width:0;display:flex}.movie-overview{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:4px 0;font-size:13px;display:-webkit-box;overflow:hidden}.stars{gap:2px;display:flex}.stars button{color:var(--line);background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1;transition:transform .12s ease-out,color .12s}.stars button.on{color:#f5b301}.stars button:hover{transform:scale(1.15)}.about{border-top:1px solid var(--line);margin:4px 0 0;padding-top:12px}.about-links{flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.about-links a{color:var(--muted)}.about-links a:hover{color:var(--accent)}