:root{--teal: #0f6d63;--teal-dark: #0a4b44;--orange: #f2793b;--orange-dark: #d4602a;--yellow: #f6b93b;--green: #4caf6d;--green-dark: #388153;--ink: #16302c;--muted: #5b7772;--surface: #ffffff;--soft: #f2f8f6;--line: #d9e6e2;--danger: #c0392b;--focus: #f6b93b;--radius: 18px;--radius-sm: 12px;--shadow: 0 8px 28px rgba(15, 109, 99, .12);--bg: #f4faf8;--bottom-nav-height: 64px}@media(prefers-color-scheme:dark){:root{--ink: #eaf5f2;--muted: #9ec2ba;--surface: #16302c;--soft: #1c3a35;--line: #274943;--bg: #0e211d}}*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Segoe UI,Arial,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea,select{font:inherit}button,.button{min-height:44px;border:0;border-radius:var(--radius-sm);padding:.65rem 1.1rem;background:var(--teal);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s ease,transform .1s ease}button:hover,.button:hover{background:var(--teal-dark)}button:active,.button:active{transform:scale(.98)}button.secondary,.button.secondary{background:var(--soft);color:var(--teal);border:2px solid var(--line)}button.danger,.button.danger{background:var(--danger)}button.accent,.button.accent{background:var(--orange)}button.accent:hover{background:var(--orange-dark)}button:disabled{opacity:.55;cursor:not-allowed}button.icon{min-height:40px;min-width:40px;padding:.4rem;border-radius:50%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input,textarea,select{width:100%;min-height:46px;border:2px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .75rem;background:var(--surface);color:var(--ink)}textarea{min-height:90px;resize:vertical}.password-field{position:relative}.password-field input{padding-right:2.6rem}.password-eye{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);min-height:0;height:36px;width:36px;padding:0;background:transparent;border-radius:50%;font-size:1rem}.password-eye:hover{background:var(--soft)}label{display:block;font-weight:700;margin:.6rem 0 .3rem;font-size:.92rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:1rem 1.15rem}.card.tight{padding:.75rem .9rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--soft);color:var(--teal-dark)}.badge.orange{background:#f2793b29;color:var(--orange-dark)}.badge.count{background:var(--orange);color:#fff;min-width:1.4rem;text-align:center;padding:.1rem .4rem}.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex:0 0 auto}.app-topbar-avatar{object-fit:cover;border:1px solid rgba(15,109,99,.16)}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.6rem}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grid{display:grid;gap:.85rem}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.muted{color:var(--muted)}.empty{padding:2rem 1rem;text-align:center;color:var(--muted)}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(var(--bottom-nav-height) + .5rem)}.app-topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:800;color:var(--teal-dark);font-size:1.05rem}.brand-mark{width:34px;height:34px;flex:0 0 auto}.app-main{flex:1;padding:1rem;max-width:720px;margin:0 auto;width:100%}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:var(--bottom-nav-height);background:var(--surface);border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:700;position:relative}.bottom-nav a.active{color:var(--teal)}.bottom-nav a .nav-icon{font-size:1.3rem;line-height:1}.bottom-nav a .nav-icon-img{width:26px;height:26px;object-fit:contain}.bottom-nav a .nav-icon-dots{font-size:1rem;letter-spacing:1px;color:var(--muted)}.bottom-nav a.active .nav-icon-dots{color:var(--teal)}.hub-icon-img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;text-align:center}.bottom-nav a .nav-dot{position:absolute;top:4px;right:calc(50% - 18px);width:9px;height:9px;border-radius:50%;background:var(--orange)}.side-nav{position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;gap:.2rem;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface)}.side-nav a{display:flex;align-items:center;text-decoration:none;color:var(--muted);font-weight:700;font-size:.85rem;border-radius:var(--radius-sm);position:relative}.side-nav a.active{background:var(--soft);color:var(--teal)}.side-nav .nav-icon-img{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.side-nav .nav-icon-dots{font-size:1rem;letter-spacing:1px}.side-nav .nav-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange)}.side-nav-divider{height:1px;background:var(--line);margin:.5rem .75rem}.side-nav-logout{margin-top:auto;display:flex;align-items:center;gap:.7rem;background:none;border:none;cursor:pointer;color:var(--muted);font-weight:700;font-size:.85rem;border-radius:var(--radius-sm);padding:.6rem .85rem;width:auto;text-align:left}.side-nav-logout:hover{background:var(--soft);color:var(--danger)}.side-nav-logout--rail{flex-direction:column;justify-content:center;gap:0;width:52px;height:52px;padding:0;align-self:center}.app-topbar-logout{padding:.35rem .7rem;font-size:.8rem;width:auto;white-space:nowrap}.side-nav--rail{width:68px;padding:1rem .4rem;align-items:center;gap:.4rem}.side-nav--rail a{flex-direction:column;justify-content:center;width:52px;height:52px}.side-nav--rail a .nav-dot{top:4px;right:8px}.side-nav--full{width:232px;padding:1.25rem .6rem;gap:.15rem}.side-nav--full a{gap:.7rem;padding:.6rem .85rem}.side-nav--full a .nav-dot{top:10px;right:12px}@media(min-width:640px){.app-shell{flex-direction:row;padding-bottom:0}.app-topbar{display:none}.app-main{max-width:760px;padding:1.5rem 2rem;margin:0 auto}.grid.cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-card{width:min(460px,80%)}.app-shell>.app-content{flex:1;min-width:0}}@media(min-width:1024px){.app-main{max-width:960px;padding:1.75rem 2.5rem}.grid.cols-2{grid-template-columns:repeat(4,minmax(0,1fr))}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(160deg,var(--teal) 0%,var(--teal-dark) 100%)}.auth-card{width:min(420px,100%)}.auth-logo-img{width:min(220px,60%);margin:0 auto 1.25rem;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}.home-grid{display:grid;grid-template-columns:1fr;gap:.85rem;align-items:start}.home-task-row{display:flex;align-items:flex-start;gap:.55rem;min-width:0;padding:.45rem 0;border-bottom:1px solid var(--line)}.home-task-row:last-child{border-bottom:0}.home-task-row>span[aria-hidden=true]{flex:0 0 auto;margin-top:.1rem;font-size:1.1rem}.home-task-copy{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.home-task-copy strong{overflow-wrap:anywhere;line-height:1.25}.home-task-copy .muted{font-size:.76rem;margin-top:.12rem}.home-task-row>.badge{flex:0 0 auto;margin-top:.08rem}@media(min-width:640px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:1.1rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .12s ease,box-shadow .15s ease;min-width:0}.tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f6d631f}.tile-icon{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.tile-label{font-weight:700;font-size:.88rem}.tile--row{flex-direction:row;align-items:center;text-align:left;gap:.7rem;padding:.85rem .9rem}.tile--row .tile-icon-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1.2rem;background:var(--soft)}.tile--row .tile-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tile--row .tile-label{font-size:.85rem}.tile--row .tile-stat{font-size:.78rem;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-widget{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem}.weather-icon{font-size:2.1rem;line-height:1;flex:0 0 auto}.weather-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.weather-temp{font-size:1.3rem}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:.82rem;font-weight:700;cursor:pointer;color:var(--ink)}.chip.selected{background:var(--teal);color:#fff;border-color:var(--teal)}.task-row,.item-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.task-row:last-child,.item-row:last-child{border-bottom:none}.task-row.done .task-title,.item-row.checked .item-title{text-decoration:line-through;color:var(--muted)}.task-row{align-items:flex-start;gap:.65rem;padding:.8rem 0}.task-row>.task-celebrate-anchor,.task-row>span[aria-hidden=true]{margin-top:.1rem}.task-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;gap:.22rem}.task-title-line{display:flex;align-items:flex-start;gap:.45rem;min-width:0}.task-title{min-width:0;color:var(--ink);font-size:1rem;font-weight:750;line-height:1.3;overflow-wrap:anywhere}.task-title-line .badge{flex:0 0 auto;margin-top:.05rem}.task-meta{color:var(--muted);font-size:.8rem;line-height:1.35;overflow-wrap:anywhere}.task-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.28rem}.task-inline-actions .badge{margin-right:auto}.task-inline-actions .icon{min-width:2.2rem;min-height:2.2rem;padding:.3rem}.task-row--done .task-content{padding-top:.1rem}.task-xp-legacy{display:none}@media(min-width:640px){.task-row{padding:.75rem 0}.task-inline-actions{margin-top:.2rem}}.checkbox-btn{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;min-height:0}.checkbox-btn.checked{background:var(--green);border-color:var(--green);color:#fff}@keyframes checkbox-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.checkbox-btn.celebrating{animation:checkbox-pop .4s ease}.task-celebrate-anchor{position:relative;display:inline-flex;flex:0 0 auto}.task-celebrate-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}@keyframes confetti-burst{0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:0}30%{opacity:1}to{transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% - 26px)) scale(1) rotate(var(--rot, 15deg));opacity:0}}.task-celebrate-burst .confetti{position:absolute;left:50%;top:50%;font-size:1.05rem;animation:confetti-burst .8s ease-out forwards}.task-celebrate-burst .confetti:nth-child(1){--dx: -16px;--rot: -20deg}.task-celebrate-burst .confetti:nth-child(2){--dx: 0px;--rot: 8deg;animation-delay:.06s}.task-celebrate-burst .confetti:nth-child(3){--dx: 16px;--rot: 24deg;animation-delay:.12s}.priority-HOOG{color:var(--danger)}.priority-NORMAAL{color:var(--muted)}.priority-LAAG{color:var(--muted);opacity:.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e1b73;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(480px,100%);max-height:90vh;overflow:auto}.profile-grid{display:grid;grid-template-columns:1fr;gap:.85rem;align-items:start}@media(min-width:640px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-card{padding:.9rem 1rem;gap:.6rem;min-width:0}.profile-email{display:flex;align-items:center;gap:.4rem;min-width:0}.profile-email span:first-child{min-width:0}.profile-actions{gap:.4rem;flex-wrap:wrap}.profile-actions .secondary{flex:1 1 100px;min-width:0;padding-left:.5rem;padding-right:.5rem}.profile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:transparent}.profile-menu{position:absolute;left:0;top:calc(100% + .3rem);z-index:40;min-width:190px;max-width:calc(100vw - 2rem);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.3rem;display:flex;flex-direction:column;gap:.1rem}.profile-menu button{background:none;color:var(--ink);font-weight:600;text-align:left;justify-content:flex-start;padding:.55rem .6rem;border-radius:var(--radius-sm);min-height:0}.profile-menu button:hover{background:var(--soft)}.profile-menu-danger{color:var(--danger)!important}.chat-message{max-width:78%;padding:.5rem .8rem;border-radius:var(--radius-sm);background:var(--soft)}.chat-message.mine{background:var(--teal);color:#fff;margin-left:auto}.chat-thread{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;flex:1;padding:.5rem .25rem}.tabs{display:flex;gap:.4rem;border-bottom:1px solid var(--line);margin-bottom:1rem}.tabs button{background:none;color:var(--muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:.5rem .9rem}.tabs button.active{color:var(--teal);background:var(--soft);font-weight:800}.skip-link{position:absolute;left:-9999px;top:.5rem;background:#fff;padding:.6rem;z-index:100}.skip-link:focus{left:.5rem}body.kiosk-mode{background:var(--teal-dark);overflow:hidden}.tablet-night-active body.kiosk-mode{background:#020504}.tablet-night-active .kiosk-shell{background:#020504;color:#ffffff8c}.tablet-night-active .kiosk-grid{display:none}.tablet-night-active .kiosk-shell.night-controls-visible .kiosk-grid{display:grid}.tablet-night-active .kiosk-clock{font-size:clamp(2rem,4vw,3rem);font-weight:600}.tablet-night-active .kiosk-date{font-size:.9rem}.kiosk-shell{min-height:100vh;padding:clamp(1rem,3vw,2.5rem);display:grid;grid-template-rows:auto 1fr;gap:1.25rem;color:#fff}.kiosk-clock{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1}.kiosk-date{font-size:1.1rem;opacity:.85;text-transform:capitalize}.kiosk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;align-content:start}.kiosk-card{background:#fffffff5;color:var(--ink);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.kiosk-card h2{margin:0 0 .75rem;font-size:1.05rem;color:var(--teal-dark)}.kiosk-exit{position:fixed;top:.75rem;right:.75rem;opacity:.35}.kiosk-exit:hover{opacity:1}.kiosk-admin-mark{position:fixed;top:.75rem;left:.75rem;min-height:32px;padding:.3rem .55rem;background:transparent;color:#fff;opacity:.28;font-size:.78rem}.kiosk-admin-mark:hover{background:transparent;opacity:.7}.tablet-panel-toggle{display:flex;align-items:center;gap:.6rem}.tablet-panel-toggle input{width:1.2rem;min-height:1.2rem}.tablet-panel-error{color:var(--danger);margin:0}.tablet-panel-pin-change{border-top:1px solid var(--line);padding-top:.75rem}.tablet-panel-pin-change h3{margin:0;font-size:1rem}.public{background:var(--bg);min-height:100vh}.public-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.public-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--teal-dark);font-weight:800;font-size:1.1rem}.public-nav{display:none;gap:1.25rem}.public-nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.9rem}.public-nav a:hover{color:var(--teal)}.public-hero{display:flex;flex-direction:column-reverse;gap:2rem;align-items:center;padding:2.5rem 1.5rem;max-width:1100px;margin:0 auto}.public-hero-copy{display:flex;flex-direction:column;gap:1rem;max-width:560px}.public-hero-copy h1{font-size:clamp(2rem,5vw,2.9rem);margin:0;color:var(--teal-dark);line-height:1.1}.public-hero-copy p{font-size:1.05rem;margin:0}.public-hero-preview{width:100%;max-width:380px}.public-preview-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;transform:rotate(-1.5deg)}.public-section{padding:3rem 1.5rem;max-width:1100px;margin:0 auto}.public-section h2{font-size:1.6rem;color:var(--teal-dark);margin:0 0 .4rem}.public-section--soft{background:var(--soft);max-width:none}.public-section--soft>.public-two-col{max-width:1100px;margin:0 auto}.public-feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.public-feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem}.public-feature-card h3{margin:.6rem 0 .4rem;font-size:1.05rem;color:var(--teal-dark)}.public-feature-card p{margin:0;color:var(--muted);font-size:.92rem}.public-two-col{display:grid;grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}.public-two-col h2{font-size:1.4rem;color:var(--teal-dark);margin:0 0 .5rem}.public-two-col p{margin:0}.public-cta{text-align:center;padding:3.5rem 1.5rem;background:linear-gradient(160deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff}.public-cta h2{margin:0 0 .5rem;font-size:1.7rem}.public-cta p{margin:0 0 1.25rem;opacity:.9}.public-footer{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start;padding:2rem 1.5rem;border-top:1px solid var(--line);max-width:1100px;margin:0 auto}.public-footer-links{display:flex;flex-wrap:wrap;gap:1rem}.public-footer-links a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.88rem}.public-footer-links a:hover{color:var(--teal)}@media(min-width:640px){.public-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:860px){.public-nav{display:flex}.public-hero{flex-direction:row;text-align:left;padding:4rem 2rem}.public-hero-preview{max-width:420px}.public-two-col{grid-template-columns:1fr 1fr}.public-feature-grid{grid-template-columns:repeat(3,1fr)}}.shopping-page{display:flex;flex-direction:column;gap:1rem;min-width:0;padding-bottom:.5rem}.shopping-header{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;min-width:0}.shopping-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.shopping-title-row h1{margin:0;color:var(--ink);font-size:clamp(1.65rem,7vw,2.05rem);line-height:1.12}.shopping-eyebrow{margin:0 0 .18rem;color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.shopping-title-edit{flex:0 0 auto;min-width:2.25rem;min-height:2.25rem;padding:.35rem;border-radius:50%;background:transparent;color:var(--muted)}.shopping-title-edit:hover{background:var(--soft);color:var(--teal-dark)}.shopping-rename{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;width:100%}.shopping-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%}.shopping-compose{padding:1rem;box-shadow:0 10px 28px #203b3612}.shopping-compose-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.shopping-compose-heading h2,.shopping-list-heading h2{margin:0;color:var(--ink);font-size:1.02rem}.shopping-compose-heading p,.shopping-list-heading p{margin:0;color:var(--muted);font-size:.82rem}.shopping-add-form{display:grid;gap:.6rem}.shopping-add-form input,.shopping-add-form select{min-width:0}.shopping-title-input{background:var(--soft);border-color:transparent;font-size:1rem;font-weight:650}.shopping-title-input:focus{background:var(--surface);border-color:var(--teal)}.shopping-details-row,.shopping-primary-actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:.55rem;min-width:0}.shopping-primary-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.shopping-voice{min-height:2.9rem;background:var(--orange);border-color:var(--orange);box-shadow:0 4px 12px #eb8b3933;font-weight:800}button.shopping-voice:hover{background:var(--orange-dark);border-color:var(--orange-dark)}.shopping-add-button{min-height:2.9rem;font-weight:800}.shopping-speech-note{margin:.72rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.shopping-speech-status{margin:.45rem 0 0;color:var(--teal-dark);font-size:.82rem;font-weight:700}.shopping-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem;padding:.72rem .85rem;border:1px solid var(--line);border-radius:calc(var(--radius) - 2px);background:var(--surface);cursor:pointer}.shopping-group-toggle>span:first-child{min-width:0}.shopping-group-toggle strong{display:block;color:var(--ink);font-size:.88rem}.shopping-group-toggle small{display:block;margin-top:.1rem;color:var(--muted);font-size:.76rem;line-height:1.25}.shopping-group-toggle input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.shopping-switch{position:relative;flex:0 0 auto;width:2.7rem;height:1.55rem;border-radius:999px;background:#b8c4c0;transition:background .16s ease}.shopping-switch:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s ease}.shopping-group-toggle input:checked+.shopping-switch{background:var(--teal)}.shopping-group-toggle input:checked+.shopping-switch:after{transform:translate(1.15rem)}.shopping-group-toggle input:focus-visible+.shopping-switch{outline:3px solid rgba(0,121,107,.28);outline-offset:3px}.shopping-list-card{padding:.45rem 1rem;overflow:visible}.shopping-list-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0}.shopping-list-heading p{white-space:nowrap}.shopping-empty{margin:0;padding:1.5rem 0 1.7rem;color:var(--muted);text-align:center}.shopping-item-row{gap:.7rem;padding:.8rem 0;min-width:0}.shopping-item-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:.17rem;min-width:0}.shopping-item-copy .item-title{overflow:hidden;color:var(--ink);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.shopping-item-meta{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.shopping-item-menu-wrap{position:relative;flex:0 0 auto}.shopping-more{min-width:2.25rem;min-height:2.25rem;padding:.15rem;border-radius:50%;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1}.shopping-more:hover,.shopping-more[aria-expanded=true]{background:var(--soft);color:var(--teal-dark)}.shopping-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;min-height:0;padding:0;border:0;background:transparent}.shopping-item-menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:42;display:grid;min-width:8.8rem;padding:.3rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);box-shadow:0 12px 28px #1b2e2a2e}.shopping-item-menu button{min-height:2.25rem;padding:.35rem .55rem;border-radius:.4rem;background:transparent;color:var(--ink);text-align:left}.shopping-item-menu button:hover{background:var(--soft)}.shopping-item-menu .shopping-menu-danger{color:#b42318}.shopping-checked-card{border-color:#4caf6d47;background:#4caf6d0f}.shopping-clear{min-height:2.15rem;padding:.35rem .55rem;background:transparent;color:var(--teal-dark);font-size:.8rem}.shopping-clear:hover{background:#4caf6d21}.shopping-edit-backdrop{z-index:60;align-items:flex-end;padding:0}.shopping-edit-sheet{width:min(100%,36rem);max-height:min(88dvh,44rem);margin:0;padding:.85rem 1rem calc(1rem + env(safe-area-inset-bottom));overflow-y:auto;border-radius:1.2rem 1.2rem 0 0;box-shadow:0 -10px 32px #16282433}.shopping-sheet-handle{width:2.5rem;height:.27rem;margin:0 auto .85rem;border-radius:999px;background:var(--line)}.shopping-sheet-heading{margin-bottom:.9rem}.shopping-sheet-heading h2{margin:0;color:var(--ink);font-size:1.12rem}.shopping-edit-grid{display:grid;gap:.7rem}.shopping-edit-grid label{display:grid;gap:.3rem;color:var(--muted);font-size:.8rem;font-weight:700}.shopping-edit-grid input,.shopping-edit-grid select{min-width:0}.shopping-edit-actions{margin-top:.25rem}@media(min-width:640px){.shopping-rename{grid-template-columns:minmax(0,1fr) auto;align-items:center}.shopping-form-actions{display:flex;width:auto}.shopping-form-actions button{min-width:6.3rem}.shopping-compose{padding:1.15rem}.shopping-add-form{grid-template-columns:minmax(0,1fr) minmax(13rem,.72fr);align-items:end}.shopping-title-input{grid-column:1 / -1}.shopping-primary-actions{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.shopping-edit-backdrop{align-items:center;padding:1rem}.shopping-edit-sheet{margin:auto;padding:1.2rem;border-radius:var(--radius)}.shopping-sheet-handle{display:none}}@media(min-width:1024px){.shopping-compose{padding:1.2rem 1.3rem}.shopping-add-form{grid-template-columns:minmax(0,1.5fr) minmax(15rem,.9fr) minmax(16.5rem,auto)}.shopping-title-input{grid-column:auto}}