@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-hebrew-400-normal-CU-W3G4s.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-hebrew-500-normal-DDKUYthM.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-hebrew-600-normal-B4Yt0yNp.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-hebrew-700-normal-M-Yc2aQ3.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-Bd548WEe.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rubik-latin-500-normal-u2YmNvkZ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-latin-600-normal-DKH4MTrm.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-latin-700-normal-Bz4C3h_O.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f3f2f8;--surface: #ffffff;--surface-soft: #f8f7fc;--ink: #1d1b2e;--muted: #57546b;--line: #e2e0ec;--control-line: #8d8aa3;--primary: #4338ca;--primary-hover: #3730a3;--primary-ink: #ffffff;--primary-soft: #ebeafd;--sun-soft: #fff5d6;--sun-line: #f0dfa2;--sun-ink: #5c3d00;--done: #166534;--done-bg: #e7f6ec;--late: #8a4500;--late-bg: #fff1db;--late-line: #c77700;--missed: #b3261e;--missed-bg: #fdeceb;--missed-line: #d9534b;--open: #3f3d56;--open-bg: #f1f0f6;--danger: #b3261e;--focus: #1d4ed8;--r-card: 18px;--r-control: 12px;--font: "Rubik", "Noto Sans Hebrew", "Arial Hebrew", system-ui, Arial, sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.5;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg)}a{color:var(--primary)}button,input,select,textarea{font:inherit}input,select,textarea{display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;min-block-size:48px;padding:.7rem .85rem;border:1px solid var(--control-line);border-radius:var(--r-control);background:var(--surface);color:inherit}input[type=checkbox],input[type=radio]{min-block-size:0;accent-color:var(--primary)}textarea{min-block-size:5rem}label{display:block;margin-block:1rem;font-weight:500}fieldset{min-inline-size:0;border:1px solid var(--line);border-radius:var(--r-control);padding:.5rem 1rem 1rem;margin:0}legend{font-weight:600;padding-inline:.25rem}summary{cursor:pointer;padding-block:.85rem;font-weight:600;min-block-size:48px}li{margin-block:1rem;overflow-wrap:anywhere}bdi{overflow-wrap:anywhere}h1,h2,h3,p,a,button{overflow-wrap:anywhere}h1{font-size:1.625rem;line-height:1.15;margin:0;font-weight:700}h2{font-size:1.125rem;line-height:1.3;font-weight:700;margin-block:0 .75rem;text-wrap:balance}h3{font-size:1rem;font-weight:600;margin-block:0 .5rem}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a,button{touch-action:manipulation}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.muted{color:var(--muted)}.icon{flex:0 0 auto}[dir=rtl] .icon.flip{transform:scaleX(-1)}button,.button-primary,.button-quiet,.settings-link,.bottom-navigation a{min-inline-size:48px;min-block-size:48px;padding:.6rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;border-radius:var(--r-control);font-weight:600;text-decoration:none}button{background:var(--surface);color:var(--ink);border:1px solid var(--control-line);cursor:pointer;max-inline-size:100%}button:disabled{color:#5d5a70;background:#ecebf2;border-color:#c9c6d8;cursor:default}.button-primary,button.button-primary,.add-chore{background:var(--primary);border:1px solid var(--primary);color:var(--primary-ink)}.button-quiet{color:var(--primary);background:transparent;border:1px solid transparent}.quiet-button{border-color:transparent;background:transparent;color:var(--primary)}@media (hover: hover){button:not(:disabled):hover{background:var(--surface-soft);border-color:var(--primary)}.button-primary:hover,button.button-primary:not(:disabled):hover,.add-chore:not(:disabled):hover{background:var(--primary-hover);color:var(--primary-ink)}}button:not(:disabled):active{transform:translateY(1px)}[aria-pressed=true]{border:2px solid var(--ink);background:var(--ink);color:#fff;font-weight:700}.button-row,.page-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.page-actions>*{flex:1 1 12rem}.app-shell{block-size:100vh;block-size:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-block:max(.875rem,env(safe-area-inset-top)) .875rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));background:var(--surface);border-block-end:1px solid var(--line);max-block-size:35dvh;overflow:auto}.header-titles{flex:1 1 12rem;min-inline-size:0}.family-name{display:flex;align-items:center;gap:.35rem;margin:0 0 .15rem;color:var(--muted);font-size:.875rem}.settings-link{border:1px solid var(--line);background:var(--surface);color:var(--ink);position:relative}.alerts-link{inline-size:48px;padding:0;border-radius:14px}.alerts-link[aria-current=page]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.badge{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-inline-size:1.25rem;block-size:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center}main{overflow:auto;min-inline-size:0;scroll-padding-block:1.5rem}.content{max-inline-size:60rem;margin-inline:auto;padding-block:1rem 2rem;padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}.bottom-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding-block:.4rem max(.5rem,env(safe-area-inset-bottom));padding-inline:max(.5rem,env(safe-area-inset-left)) max(.5rem,env(safe-area-inset-right));border-block-start:1px solid var(--line);background:var(--surface);max-block-size:35dvh;overflow:auto}.bottom-navigation a{flex-direction:column;gap:.15rem;padding:.35rem .25rem;min-block-size:56px;border-radius:14px;color:var(--muted);font-size:.8125rem;font-weight:500;border:2px solid transparent}.bottom-navigation a[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:700}.skip-link{position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;padding:1rem;background:var(--surface);z-index:1;transform:translateY(-200%)}.skip-link:focus{transform:none}.session-message{padding-inline:1rem}.welcome-header{justify-content:flex-start;gap:1rem;border:0;background:var(--bg);padding-block-start:max(2rem,env(safe-area-inset-top))}.welcome-header h1{font-size:1.875rem}.welcome-header p{margin:.25rem 0 0;color:var(--muted);font-size:1.0625rem}.brand-mark{inline-size:56px;block-size:56px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;flex:0 0 auto}.setup-content{max-inline-size:36rem}.google-button{max-inline-size:100%;overflow:auto}.google-start{inline-size:100%;min-block-size:52px;border-radius:14px}.signed-in-as,.account-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-block:0 1rem}.language-controls{display:flex;flex-wrap:wrap;gap:.5rem;border:0;padding:0;margin-block-end:1rem}.language-controls legend{margin-block-end:.5rem;padding:0}.language-controls button:disabled{background:var(--ink);color:#fff;border-color:var(--ink)}.step-label{display:flex;flex-direction:column;gap:.5rem;color:var(--muted);font-size:.875rem;margin-block:0 .75rem}.steps{display:flex;gap:.375rem;inline-size:min(12rem,100%)}.steps i{flex:1;block-size:6px;border-radius:3px;background:var(--line)}.steps i.on{background:var(--primary)}.lead{font-size:1.0625rem;margin-block:0 .5rem}.hint{color:var(--muted);font-size:.9375rem;margin-block:0 1rem}.empty-state,.settings-panel,.card-section,.report-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1.125rem;margin-block:0 1rem}.card-section .settings-panel,.card-section .card-section{border:0;padding:0;margin:0;background:transparent}.card-section>section+section{border-block-start:1px solid var(--line);margin-block-start:1.25rem;padding-block-start:1.25rem}.card-section .language-controls{margin:0}details.card-section>summary{padding-block:.25rem}[role=alert]{border-inline-start:4px solid var(--missed-line);background:var(--missed-bg);color:var(--ink);padding:.75rem 1rem;border-radius:10px}.error-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#1d1b2e8c}.dialog{inline-size:100%;max-inline-size:32rem;max-block-size:92%;overflow:auto;padding:1.25rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface);color:var(--ink)}.dialog button{margin-inline-end:.75rem;margin-block-start:.5rem}@media (min-width: 48rem){.dialog-backdrop{align-items:center;padding:1rem}.dialog{border-radius:18px}}.board-date{color:var(--muted);margin-block:0 .75rem}.board-filters,.board-actions,.week-navigation{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-block:.75rem}.board-filters label{flex:1 1 12rem;margin:0;min-inline-size:0;font-size:.875rem;color:var(--muted);font-weight:600}.chip-group{border:0;padding:0}.chip{border-radius:999px;min-block-size:44px;padding-inline:1.1rem;font-weight:500;border-color:var(--line)}.board-toolbar{justify-content:space-between}.week-navigation{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:.35rem}.week-navigation p{margin:0;text-align:center;font-weight:600}.icon-button{padding:0;inline-size:48px;border-color:var(--line);border-radius:14px}.board-count{color:var(--muted);font-size:.875rem;margin-block:.25rem}.board-announcement{background:var(--ink);color:#fff;border-radius:14px;padding:.75rem 1rem}.board-final{text-align:center;color:var(--muted);font-size:.875rem}.progress-summary{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1rem;margin-block:0 .75rem}.progress-ring{position:relative;inline-size:76px;block-size:76px;flex:0 0 76px}.progress-ring svg{transform:rotate(-90deg)}[dir=rtl] .progress-ring svg{transform:rotate(-90deg) scaleY(-1)}.progress-ring circle{fill:none;stroke-width:9}.ring-track{stroke:#e5e3ef}.ring-value{stroke:var(--done);stroke-linecap:round;transition:stroke-dasharray .25s ease-out}.progress-ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.125rem}.progress-label{font-size:1.125rem;font-weight:600;margin:0}.progress-detail{font-size:.875rem;color:var(--muted);margin:.15rem 0 0}.solo-banner{background:var(--primary-soft);border-radius:var(--r-card);padding:1rem;margin-block:0 .75rem}.solo-banner h2{margin-block-end:.25rem}.solo-banner p{margin-block:0 .75rem}.solo-banner .button-primary{inline-size:100%}.day-group h2{font-size:1rem;margin-block:1.25rem .5rem;display:flex;flex-wrap:wrap;gap:.25rem}.attention{color:var(--missed);display:inline-flex;align-items:center;gap:.25rem}.chore-list{list-style:none;padding:0;margin:0;display:grid;gap:.625rem}.chore-list>li{margin:0}.chore-row{background:var(--surface);padding:.875rem;border:1px solid var(--line);border-radius:var(--r-card);position:relative}.chore-row>p{margin-block:.25rem}.board .chore-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center}.chore-row:before{content:"";position:absolute;inset-block:.75rem;inset-inline-start:-1px;inline-size:4px;border-start-end-radius:4px;border-end-end-radius:4px;background:transparent}.row-Late{border-color:var(--late-line);background:var(--late-bg)}.row-Missed{border-color:var(--missed-line);background:var(--missed-bg)}.row-Late:before{background:var(--late-line)}.row-Missed:before{background:var(--missed-line)}.row-Done{background:var(--surface-soft)}.chore-body{min-inline-size:0;display:grid;gap:.2rem;justify-items:start}.chore-main{min-inline-size:0;display:grid;gap:.2rem}.chore-title{font-size:1.0625rem;font-weight:600}.done-title{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--muted)}.chore-desc,.chore-meta{margin:0;color:var(--muted);font-size:.875rem}.board .chore-row p,.chore-table p{margin-block:0}.chore-actions{display:grid;justify-items:center;gap:.25rem;margin:0}.complete-button{inline-size:52px;block-size:52px;padding:0;border-radius:50%;border:2px solid var(--primary);color:var(--primary);background:var(--surface)}.complete-button:disabled{border-style:dashed;color:var(--muted);border-color:var(--muted);background:var(--surface)}.complete-button.is-done{display:inline-flex;align-items:center;justify-content:center;background:var(--done);border-color:var(--done);color:#fff}.edit-button{min-block-size:44px;padding-inline:.5rem;border-color:transparent;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-weight:500;font-size:.875rem}.add-chore{position:sticky;inset-block-end:.75rem;margin-inline-start:auto;min-block-size:56px;border-radius:18px;padding-inline:1.25rem;box-shadow:0 6px 18px #4338ca4d;z-index:2}.state{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;font-size:.8125rem;padding:.1rem .55rem .1rem .45rem;border:1px solid currentColor;border-radius:999px;line-height:1.5}.state-Open{color:var(--open);background:var(--open-bg);border-color:transparent}.state-Done{color:var(--done);background:var(--done-bg);border-color:transparent}.state-Late{color:var(--late);background:var(--surface)}.state-Missed{color:var(--missed);background:var(--surface)}.chore-table{inline-size:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.chore-table th,.chore-table td{text-align:start;vertical-align:middle;overflow-wrap:anywhere;padding:.75rem;border-block-end:1px solid var(--line)}.chore-table tr:last-child td{border-block-end:0}.chore-table th{font-size:.8125rem;color:var(--muted);background:var(--surface-soft)}.chore-table th:first-child{inline-size:45%}.chore-table th:nth-child(2){inline-size:20%}.chore-table tr.row-Late td{background:var(--late-bg)}.chore-table tr.row-Missed td{background:var(--missed-bg)}.chore-table .board-actions{flex-direction:row;align-items:center;justify-content:flex-start;margin-block-start:.5rem}.table-chore{display:flex;gap:.625rem;align-items:center}.empty-state{display:grid;justify-items:center;text-align:center;gap:.5rem;padding-block:1.75rem}.empty-state p{margin:0;color:var(--muted)}.empty-state .empty-title{color:var(--ink);font-size:1.125rem;font-weight:600}.empty-art{inline-size:88px;block-size:88px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.skeletons{display:grid;gap:.625rem}.skeleton-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:.875rem;display:grid;grid-template-columns:32px 1fr 52px;gap:.75rem;align-items:center}.skeleton-row i{display:block;block-size:12px;border-radius:6px;background:#ebe9f2}.skeleton-row span{display:grid;gap:.5rem}.skeleton-row span i:last-child{inline-size:45%}.skeleton-dot{inline-size:32px;block-size:32px!important;border-radius:50%!important}.skeleton-button{inline-size:52px;block-size:52px!important;border-radius:50%!important}.avatar{--size: 36px;inline-size:var(--size);block-size:var(--size);border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;background:var(--av-tint);color:var(--av-color);font-size:calc(var(--size) * .5);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--av-color)}.avatar img{inline-size:100%;block-size:100%;object-fit:cover}.avatar-initial{background:var(--av-color);color:#fff;font-weight:700;font-size:calc(var(--size) * .42)}.avatar-xs{--size: 26px;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--av-color)}.avatar-lg{--size: 44px}.stars-tally{background:var(--sun-soft);border:1px solid var(--sun-line);border-radius:var(--r-card);padding:1rem;margin-block:1rem}.stars-tally h2{color:var(--sun-ink);font-size:1rem}.stars-tally p{margin-block:0 .5rem;color:var(--sun-ink);font-size:.875rem}.stars-tally ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.stars-tally li{margin:0;display:flex;align-items:center;gap:.625rem}.stars-tally li b{margin-inline-start:auto;color:var(--sun-ink);font-variant-numeric:tabular-nums}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#e8e6f1;border-radius:14px;padding:4px;gap:4px}.segmented button{border:0;background:transparent;min-block-size:44px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);border:0;box-shadow:0 1px 3px #0000001f}.report-section h3{font-size:1.0625rem;margin:0}.report-title{display:flex;align-items:center;gap:.625rem;margin-block-end:.5rem}.report-range{flex:1 1 10rem;text-align:center;font-weight:700}.report-headline{font-size:1.25rem;font-weight:700;margin-block:0 .75rem}.report-bar{display:flex;block-size:14px;border-radius:7px;overflow:hidden;background:var(--open-bg);margin-block-end:.875rem}.report-bar i{display:block;block-size:100%}.bar-done{background:#2f9e5a}.bar-late{background:#e08a00}.bar-missed{background:#d9534b}.bar-open{background:#c9c6d8}.report-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem;margin:0}.report-counts div{border:1px solid var(--line);border-radius:12px;padding:.5rem .75rem;min-inline-size:0;border-inline-start-width:4px}.report-counts .count-done,.report-counts .count-doneLate{border-inline-start-color:#2f9e5a}.report-counts .count-late{border-inline-start-color:#e08a00}.report-counts .count-missed{border-inline-start-color:#d9534b}.report-counts .count-open{border-inline-start-color:#c9c6d8}.report-counts .count-stars{border-inline-start-color:#f5b301;background:var(--sun-soft)}.report-counts dt{color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.report-counts dd{margin:0;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.family-hub{display:grid;gap:.25rem}.group-label{font-size:.875rem;font-weight:700;color:var(--muted);margin:1rem .25rem .5rem}.careful .group-label{color:var(--danger)}.careful .chore-row button,.careful button[aria-label],.danger-button{color:var(--danger);border-color:var(--danger)}.member-list{list-style:none;padding:0;margin:0;display:grid}.member-list li{margin:0;display:flex;align-items:center;gap:.75rem;padding-block:.625rem;border-block-end:1px solid var(--line);min-block-size:60px}.member-list li:last-child{border-block-end:0}.member-name{flex:1 1 auto;min-inline-size:0;font-weight:600}.member-name .muted{font-weight:400}.role-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.role-child{background:#fde8f3;color:#9d2667}.role-pending{background:var(--late-bg);color:var(--late)}.invitation-list{list-style:none;padding:0;margin:0}.invitation-list li{margin:0;padding-block:.75rem;border-block-end:1px solid var(--line);display:grid;gap:.35rem}.invite-email{font-weight:600}.invite-meta{color:var(--muted);font-size:.875rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.invitations legend{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.invitations fieldset{border:0;padding:0}.invite-link{background:var(--surface-soft);border-radius:14px;padding:.875rem;margin-block:1rem}.invite-link p{margin-block-start:0}.invite-link textarea{font-family:ui-monospace,Menlo,monospace;font-size:.8125rem}.check-label{display:flex;align-items:center;gap:.75rem;min-block-size:48px;margin-block:.25rem}.check-label input{inline-size:1.5rem;block-size:1.5rem;flex:0 0 1.5rem}[aria-invalid=true]{border-color:var(--missed)}.chore-editor fieldset{margin-block:1rem}@media (min-width: 48rem){.app-header{padding-inline:max(2rem,calc((100% - 60rem)/2))}.bottom-navigation{padding-inline:max(1rem,calc((100% - 60rem)/2))}.bottom-navigation a{flex-direction:row;gap:.5rem;font-size:.9375rem}}@media (min-width: 64rem){.app-shell{grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"nav header" "nav main"}.app-header{grid-area:header;padding-inline:2rem}.app-shell>main{grid-area:main}.bottom-navigation{grid-area:nav;grid-template-columns:1fr;align-content:start;gap:.25rem;padding:1.25rem .75rem;border-block-start:0;border-inline-end:1px solid var(--line);max-block-size:none}.bottom-navigation a{justify-content:flex-start;padding-inline:.875rem}.content{padding-inline:2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}button:not(:disabled):active{transform:none}}