*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:inherit;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{min-height:100vh}:root{--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}:root{--color-comic-primary: #FFED00;--color-comic-cyan: #00BAFF;--color-comic-magenta: #E9117A;--color-comic-lime: #4DFF00;--color-comic-orange: #FF6D00;--color-comic-red: #FF1B12;--color-comic-black: #000000;--color-comic-white: #FFFFFF;--color-comic-bg: #F7F5F2;--border-comic: 4px solid var(--color-comic-black);--shadow-comic: 6px 6px 0 0 var(--color-comic-black);--shadow-comic-lg: 10px 10px 0 0 var(--color-comic-black);--sidebar-width: 7rem;--topbar-height: 4.5rem;--bottom-nav-height: 5rem}:root{--color-background: #ffffff;--color-surface: #f9fafb;--color-surface-elevated: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #06b6d4;--color-info-light: #cffafe}[data-theme=dark]{--color-background: #111827;--color-surface: #1f2937;--color-surface-elevated: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-border: #374151;--color-border-hover: #4b5563;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-light: #1e3a8a;--color-secondary: #a78bfa;--color-secondary-hover: #8b5cf6;--color-success: #34d399;--color-success-light: #065f46;--color-warning: #fbbf24;--color-warning-light: #78350f;--color-error: #f87171;--color-error-light: #7f1d1d;--color-info: #22d3ee;--color-info-light: #164e63}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.font-display{font-family:Bangers,cursive;text-transform:uppercase;letter-spacing:.05em}.text-red{color:var(--color-comic-red)}.text-white{color:var(--color-comic-white)}.layout-wrapper{display:flex;min-height:100vh;background:var(--color-comic-bg);font-family:Roboto,sans-serif;color:var(--color-comic-black)}.halftone-sidebar{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.2) 2px,transparent 2px);background-size:12px 12px;pointer-events:none;opacity:.3}.layout-sidebar-desktop{display:none}@media(min-width:1024px){.layout-sidebar-desktop{display:block;flex-shrink:0}.layout-sidebar{width:var(--sidebar-width);background:var(--color-comic-primary);border-right:var(--border-comic);position:fixed;top:0;left:0;height:100%;z-index:50;overflow-y:auto}.layout-sidebar-inner{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:2rem}.layout-sidebar-nav{display:flex;flex-direction:column;gap:1.5rem}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.nav-icon{width:4rem;height:4rem;background:var(--color-comic-white);border:var(--border-comic);box-shadow:var(--shadow-comic);border-radius:1rem;display:flex;align-items:center;justify-content:center}.nav-item:hover .nav-icon{background:var(--color-comic-orange)}.nav-item:hover .nav-icon .material-symbols-outlined{color:var(--color-comic-white)}.nav-icon .material-symbols-outlined{font-size:2rem}.nav-label{font-family:Bangers,cursive;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;text-align:center}.nav-item.active .nav-icon{background:var(--color-comic-cyan)}.nav-item.active .nav-icon .material-symbols-outlined{color:var(--color-comic-white)}.nav-item.missions .nav-icon{background:var(--color-comic-red)}.nav-item.missions .nav-icon .material-symbols-outlined{color:var(--color-comic-white)}.nav-item.missions .nav-label{color:var(--color-comic-red);font-weight:900}.settings-btn{width:3rem;height:3rem;background:#27272a;border:var(--border-comic);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-comic);margin-top:auto;color:var(--color-comic-white);text-decoration:none}.settings-btn:hover{opacity:.9}}.comic-border{border:var(--border-comic)}.layout-body{flex-grow:1;display:flex;flex-direction:column;min-height:100vh}@media(min-width:1024px){.layout-body{margin-left:var(--sidebar-width)}}.layout-topbar{background:var(--color-comic-white);border-bottom:var(--border-comic);padding:1rem;position:sticky;top:0;z-index:40}.layout-topbar-inner{max-width:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.topbar-issue{font-size:1.25rem;line-height:1;margin:0}.topbar-title{font-size:2.25rem;text-transform:uppercase;letter-spacing:.05em;margin:0}.topbar-actions{display:flex;align-items:center;gap:1rem}.btn-icon{width:3rem;height:3rem;border:var(--border-comic);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-comic-white);cursor:pointer}.btn-icon--notif{background:var(--color-comic-red);color:var(--color-comic-white)}.layout-main{padding:1.5rem 2rem;flex-grow:1;padding-bottom:calc(var(--bottom-nav-height) + 2rem)}@media(min-width:1024px){.layout-main{padding-bottom:1.5rem}}.layout-footer{max-width:100%;margin:3rem auto 0;padding:3rem 1.5rem;text-align:center;opacity:.4;font-family:Bangers,cursive;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;border-top:var(--border-comic)}@media(max-width:1023px){.layout-footer{display:none}}.layout-hamburger{display:flex;position:fixed;top:1rem;left:1rem;z-index:70;width:44px;height:44px;align-items:center;justify-content:center;background:var(--color-comic-primary);border:var(--border-comic);border-radius:.5rem;cursor:pointer}@media(min-width:1024px){.layout-hamburger{display:none}}.mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:80}.mobile-drawer{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100%;background:var(--color-comic-primary);border-right:var(--border-comic);z-index:81;padding:2rem 1rem;overflow-y:auto}.mobile-drawer__close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-comic-white);border:var(--border-comic);border-radius:.5rem;cursor:pointer}.mobile-drawer__nav{display:flex;flex-direction:column;gap:.5rem;margin-top:3rem}.mobile-drawer__item{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:inherit;border:var(--border-comic);background:var(--color-comic-white);border-radius:.5rem;font-family:Bangers,cursive;text-transform:uppercase}.mobile-drawer__item.active{background:var(--color-comic-cyan)}.mobile-drawer__item.missions.active{background:var(--color-comic-red);color:var(--color-comic-white)}.layout-bottom-nav{display:block}@media(min-width:1024px){.layout-bottom-nav{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom,0);background:var(--color-comic-white);border-top:var(--border-comic);display:flex;justify-content:space-around;align-items:center;z-index:60}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:inherit;padding:.5rem;min-width:44px;min-height:44px;justify-content:center}.mobile-nav-item:not(.active){opacity:.6}.mobile-nav-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-comic-black);box-shadow:2px 2px 0 0 var(--color-comic-black)}.mobile-nav-item.active .mobile-nav-icon{background:var(--color-comic-cyan)}.mobile-nav-item.missions .mobile-nav-icon{background:var(--color-comic-red)}.mobile-nav-item.missions .mobile-nav-icon .material-symbols-outlined{color:var(--color-comic-white)}.mobile-nav-label{font-family:Bangers,cursive;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%}.loading-screen__spinner{font-size:5rem;margin-bottom:2rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__title{font-family:Bangers,cursive;font-size:2rem;margin:0 0 1rem}.loading-screen__message{font-size:1rem;margin:0}.error-state{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:6px solid var(--color-comic-red);border-radius:.5rem;margin:2rem}.error-state__title{font-family:Bangers,cursive;font-size:2rem;margin:0 0 1rem}.error-state__message{margin:0 0 2rem;text-align:center}.error-state__actions{display:flex;gap:1rem}.error-state__btn{padding:1rem 2rem;font-family:Bangers,cursive;font-size:1rem;border:4px solid var(--color-comic-black);background:var(--color-comic-primary);cursor:pointer;text-transform:uppercase}.error-state__btn--secondary{background:var(--color-comic-white)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:var(--border-comic);box-shadow:var(--shadow-comic);border-radius:.5rem;background:var(--color-comic-white)}.toast--success{border-left:6px solid var(--color-comic-lime)}.toast--error{border-left:6px solid var(--color-comic-red)}.toast--warning{border-left:6px solid var(--color-comic-orange)}.toast--info{border-left:6px solid var(--color-comic-cyan)}.toast__message{flex:1;font-family:Comic Neue,cursive}.toast__dismiss{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 .5rem}.app-layout{min-height:100vh}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-page__halftone{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.08) 1px,transparent 1px);background-size:8px 8px;pointer-events:none;opacity:.2}.auth-panel{max-width:36rem;width:100%;background:var(--color-comic-white);border:var(--border-comic);box-shadow:var(--shadow-comic-lg);position:relative;z-index:10;transform:rotate(-1deg)}.auth-panel--login{max-width:42rem}.auth-panel__strip{border-bottom:var(--border-comic);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.auth-panel__strip--magenta{background:var(--color-comic-magenta)}.auth-panel__strip--magenta .auth-panel__edition,.auth-panel__strip--magenta .auth-panel__tag{color:var(--color-comic-white)}.auth-panel__strip--cyan{background:var(--color-comic-cyan)}.auth-panel__strip--cyan .auth-panel__edition,.auth-panel__strip--cyan .auth-panel__tag{color:var(--color-comic-black)}.auth-panel__strip--orange{background:var(--color-comic-orange)}.auth-panel__strip--orange .auth-panel__edition,.auth-panel__strip--orange .auth-panel__tag{color:var(--color-comic-white)}.auth-panel__strip--lime{background:var(--color-comic-lime)}.auth-panel__strip--lime .auth-panel__edition,.auth-panel__strip--lime .auth-panel__tag{color:var(--color-comic-black)}.auth-panel__edition{font-size:1.25rem}.auth-panel__tag{font-size:.75rem;text-transform:uppercase;opacity:.9}.auth-panel__body{padding:2rem}.auth-panel__title{font-size:clamp(1.75rem,4vw,2.5rem);font-style:italic;text-transform:uppercase;letter-spacing:-.02em;text-align:center;margin:0 0 1.5rem;transform:rotate(-1deg)}.auth-form{display:flex;flex-direction:column;gap:1rem;max-width:28rem;margin:0 auto}.auth-form__submit{padding-top:.5rem}.auth-btn{width:100%;padding:1rem;font-family:Bangers,cursive;font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:var(--border-comic);transition:transform .1s ease}.auth-btn:active:not(:disabled){transform:translate(2px,2px)}.auth-btn--primary{background:var(--color-comic-primary);color:var(--color-comic-black);box-shadow:var(--shadow-comic)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-btn--small{padding:.5rem 1rem;font-size:1rem}.auth-btn--copy{flex-shrink:0}.auth-btn--secondary{background:var(--color-comic-white);color:var(--color-comic-black)}.auth-btn--danger{background:var(--color-comic-red);color:var(--color-comic-white)}.auth-links{margin-top:1.5rem;text-align:center;font-size:.9rem}.auth-links a{color:var(--color-comic-black);text-decoration:underline}.auth-links a:hover{color:var(--color-comic-magenta)}.auth-message{text-align:center;margin-bottom:1.5rem;color:var(--color-text-secondary)}.wizard-btns{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;max-width:36rem;margin-left:auto;margin-right:auto}.wizard-btns .auth-btn{flex:1;min-width:10rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-family:Permanent Marker,cursive;font-size:1.1rem}.form-required{color:var(--color-comic-red)}.auth-form input,.form-field input{width:100%;padding:.75rem 1rem;border:var(--border-comic);background:var(--color-comic-white);font-family:Bangers,cursive;font-size:1rem;letter-spacing:.05em}.auth-form input:focus,.form-field input:focus{outline:none;box-shadow:0 0 0 4px var(--color-comic-cyan)}.auth-form input[aria-invalid=true],.form-field input[aria-invalid=true]{border-color:var(--color-comic-red)}.form-error{color:var(--color-comic-red);margin:0;font-size:.9rem}.page-login,.page-register,.page-forgot-password{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.page-dashboard,.page-stub{padding:1rem 0}.page-dashboard h2,.page-stub h2{margin-bottom:1rem}.household-switcher{position:relative}.household-switcher--single{display:inline-block}.household-switcher__trigger{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;font:inherit;cursor:pointer;padding:0}.household-switcher__chevron{font-size:1.25rem;transition:transform .2s}.household-switcher__trigger[aria-expanded=true] .household-switcher__chevron{transform:rotate(180deg)}.household-switcher__dropdown{position:absolute;top:100%;left:0;margin:.5rem 0 0;padding:.5rem 0;list-style:none;background:var(--color-comic-white);border:var(--border-comic);box-shadow:var(--shadow-comic-lg);min-width:12rem;z-index:50}.household-switcher__item{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;font:inherit;cursor:pointer}.household-switcher__item:hover{background:var(--color-comic-primary)}.household-switcher__item--active{font-weight:700}.invite-code-block{margin:1.5rem 0}.invite-code-block__label{display:block;margin-bottom:.5rem}.invite-code-box{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.invite-code-display{flex:1;min-width:10rem;padding:.75rem 1rem;border:var(--border-comic);background:var(--color-comic-primary);text-align:center;font-size:1.5rem;letter-spacing:.15em}.invite-code-block__hint{margin-bottom:1rem;color:var(--color-text-secondary)}.invite-code-block--with-qr{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;max-width:36rem}.invite-code-block--with-qr .invite-code-wrap{flex:1;min-width:12rem}.qr-wrap{flex:0 0 auto;text-align:center}.qr-wrap__label{display:block;font-size:1.125rem;margin-bottom:.5rem}.qr-placeholder{width:11rem;height:11rem;padding:.5rem;border:var(--border-comic);background:var(--color-comic-white);display:flex;align-items:center;justify-content:center}.qr-placeholder svg{max-width:100%;height:auto}.page-household{padding:1rem 0}.household-header{margin-bottom:2rem}.household-hero{padding:1rem 1.5rem;background:var(--color-comic-white);margin-bottom:1rem}.household-hero h2{margin:0}.household-edit-name{margin-top:.5rem;font-size:.9rem;background:none;border:none;cursor:pointer;text-decoration:underline}.household-name-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.household-name-input{flex:1;min-width:10rem}.panel-members{max-width:48rem;background:var(--color-comic-cyan);padding:1.5rem 2rem 2rem;margin-bottom:2rem;position:relative}.panel-members__banner{background:var(--color-comic-black);color:var(--color-comic-white);padding:.5rem 1.5rem;font-style:italic;font-size:1.125rem;display:inline-block;margin:-1px 0 0 1rem;border-radius:0 0 .5rem .5rem}.member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.member-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#ffffffbf;border:2px solid var(--color-comic-black);padding:.75rem 1rem;border-radius:1rem}.member-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-comic-primary);border:var(--border-comic);display:flex;align-items:center;justify-content:center;font-family:Bangers,cursive;font-weight:700}.member-email{flex:1;min-width:8rem}.member-role{font-size:.875rem;padding:.25rem .5rem;border-radius:.25rem;text-transform:capitalize}.member-role--admin,.member-role--parent{background:var(--color-comic-primary)}.member-role--child{background:#ffffffe6}.member-actions{display:flex;gap:.5rem;align-items:center}.member-role-select{padding:.25rem .5rem;border:var(--border-comic);font:inherit}.household-danger{margin-top:2rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:var(--color-comic-white);padding:2rem;max-width:28rem;max-height:90vh;overflow-y:auto;width:100%}.modal-content h3{margin-top:0}.modal-content input{width:100%;margin:.5rem 0 1rem}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-strip{background:var(--color-cyan, #00baff);border-bottom:var(--border-comic);padding:.75rem 1rem;font-size:1rem;text-transform:uppercase}.modal-body{padding:1.25rem 0}.cal-event-form .form-row{display:flex;gap:1rem}.cal-event-form .form-row .form-field{flex:1}.checkbox-wrap{display:flex;align-items:center;gap:.5rem}.checkbox-wrap input{width:auto;margin:0}.delete-confirm{margin-top:1.5rem;padding:1rem;background:#fff8f8}.page-calendar{display:flex;flex-direction:column;gap:1rem;padding:1rem}.cal-page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}.cal-page-hero{padding:1rem 1.5rem}.cal-page-date{font-size:1.25rem;text-align:right}.cal-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.cal-tabs{display:flex;padding:.25rem;background:var(--color-comic-white);border-radius:.5rem;gap:.25rem}.cal-tab{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-size:1rem;text-transform:uppercase;border-radius:.5rem}.cal-tab:hover{background:var(--color-bg-light, #f4f4f5)}.cal-tab.active{background:var(--color-comic-primary);box-shadow:var(--shadow-comic)}.cal-nav{display:flex;align-items:center;gap:.5rem}.btn-nav{width:2.5rem;height:2.5rem;border:var(--border-comic);border-radius:50%;background:var(--color-comic-white);cursor:pointer;font-size:1.25rem}.btn-nav:hover{background:var(--color-bg-light)}.btn-today{padding:.5rem 1rem;border:var(--border-comic);border-radius:9999px;background:var(--color-comic-white);cursor:pointer;font-size:.9rem}.btn-today:hover{background:var(--color-bg-light)}.btn-add-event{padding:.5rem 1rem}.export-dropdown-wrap{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:12rem;background:var(--color-comic-white);border-radius:.5rem;padding:.25rem;z-index:50;display:flex;flex-direction:column;gap:.125rem}.export-menu-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;border:none;background:transparent;cursor:pointer;font-size:.9rem;border-radius:.35rem}.export-menu-item:hover{background:var(--color-bg-light, #f4f4f5)}.squad-selector{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--color-bg-light, #f4f4f5);max-width:fit-content}.squad-label{font-size:.875rem;text-transform:uppercase}.squad-dot{width:2.25rem;height:2.25rem;border-radius:50%;border:3px solid #9ca3af;background:var(--color-comic-white);cursor:pointer;padding:0;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.squad-dot.selected{box-shadow:var(--shadow-comic)}.squad-dot.all.selected{border-color:var(--color-black)}.squad-dot.member.cyan{border-color:var(--color-cyan, #00baff)}.squad-dot.member.cyan.selected{border-color:var(--color-cyan)}.squad-dot.member.magenta{border-color:var(--color-magenta, #e9117a)}.squad-dot.member.magenta.selected{border-color:var(--color-magenta)}.squad-dot.member.lime{border-color:var(--color-lime, #4dff00)}.squad-dot.member.lime.selected{border-color:var(--color-lime)}.squad-dot.member.orange{border-color:var(--color-orange, #ff6d00)}.squad-dot.member.orange.selected{border-color:var(--color-orange)}.cal-loading,.cal-empty{padding:2rem;text-align:center}.cal-empty{max-width:24rem;margin:0 auto}.cal-empty p{margin-bottom:.5rem}.cal-empty .auth-btn{margin-top:1rem}.page-shopping{display:flex;flex-direction:column;gap:1rem}.shop-page-header{margin-bottom:.5rem}.shop-page-hero{display:inline-block;padding:1rem 1.5rem;background:var(--color-white);box-shadow:var(--shadow-comic-lg);border-radius:1rem}.shop-page-hero .font-display{margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.shop-page-sub{margin:.25rem 0 0;font-size:1rem;opacity:.85}.shop-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.shop-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.shop-filter-label{display:inline-flex;align-items:center;gap:.5rem}.shop-filter-select{padding:.4rem .75rem;border:var(--border-comic);border-radius:.5rem;font-family:inherit}.shop-loading,.shop-empty{padding:2rem;text-align:center}.shop-empty{max-width:28rem;margin:0 auto}.shop-empty p{margin-bottom:.5rem}.shop-empty .auth-btn{margin-top:1rem}.shop-panel{background:#ff6d001a;border-radius:1rem;overflow:hidden;max-width:44rem;box-shadow:var(--shadow-comic-lg)}.shop-panel-banner{background:var(--color-comic-orange, #ff6d00);color:var(--color-black);padding:.5rem 1.5rem;border-bottom:var(--border-comic);font-size:1.125rem;margin:0}.shop-panel-inner{padding:1rem 1.5rem;max-height:36rem;overflow-y:auto;background:var(--color-white)}.shop-category{margin-bottom:1.25rem}.shop-category:last-child{margin-bottom:0}.shop-category-title{margin:0 0 .5rem;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.25rem;border-bottom:2px solid var(--color-comic-black)}.shop-item-list{list-style:none;margin:0;padding:0}.shop-item-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;border:var(--border-comic);border-radius:.5rem;margin-bottom:.5rem;background:var(--color-white);box-shadow:var(--shadow-comic)}.shop-item-row.checked .shop-item-name{text-decoration:line-through;opacity:.7}.shop-item-checkbox{display:inline-flex;align-items:center;gap:.5rem;flex:1;min-width:0;cursor:pointer}.shop-item-checkbox input{flex-shrink:0}.shop-item-name{flex:1;min-width:0}.shop-item-store{font-size:.875rem;opacity:.8}.shop-item-actions{display:flex;gap:.35rem}.shop-item-btn{padding:.35rem .6rem;font-size:.875rem;border:var(--border-comic);border-radius:.35rem;background:var(--color-white);cursor:pointer}.shop-item-btn.danger{background:var(--color-comic-red, #ff1b12);color:var(--color-comic-white)}.shop-delete-confirm{width:100%;margin-top:.5rem;padding:.75rem;background:var(--color-bg-light, #f4f4f5);border-radius:.5rem}.shop-delete-confirm p{margin:0 0 .5rem}.shop-delete-confirm .auth-btn{margin-right:.5rem}.page-chores{padding:1rem;max-width:56rem;margin:0 auto}.chore-page-header{margin-bottom:.5rem}.chore-page-hero{display:inline-block;padding:1rem 1.5rem;background:var(--color-white);box-shadow:var(--shadow-comic-lg);border-radius:1rem}.chore-page-hero .font-display{margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.chore-page-sub{margin:.25rem 0 0;font-size:1rem;opacity:.85}.chore-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.chore-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.chore-filter-label{display:inline-flex;align-items:center;gap:.5rem}.chore-filter-select{padding:.4rem .75rem;border:var(--border-comic);border-radius:.5rem;font-family:inherit}.chore-loading,.chore-empty{padding:2rem;text-align:center}.chore-empty{max-width:28rem;margin:0 auto}.chore-empty p{margin-bottom:.5rem}.chore-empty .auth-btn{margin-top:1rem}.chore-panel{background:#00baff14;border-radius:1rem;overflow:hidden;max-width:44rem;box-shadow:var(--shadow-comic-lg)}.chore-panel-banner{background:var(--color-comic-cyan, #00baff);color:var(--color-black);padding:.5rem 1.5rem;border-bottom:var(--border-comic);font-size:1.125rem;margin:0}.chore-panel-inner{padding:1rem 1.5rem;max-height:36rem;overflow-y:auto;background:var(--color-white)}.chore-list{list-style:none;margin:0;padding:0}.chore-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;margin-bottom:.75rem;background:var(--color-white);box-shadow:var(--shadow-comic);border-radius:.5rem}.chore-row-main{flex:1;min-width:0}.chore-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chore-title{font-size:1.1rem}.chore-points{font-size:.875rem;opacity:.9}.chore-due{font-size:.875rem;opacity:.85}.chore-recurrence{font-size:.8rem;opacity:.85;font-style:italic}.chore-description{margin:.35rem 0 .5rem;font-size:.9rem;opacity:.9}.chore-assignments{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.chore-assignment{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:var(--color-bg-light, #f4f4f5);border-radius:.35rem;font-size:.875rem}.chore-assignment[data-status=done]{opacity:.85}.chore-assignee{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chore-status-select{padding:.2rem .4rem;font-size:.8rem;border:var(--border-comic);border-radius:.25rem}.chore-completed-info{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem}.chore-completed-date{opacity:.9}.chore-points-earned{font-size:.8rem;font-weight:600}.chore-link-scoreboard{text-decoration:none}.chore-assign-select{padding:.25rem .5rem;font-size:.875rem;border:var(--border-comic);border-radius:.35rem}.chore-row-actions{display:flex;gap:.35rem}.chore-btn{padding:.35rem .6rem;font-size:.875rem;border:var(--border-comic);border-radius:.35rem;background:var(--color-white);cursor:pointer}.chore-btn.small{padding:.2rem .4rem;font-size:.8rem}.chore-btn.danger{background:var(--color-comic-red, #ff1b12);color:var(--color-comic-white)}.chore-delete-confirm{width:100%;margin-top:.5rem;padding:.75rem;background:var(--color-bg-light, #f4f4f5);border-radius:.5rem}.chore-delete-confirm p{margin:0 0 .5rem}.chore-delete-confirm .auth-btn{margin-right:.5rem}.chore-form .modal-strip.chore-strip{background:var(--color-comic-cyan, #00baff);color:var(--color-black)}.chore-form .form-row{display:flex;gap:1rem}.chore-form .form-row .form-field{flex:1}.page-scoreboard{padding:1rem;max-width:40rem}.scoreboard-header{margin-bottom:1rem}.scoreboard-hero{padding:1rem 1.5rem;background:var(--color-white)}.scoreboard-sub{margin:.35rem 0 0;font-size:.9rem;opacity:.9}.scoreboard-loading,.scoreboard-empty{padding:2rem;text-align:center}.scoreboard-empty p{margin:0 0 .5rem}.scoreboard-empty .auth-btn{margin-top:1rem}.scoreboard-panel{background:var(--color-white);overflow:hidden}.scoreboard-panel-banner{padding:.5rem 1rem;background:var(--color-black);color:var(--color-white);font-size:1.125rem}.scoreboard-list{list-style:none;margin:0;padding:0}.scoreboard-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:2px solid var(--color-black)}.scoreboard-row:last-child{border-bottom:none}.scoreboard-rank{font-family:var(--font-display);font-size:1.125rem;font-weight:700;min-width:1.5rem}.scoreboard-rank.rank-1{color:#d4af37}.scoreboard-rank.rank-2{color:silver}.scoreboard-rank.rank-3{color:#cd7f32}.scoreboard-name{flex:1;font-weight:500}.scoreboard-points{font-weight:600}.page-devices{padding:1rem;max-width:40rem}.devices-header{margin-bottom:1rem}.devices-hero{padding:1rem 1.5rem;background:var(--color-white)}.devices-sub{margin:.35rem 0 0;font-size:.9rem;opacity:.9}.pairing-section{background:var(--color-lime, #b8e986);overflow:hidden;margin-bottom:1.5rem}.pairing-banner{padding:.5rem 1rem;background:var(--color-black);color:var(--color-white);font-size:1.125rem}.pairing-inner{padding:1.5rem}.pairing-instructions{font-size:1rem;margin:0 0 1rem}.pairing-code-block{margin-bottom:.75rem}.pairing-code{display:inline-block;font-size:2.5rem;letter-spacing:.2em;padding:.75rem 1rem;border:4px solid var(--color-black);background:var(--color-white);box-shadow:var(--shadow-comic)}.pairing-expiry{font-size:.95rem;margin:0 0 1rem;opacity:.9}.pairing-expiry .countdown{font-weight:700}.pairing-actions{display:flex;gap:.75rem;flex-wrap:wrap}.pairing-actions .auth-btn{margin-right:0}.pairing-toggle{margin-bottom:1.5rem}.devices-section{background:var(--color-white);overflow:hidden}.devices-section-banner{padding:.5rem 1rem;background:var(--color-black);color:var(--color-white);font-size:1.125rem}.devices-section-inner{padding:1rem 1.25rem}.devices-loading,.devices-empty{padding:1.5rem;text-align:center}.devices-empty p{margin:0 0 .5rem}.device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.device-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:var(--color-bg-light, #f4f4f5);border:2px solid var(--color-black);border-radius:1rem;box-shadow:var(--shadow-comic)}.device-icon{width:3rem;height:3rem;border-radius:.5rem;border:2px solid var(--color-black);background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.device-icon .material-symbols-outlined{font-size:1.75rem}.device-info{flex-grow:1;min-width:10rem}.device-name{font-size:1.25rem;font-style:italic;text-transform:uppercase;margin:0 0 .25rem}.device-status{font-size:.9rem;opacity:.85;margin:0}.device-btn-unpair{padding:.35rem .75rem;font-size:.875rem;text-transform:uppercase;border:2px solid var(--color-black);border-radius:9999px;background:var(--color-white);color:var(--color-red, #e11d48);cursor:pointer;flex-shrink:0}.device-btn-unpair:hover{background:#e11d481a}.device-row-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.device-btn-revoke{padding:.35rem .75rem;font-size:.875rem;text-transform:uppercase;border:2px solid var(--color-black);border-radius:9999px;background:var(--color-white);color:var(--color-orange, #ea580c);cursor:pointer}.device-btn-revoke:hover{background:#ea580c1a}.device-token-revoked{font-weight:600;color:var(--color-orange, #ea580c)}.device-revoke-confirm{width:100%;padding:.75rem;margin-top:.5rem;border-radius:.5rem}.device-revoke-confirm p{margin:0 0 .5rem}.device-revoke-confirm .auth-btn{margin-right:.5rem}.device-unpair-confirm{width:100%;padding:.75rem;margin-top:.5rem;border-radius:.5rem}.device-unpair-confirm p{margin:0 0 .5rem}.device-unpair-confirm .auth-btn{margin-right:.5rem}.cal-event-form .modal-strip.cal-strip{background:var(--color-comic-cyan, #00baff)}.shop-item-form .modal-strip.shop-strip{background:var(--color-comic-orange, #ff6d00);color:var(--color-black)}.shop-item-form .form-row{display:flex;gap:1rem}.shop-item-form .form-row .form-field{flex:1}.cal-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;overflow-x:auto;min-height:400px;-webkit-overflow-scrolling:touch}@media(max-width:767px){.cal-week-grid{grid-template-columns:repeat(7,minmax(140px,1fr));gap:.5rem}}.cal-day-column{min-width:140px;display:flex;flex-direction:column}.cal-day-column.alt{background:var(--color-bg-light, #f4f4f5)}.cal-day-column.weekend{background:#ffed0026}.cal-day-column.today{border-left-width:6px}.cal-day-header{padding:.5rem;background:var(--color-comic-primary);border-bottom:var(--border-comic);text-align:center}.cal-day-header.highlight{background:var(--color-comic-red, #ff1b12);color:var(--color-comic-white)}.cal-day-header.weekend{background:var(--color-comic-orange, #ff6d00);color:var(--color-black)}.cal-day-num{display:block;font-size:.8rem;opacity:.9}.cal-day-regions{flex:1;display:flex;flex-direction:column;min-height:120px}.region{flex:1;padding:.5rem;min-height:2.5rem;border-bottom:1px solid #e5e7eb}.region:hover{background:#00baff0d}.region-morning{background:#fffef7}.region-afternoon{background:#f7faff}.region-evening{background:#f7f7ff}.event-chip{background:var(--color-lime, #4dff00);border:var(--border-comic);padding:.25rem .5rem;margin-bottom:.25rem;font-size:.875rem;cursor:pointer;text-align:left}.event-chip--lime{background:var(--color-lime, #4dff00);color:var(--color-black)}.event-chip--cyan{background:var(--color-cyan, #00baff);color:var(--color-black)}.event-chip--magenta{background:var(--color-magenta, #e9117a);color:#fff}.event-chip--orange{background:var(--color-orange, #ff6d00);color:var(--color-black)}.event-chip--red{background:var(--color-red, #ff1b12);color:#fff}.event-chip--electric-blue{background:#7df9ff;color:var(--color-black)}.event-chip:hover{filter:brightness(.95)}.event-chip.is-dragging{opacity:.8;box-shadow:4px 4px #000}.event-chip.compact{font-size:.7rem;padding:.1rem .3rem}.color-swatches{display:flex;flex-wrap:wrap;gap:.35rem}.color-swatch-wrap{margin:0;cursor:pointer}.color-swatch-input{position:absolute;opacity:0;width:0;height:0}.color-swatch{display:block;width:1.75rem;height:1.75rem;border:3px solid black;border-radius:.35rem;box-shadow:2px 2px #0003}.color-swatch-wrap:has(.color-swatch-input:checked) .color-swatch{box-shadow:0 0 0 3px var(--color-cyan, #00baff)}.color-swatch-wrap:hover .color-swatch{filter:brightness(1.1)}.event-time{display:block;font-size:.7em;opacity:.9}.cal-day-view{padding:1rem}.cal-day-slots{display:flex;flex-direction:column}.cal-slot{display:flex;gap:1rem;padding:.25rem 0;border-bottom:1px solid #e5e7eb;min-height:2.5rem}.cal-slot:hover{background:#00baff0d}.cal-slot--drop-over,.region--drop-over{background:#00baff26;outline:2px dashed var(--color-cyan, #00baff)}.cal-slot-label{width:4rem;flex-shrink:0;font-size:.8rem}.cal-slot-events{flex:1}.cal-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:.5rem}.cal-month-header{padding:.5rem;text-align:center;font-size:.9rem}.cal-month-cell{min-height:5rem;padding:.25rem;border:1px solid #e5e7eb;background:var(--color-comic-white);cursor:default}.cal-month-cell.other-month{background:#f9fafb;color:#9ca3af}.cal-month-num{font-size:.8rem;font-weight:700}.cal-month-events{margin-top:.25rem}.cal-month-more{font-size:.7rem;opacity:.8}@media(max-width:767px){.page-calendar{padding:.75rem .75rem 6rem}.cal-page-header{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.cal-page-hero{padding:.75rem 1rem}.cal-page-hero h2{font-size:1.5rem}.cal-page-date{font-size:1rem;text-align:right}.cal-toolbar{flex-wrap:wrap;gap:.75rem;align-items:center}.cal-tabs{flex:1;min-width:0}.cal-tab{padding:.5rem;font-size:.9rem}.cal-nav{gap:.25rem}.btn-nav{width:2.25rem;height:2.25rem;font-size:1rem;min-width:2.25rem;min-height:2.25rem}.btn-today{padding:.5rem .75rem;font-size:.85rem;min-height:2.25rem}.btn-add-event{padding:.5rem 1rem;font-size:.9rem;min-height:2.25rem}.squad-selector{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem}.squad-label{font-size:.6rem;padding-right:.2rem}.squad-dot{width:2rem;height:2rem;min-width:2rem;min-height:2rem;border-width:2px;font-size:.7rem}.cal-day-column{min-width:140px}.cal-day-header{padding:.4rem .5rem;font-size:1rem}.cal-day-num{font-size:.75rem}.cal-day-regions{min-height:100px}.region{padding:.35rem;min-height:2rem}.event-chip{padding:.35rem .5rem;min-height:2.25rem;font-size:.8rem}.event-chip.compact{font-size:.65rem;padding:.15rem .3rem;min-height:1.75rem}.cal-day-view{padding:.75rem}.cal-slot{min-height:2.75rem;padding:.35rem 0}.cal-slot-label{width:3rem;font-size:.75rem}.cal-month-grid{padding:.35rem}.cal-month-header{padding:.35rem;font-size:.75rem}.cal-month-cell{min-height:4rem;padding:.2rem}.cal-month-num{font-size:.7rem}.cal-loading,.cal-empty{padding:1.5rem 1rem}.cal-empty p{font-size:.95rem}.modal-content{margin:1rem;padding:1.25rem;max-width:none;width:calc(100% - 2rem)}.modal-strip{padding:.6rem 1rem;font-size:.9rem}.modal-body{padding:1rem 0}.modal-actions{flex-wrap:wrap;gap:.75rem}.modal-actions .auth-btn{min-height:2.5rem;flex:1;min-width:7rem}}.page-meals,.meal-plan-page{padding:1rem;max-width:1200px;margin:0 auto}.meal-page-hero{background:var(--color-white, #fff);border:var(--border-comic);padding:1rem 1.5rem;border-radius:1rem;box-shadow:var(--shadow-comic-lg)}.meal-grid-banner{background:var(--color-magenta, #e9117a);color:var(--color-white, #fff);padding:.5rem 1.5rem;font-family:var(--font-display, inherit);font-size:1.125rem;text-transform:uppercase;border-bottom:var(--border-comic)}.btn-meal-nav,.btn-meal-prev,.btn-meal-next{width:2.5rem;height:2.5rem;border:var(--border-comic);border-radius:50%;background:var(--color-white, #fff);box-shadow:var(--shadow-comic);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-this-week{padding:.6rem 1rem;border:var(--border-comic);border-radius:9999px;font-family:var(--font-display, inherit);font-size:.9rem;text-transform:uppercase;background:var(--color-white, #fff);cursor:pointer;box-shadow:var(--shadow-comic)}.meal-loading,.meal-empty{padding:2rem 1rem;text-align:center;font-family:var(--font-comic, inherit)}.meal-add-btn{background:none;border:none;cursor:pointer;font-family:var(--font-display, inherit);font-size:1rem;text-transform:uppercase;opacity:.6}.meal-add-btn:hover{opacity:1}.meal-page-header{margin-bottom:1.5rem}.meal-hero{background:var(--color-white, #fff);border:3px solid var(--color-black, #000);padding:1rem 1.5rem;border-radius:1rem;box-shadow:4px 4px 0 0 var(--color-black, #000)}.meal-hero h1{font-family:var(--font-display, inherit);font-size:clamp(1.5rem,4vw,2.5rem);font-style:italic;text-transform:uppercase;margin:0}.meal-sub{font-size:1rem;opacity:.85;margin:.25rem 0 0}.meal-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.meal-week-nav{display:flex;align-items:center;gap:.5rem}.meal-week-label{font-family:var(--font-display, inherit);font-size:1.25rem;text-transform:uppercase;min-width:12rem;text-align:center}.btn-meal-prev,.btn-meal-next{width:2.5rem;height:2.5rem;border:3px solid var(--color-black, #000);border-radius:50%;background:var(--color-white, #fff);box-shadow:2px 2px 0 0 var(--color-black, #000);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-add-meal,.btn-recipe-book{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:3px solid var(--color-black, #000);border-radius:9999px;font-family:var(--font-display, inherit);font-size:1rem;text-transform:uppercase;box-shadow:2px 2px 0 0 var(--color-black, #000);text-decoration:none;color:inherit;cursor:pointer;background:var(--color-primary, #ffeb3b)}.btn-recipe-book{background:var(--color-white, #fff)}.meal-grid-wrap{background:var(--color-white, #fff);border:3px solid var(--color-black, #000);border-radius:1rem;box-shadow:4px 4px 0 0 var(--color-black, #000);overflow:hidden}.meal-banner{background:var(--color-magenta, #e9117a);color:var(--color-white, #fff);padding:.5rem 1.5rem;font-family:var(--font-display, inherit);font-size:1rem;text-transform:uppercase;border-bottom:3px solid var(--color-black, #000)}.meal-grid{display:grid;grid-template-columns:6rem repeat(7,1fr);grid-template-rows:auto repeat(3,1fr);gap:0}.meal-grid-corner,.meal-day-label,.meal-type-label{background:var(--color-black, #000);color:var(--color-white, #fff);padding:.5rem .35rem;font-family:var(--font-display, inherit);font-size:.875rem;text-transform:uppercase;text-align:center;border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}.meal-type-label{background:#f4f4f5;color:var(--color-black, #000)}.meal-cell{min-height:5rem;padding:.5rem;border-right:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;gap:.35rem}.meal-cell.empty{cursor:pointer;justify-content:center;align-items:center;border:2px dashed rgba(0,0,0,.25)}.meal-cell.empty:hover,.meal-cell.filled:hover{background:#e9117a14}.meal-cell.filled{background:#e9117a1f;border:2px solid var(--color-black, #000);box-shadow:2px 2px 0 0 var(--color-black, #000);cursor:grab}.meal-cell.filled.is-dragging{opacity:.7;cursor:grabbing}.meal-cell.drop-over{background:#e9117a33;border-color:var(--color-magenta, #e9117a)}.add-label{font-size:1rem;opacity:.6}.meal-cell-name{font-family:var(--font-hand, inherit);font-size:1rem;flex-grow:1}.meal-cell-actions{display:flex;flex-wrap:wrap;gap:.35rem}.btn-cell{padding:.2rem .5rem;font-size:.7rem;text-transform:uppercase;border:2px solid var(--color-black, #000);border-radius:9999px;background:var(--color-primary, #ffeb3b);cursor:pointer}.btn-cell.cart{background:var(--color-white, #fff)}.meal-no-recipe{font-size:.75rem;opacity:.7}.meal-loading,.meal-empty{padding:2rem 1rem;text-align:center}.meal-form-modal .meal-form-row{display:flex;gap:1rem;flex-wrap:wrap}.meal-form-modal .meal-form-row .form-field{flex:1;min-width:10rem}.meal-form-modal .recipe-picker{border:2px solid var(--color-black, #000);border-radius:.5rem;overflow:hidden}.meal-form-modal .recipe-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.1)}.meal-form-modal .recipe-search input{flex:1;border:none;font-size:1rem}.meal-form-modal .recipe-list{max-height:12rem;overflow-y:auto}.meal-form-modal .recipe-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.08)}.meal-form-modal .btn-recipe-add{padding:.3rem .6rem;font-size:.8rem;text-transform:uppercase;border:2px solid var(--color-black, #000);border-radius:9999px;background:var(--color-primary, #ffeb3b);cursor:pointer}.meal-form-modal .btn-recipe-add.added{background:#e0e0e0;color:#666;cursor:default}.meal-form-modal .form-hint{font-size:.9rem;opacity:.85;margin-top:.35rem}.recipe-checkbox-list{display:flex;flex-direction:column;gap:.5rem;max-height:12rem;overflow-y:auto;padding:.5rem;border:var(--border-comic);border-radius:.5rem;background:#f4f4f5}.recipe-checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--font-comic, inherit)}.recipe-checkbox-item input{width:1rem;height:1rem}.mystery-meal-spinner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-mystery-meal{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border:var(--border-comic);border-radius:9999px;font-family:var(--font-display, inherit);font-size:1rem;text-transform:uppercase;box-shadow:var(--shadow-comic);background:var(--color-cyan, #00d4ff);color:var(--color-black, #000);cursor:pointer}.btn-mystery-meal:hover:not(:disabled){background:#33c8ff}.btn-mystery-meal:disabled{opacity:.7;cursor:not-allowed}.mystery-icon{font-size:1.25rem;display:inline-block}.btn-mystery-meal.spinning .mystery-icon{animation:mystery-spin .5s linear infinite}@keyframes mystery-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mystery-reveal{padding:.75rem 1.25rem;background:var(--color-white, #fff);border-radius:.5rem;box-shadow:var(--shadow-comic)}.mystery-reveal-label{font-size:.9rem;margin:0 0 .25rem;opacity:.9}.mystery-reveal-name{font-size:1.25rem;font-style:italic;margin:0;text-transform:uppercase}.mystery-wheel-wrap{flex:1 1 100%;display:flex;justify-content:center;padding:1rem 0}.mystery-wheel-outer{position:relative;width:12rem;height:12rem}.mystery-wheel-inner{width:100%;height:100%;border-radius:50%;border:var(--border-comic);box-shadow:var(--shadow-comic);background:conic-gradient(from 0deg,var(--color-primary) 0deg 45deg,var(--color-cyan) 45deg 90deg,var(--color-magenta) 90deg 135deg,var(--color-lime) 135deg 180deg,var(--color-orange) 180deg 225deg,var(--color-primary) 225deg 270deg,var(--color-cyan) 270deg 315deg,var(--color-magenta) 315deg 360deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.mystery-wheel-pointer{position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--color-red, #e63946);filter:drop-shadow(0 2px 0 var(--color-black));pointer-events:none}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-elevated{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}button{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}