.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-top));padding-bottom:calc(var(--space-lg) + var(--safe-bottom));background:linear-gradient(160deg,#e8f4ff,#f0faf0,#fff8e8)}.login-card{width:100%;max-width:380px;padding:var(--space-xl) var(--space-xl) var(--space-2xl);background:#ffffffeb;border:1px solid rgba(0,111,255,.12);border-radius:24px;box-shadow:0 8px 40px #006fff1a,0 2px 8px #0000000f}.login-logo-img{width:220px;height:auto;display:block;margin-bottom:var(--space-sm)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-md)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.form-group input{padding:var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--color-surface);color:var(--color-text);transition:all .15s ease;outline:none}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #006fff1a}.login-error{background:#ef44440f;color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(239,68,68,.15)}.login-btn{width:100%;padding:var(--space-md);font-size:var(--font-size-md);font-weight:600;margin-top:var(--space-sm);background:linear-gradient(90deg,#006fff,#34c759);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.login-btn:hover{opacity:.92}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);vertical-align:middle;flex-shrink:0}.avatar--editable{cursor:pointer;transition:box-shadow .15s,opacity .15s}.avatar--editable:hover{box-shadow:0 0 0 3px #006fff40}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;border-radius:50%}.avatar-edit-badge{position:absolute;bottom:-3px;right:-3px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40%;height:40%;min-width:14px;min-height:14px;border:1.5px solid var(--color-surface);pointer-events:none}.avatar-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;width:100%;height:100%}.shell{display:flex;min-height:100dvh}.sidebar{display:none;flex-direction:column;width:var(--sidebar-width);background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(0,111,255,.1);padding:var(--space-md) 0;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}@media(min-width:768px){.sidebar{display:flex}.main-content{margin-left:var(--sidebar-width)}.bottom-nav{display:none!important}}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm)}.sidebar-logo{width:120px;height:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:0 var(--space-sm)}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);transition:all .15s ease;text-decoration:none}.nav-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.nav-item--active{background:var(--color-primary-light)!important;color:var(--color-primary)!important;font-weight:600}.nav-icon{font-size:1.1rem;width:22px;text-align:center}.nav-icon-img{width:22px;height:22px;object-fit:contain;opacity:.55;transition:opacity .15s ease}.nav-icon-svg{width:20px;height:20px;flex-shrink:0;opacity:.55;transition:opacity .15s ease;display:block}.nav-item--active .nav-icon-img,.nav-item:hover .nav-icon-img,.nav-item--active .nav-icon-svg,.nav-item:hover .nav-icon-svg{opacity:1}.bottom-nav-icon-img{width:22px;height:22px;object-fit:contain;opacity:.45;transition:opacity .15s ease}.bottom-nav-icon-svg{width:20px;height:20px;flex-shrink:0;opacity:.45;transition:opacity .15s ease;display:block}.bottom-nav-item--active .bottom-nav-icon-img,.bottom-nav-item--active .bottom-nav-icon-svg{opacity:1}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.user-badge{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{font-size:1.25rem}.user-name{font-weight:600;font-size:var(--font-size-sm);text-transform:capitalize;color:var(--color-text)}.main-content{flex:1;padding:var(--space-lg) var(--space-md);padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-lg));max-width:960px;width:100%}@media(min-width:768px){.main-content{padding-bottom:var(--space-xl);margin:0 auto;padding-left:calc(var(--sidebar-width) + var(--space-xl));padding-right:var(--space-xl);max-width:calc(960px + var(--sidebar-width))}}.bottom-nav{display:flex;align-items:center;position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,111,255,.1);z-index:100;padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-decoration:none;transition:color .15s ease;min-width:52px;min-height:40px;justify-content:center;flex-shrink:0}.bottom-nav-item--active{color:var(--color-primary)}.bottom-nav-icon{font-size:1.2rem}.bottom-nav-label{font-weight:500;font-size:.6rem;letter-spacing:.02em}.notif-bell{position:fixed;top:calc(var(--space-md) + var(--safe-top));right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);font-size:1rem;z-index:150;transition:all .15s ease}.notif-bell:hover{background:var(--color-surface-alt)}.notif-bell--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.notif-bell--active:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success);border:1.5px solid var(--color-surface)}.notif-prompt{position:fixed;top:calc(var(--space-md) + var(--safe-top) + 48px);right:var(--space-md);left:var(--space-md);max-width:340px;margin-left:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:160;font-size:var(--font-size-sm);font-weight:500;animation:slideUp .25s ease}.notif-prompt-actions{display:flex;gap:var(--space-sm)}.notif-unsupported{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--space-lg) 0}.notif-enable-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0}.notif-enable-section p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notif-denied-help{font-size:var(--font-size-xs)!important;font-style:italic}.notif-settings-list{display:flex;flex-direction:column;gap:var(--space-sm)}.notif-settings-info{font-size:var(--font-size-sm);color:var(--color-success);font-weight:500;margin-bottom:var(--space-sm)}.notif-toggle{display:grid;grid-template-columns:1fr 44px;grid-template-rows:auto auto;align-items:center;gap:2px var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s ease}.notif-toggle:hover{background:var(--color-surface-hover)}.notif-toggle input{display:none}.notif-toggle-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;grid-column:1;grid-row:1}.notif-toggle-icon{font-size:1rem}.notif-toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);grid-column:1;grid-row:2}.notif-toggle-track{grid-column:2;grid-row:1 / 3;width:44px;height:24px;border-radius:12px;background:var(--color-border);position:relative;transition:background .2s ease;justify-self:end}.notif-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:var(--radius-full);background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.notif-toggle input:checked~.notif-toggle-track{background:var(--color-primary)}.notif-toggle input:checked~.notif-toggle-track:after{transform:translate(20px)}.settings-tabs{display:flex;gap:var(--space-xs);padding:0 var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.settings-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--color-text)}.settings-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.avatars-settings{padding:0 var(--space-md) var(--space-md)}.avatars-settings-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.avatars-settings-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.avatar-setting-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.avatar-setting-info{display:flex;flex-direction:column;flex:1;min-width:0}.avatar-setting-name{font-weight:600;font-size:var(--font-size-base)}.avatar-setting-role{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:capitalize}.add-child-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.add-child-field{display:flex;flex-direction:column;gap:4px}.add-child-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.dashboard{display:flex;flex-direction:column;gap:var(--space-lg)}.dash-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);box-shadow:var(--shadow-sm)}.dash-hero:before{display:none}.dash-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.dash-greeting{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:2px}.dash-name{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;color:var(--color-text)}.dash-hero-weekend{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center;flex-shrink:0}.dash-hero-weekend-icon{font-size:1.4rem;line-height:1}.dash-hero-weekend-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);white-space:nowrap}.dash-hero-custody{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.kids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.kid-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:box-shadow .15s ease}.kid-card:hover{box-shadow:var(--shadow-md)}.kid-card--blue{border-left:4px solid var(--color-primary)}.kid-card--pink{border-left:4px solid #EC4899}.kid-card-avatar{flex-shrink:0}.kid-card-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.kid-card-info h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.kid-card-age{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.kid-card-birthday{display:inline-block;margin-top:2px;font-size:var(--font-size-xs);font-weight:600;color:#d97706;background:#fef3c7;padding:2px 8px;border-radius:var(--radius-full)}.section-title{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.quick-section{display:flex;flex-direction:column}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md)}.quick-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);transition:all .15s ease}.quick-card:hover{transform:translateY(-2px)}.quick-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.4rem}.quick-card-icon img{mix-blend-mode:multiply}.quick-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.upcoming-section{display:flex;flex-direction:column;gap:var(--space-sm)}.upcoming-list{display:flex;flex-direction:column;gap:var(--space-xs)}.upcoming-card{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);position:relative;overflow:hidden}.upcoming-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}.upcoming-date{display:flex;flex-direction:column;align-items:center;min-width:36px;padding-left:var(--space-xs)}.upcoming-day{font-size:var(--font-size-lg);font-weight:700;line-height:1.1;color:var(--color-text-primary)}.upcoming-day--today{color:var(--color-primary)}.upcoming-month{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.04em}.upcoming-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.upcoming-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.upcoming-people{display:flex;align-items:center;gap:4px;flex-shrink:0}.upcoming-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.upcoming-time{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);letter-spacing:.01em}.upcoming-assigned{margin-left:2px}.upcoming-card--past{opacity:.55}.calendar-page{display:flex;flex-direction:column;gap:var(--space-md)}.calendar-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.calendar-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.cal-nav{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.cal-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:600;color:var(--color-text);transition:background .15s ease}.cal-nav-btn:active{background:var(--color-surface-alt)}.cal-nav-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.cal-nav-title:active{opacity:.7}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-weekdays{margin-bottom:0}.cal-weekday{text-align:center;font-size:.65rem;font-weight:700;color:var(--color-text-secondary);padding:var(--space-sm) 0;text-transform:uppercase;letter-spacing:.8px}.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid transparent;transition:all .15s ease;min-height:44px;position:relative}.cal-day:active{background:var(--color-surface-alt)}.cal-day--outside{background:transparent;opacity:.25;border:none}.cal-day--today{background:var(--color-primary);color:var(--color-text-inverse);border:none}.cal-day--today .cal-day-num{font-weight:800}.cal-day--selected{border:2px solid var(--color-primary);background:var(--color-primary-light)}.cal-day--today.cal-day--selected{border-color:var(--color-text-inverse)}.cal-day-num{font-size:var(--font-size-sm);font-weight:600;line-height:1}.cal-day-dots{display:flex;gap:2px;justify-content:center}.cal-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.cal-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);animation:fadeIn .2s ease}.cal-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.cal-detail-header h2{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}.cal-detail-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-lg) 0}.cal-event-list{display:flex;flex-direction:column;gap:var(--space-sm)}.cal-event-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface-alt);position:relative;overflow:hidden}.cal-event-stripe{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.cal-event-icon{font-size:1.2rem;margin-left:var(--space-sm);flex-shrink:0}.cal-event-info{flex:1;display:flex;flex-direction:column;min-width:0}.cal-event-title{font-size:var(--font-size-sm);font-weight:600}.cal-event-notes{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.cal-event-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:1.1rem;flex-shrink:0;transition:all .15s ease}.cal-event-delete:active{background:var(--color-danger);color:#fff}.cal-event-edit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);flex-shrink:0;transition:all .15s ease}.cal-event-edit:active{background:var(--color-primary);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:200;padding:var(--space-md);padding-bottom:var(--safe-bottom);animation:fadeIn .15s ease}.modal{width:100%;max-width:420px;max-height:85dvh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md);animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.modal-header h2{font-size:var(--font-size-lg);font-weight:700}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:var(--color-surface-alt);transition:background .15s ease}.modal-close:active{background:var(--color-border)}.add-event-form{display:flex;flex-direction:column;gap:var(--space-md)}.add-event-form select,.add-event-form textarea,.add-event-form input{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:16px;outline:none;min-height:44px;transition:border-color .15s ease}.add-event-form select{-moz-appearance:none;appearance:none;-webkit-appearance:none}.add-event-form textarea{resize:vertical;min-height:60px}.add-event-form select:focus,.add-event-form textarea:focus,.add-event-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #006fff1a}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.cal-legend{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cal-legend-item{display:flex;align-items:center;gap:6px}.cal-legend-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.cal-day--school-holiday{background:#fde68a22;border-color:#fde68a4d}.cal-day--today.cal-day--school-holiday{background:var(--color-primary)}.cal-custody-avatar{position:absolute;top:2px;right:2px;line-height:0;border-radius:50%;border:1.5px solid var(--color-border);overflow:hidden}.cal-custody-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);flex-wrap:wrap}.cal-custody-text{font-weight:600;flex:1}.cal-swap-btn{font-size:var(--font-size-xs)!important;padding:var(--space-xs) var(--space-sm)!important;white-space:nowrap}.cal-school-badge{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#fde68a22;border:1px solid rgba(253,230,138,.4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:#92400e;margin-bottom:var(--space-sm)}.swap-badge{white-space:nowrap;flex-shrink:0}.swap-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 0 var(--space-md) 0;line-height:1.5}.swap-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:60dvh;overflow-y:auto}.swap-item{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border)}.swap-item--approved{border-color:var(--color-success);background:#22c55e0a}.swap-item--declined{border-color:var(--color-danger);background:#ef44440a}.swap-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.swap-status{font-size:var(--font-size-xs);font-weight:700}.swap-status--pending{color:var(--color-warning)}.swap-status--approved{color:var(--color-success)}.swap-status--declined{color:var(--color-danger)}.swap-item-from{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.swap-item-reason{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-xs)}.swap-item-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.capitalize{text-transform:capitalize}.btn-danger{background:var(--color-danger);color:#fff}.cal-day-avatars{display:flex;gap:2px;justify-content:center;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.cal-event-avatars{display:flex;gap:3px;align-items:center;margin-top:2px}.cal-event-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.cal-event-assigned{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.cal-custody-info{display:flex;flex-direction:column;flex:1}.cal-custody-times{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400}.cal-custody-settings-btn{margin-left:auto;white-space:nowrap;font-size:var(--font-size-xs)!important;padding:var(--space-xs) var(--space-sm)!important}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-xs);line-height:1.4}.cal-child-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cal-child-pick{display:flex;align-items:center;gap:6px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all .15s ease}.cal-child-pick--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.btn-danger:active{filter:brightness(.9)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:active{filter:brightness(.95)}.meds-page{display:flex;flex-direction:column;gap:var(--space-md)}.meds-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.meds-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.meds-notif-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#fef3c718;border:1px solid rgba(253,230,138,.4);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#92400e}.meds-notif-active{padding:var(--space-sm) var(--space-md);background:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-success);font-weight:600;text-align:center}.meds-child-tabs{display:flex;gap:var(--space-sm)}.meds-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.meds-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:700}.meds-child-emoji{font-size:1.2rem}.meds-child-age{font-size:var(--font-size-xs);opacity:.7}.meds-section{display:flex;flex-direction:column;gap:var(--space-md)}.meds-section-header{display:flex;align-items:center;justify-content:space-between}.meds-section-header h2{font-size:var(--font-size-lg);font-weight:700}.meds-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.meds-list{display:flex;flex-direction:column;gap:var(--space-md)}.med-card{display:flex;flex-direction:column;gap:var(--space-sm)}.med-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.med-card-info{display:flex;flex-direction:column;gap:2px}.med-card-name{font-size:var(--font-size-md);font-weight:700}.med-card-dose{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.med-card-freq{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.med-card-notes{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;padding:var(--space-xs) 0}.med-card-status{flex-shrink:0}.med-card-progress{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface-alt);font-size:var(--font-size-sm);font-weight:700;min-width:48px}.med-card-progress--done{background:var(--color-success);color:#fff}.med-times{display:flex;flex-direction:column;gap:var(--space-xs)}.med-time-slot{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-sm);border:1.5px solid transparent;min-height:44px;transition:all .15s ease}.med-time-slot--done{background:#22c55e0f;border-color:#22c55e33}.med-time-label{font-size:var(--font-size-sm);font-weight:600}.med-time-check{font-size:var(--font-size-xs);color:var(--color-success);font-weight:600}.med-asneeded-btn{align-self:flex-start;margin-top:var(--space-xs)}.med-card-actions{display:flex;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.med-action-btn{flex:1;padding:var(--space-sm);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);border-radius:var(--radius-sm);min-height:36px;font-weight:600;transition:background .15s ease}.med-action-btn:active{background:var(--color-surface-alt)}.med-times-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.med-time-edit-row{display:flex;align-items:center;gap:var(--space-sm)}.med-time-input{flex:1;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:16px;min-height:44px;transition:border-color .15s ease}.med-time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #006fff1a;outline:none}.med-time-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-danger);font-size:1.3rem;flex-shrink:0;transition:background .15s ease}.med-time-remove:active{background:#ef44441a}.meds-confirm-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md);line-height:1.5}.meds-confirm-actions{display:flex;gap:var(--space-sm)}.meds-confirm-actions .btn{flex:1}.med-history-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.med-history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.med-history-day{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-sm);gap:var(--space-sm)}.med-history-day:last-child{border-bottom:none}.med-history-date{font-size:var(--font-size-sm);font-weight:700;min-width:80px;flex-shrink:0}.med-history-none{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.med-history-entries{display:flex;flex-direction:column;gap:2px;text-align:right}.med-history-entry{font-size:var(--font-size-xs);color:#10b981;font-weight:500}.med-product-image{width:56px;height:56px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);margin-bottom:var(--space-xs)}.med-action-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--color-primary)}.med-action-link:hover{color:var(--color-primary);opacity:.8}.med-link-row{display:flex;gap:var(--space-sm);align-items:center}.med-link-row input{flex:1}.med-fetch-status{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-xs)}.med-fetch-status--error{color:var(--color-danger)}.med-preview-wrap{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.med-preview-img{width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--color-border)}.med-schedule-presets{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.med-schedule-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);min-height:40px;transition:all .15s ease}.med-schedule-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.med-schedule-hint{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}.chores-page{display:flex;flex-direction:column;gap:var(--space-md)}.chores-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.chores-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.chores-child-tabs{display:flex;gap:var(--space-sm)}.chores-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.chores-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:700}.chores-date-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.chores-date-nav button{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--color-surface);border:1px solid var(--color-border);transition:background .15s ease}.chores-date-nav button:active{background:var(--color-surface-alt)}.chores-date-label{font-weight:600;font-size:var(--font-size-md);min-width:140px;text-align:center}.chores-points{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-primary-light);border:1px solid rgba(0,111,255,.15);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-md);color:var(--color-primary)}.chores-points-icon{font-size:1.2rem}.chores-list{display:flex;flex-direction:column;gap:var(--space-sm)}.chore-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow .15s ease}.chore-item--done{opacity:.65;background:#22c55e0a;border-color:#22c55e33}.chore-check{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--color-surface-alt);border:2px solid var(--color-border);transition:all .15s ease;flex-shrink:0}.chore-item--done .chore-check{background:var(--color-success);border-color:var(--color-success);color:#fff}.chore-icon{font-size:1.4rem;flex-shrink:0}.chore-info{flex:1;min-width:0}.chore-title{font-weight:600;font-size:var(--font-size-md)}.chore-item--done .chore-title{text-decoration:line-through;color:var(--color-text-secondary)}.chore-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;gap:var(--space-sm)}.chore-pts{font-weight:700;color:var(--color-primary);font-size:var(--font-size-sm);flex-shrink:0}.chore-delete{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem;opacity:.4;transition:opacity .15s;flex-shrink:0}.chore-delete:hover,.chore-delete:active{opacity:1;background:#ef444414}.chores-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.chores-empty-icon{font-size:3rem;opacity:.5}.chore-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.chore-icon-option{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);font-size:1.4rem;transition:all .15s ease}.chore-icon-option span:last-child{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chore-icon-option--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.chore-icon-option:active{background:var(--color-surface-alt)}.gifts-page{padding:var(--space-md);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.gifts-child-tabs{display:flex;gap:var(--space-sm)}.gifts-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.gifts-child-tab:hover{background:var(--color-surface-alt)}.gifts-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.gifts-child-tab--active span[style]{opacity:.9!important}.gifts-budget{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.gifts-budget-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.gifts-budget-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.gifts-budget-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.gifts-budget-value--spent{color:var(--color-primary)}.gifts-budget-value--ideas{color:var(--color-text-secondary)}.gifts-budget-divider{width:1px;height:32px;background:var(--color-border)}.gifts-filter-row{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.gifts-filter-row::-webkit-scrollbar{display:none}.gifts-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.gifts-filter-btn:hover{background:var(--color-surface-alt)}.gifts-filter-btn--active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.gifts-filter-count{background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-xs);font-size:.6875rem}.gifts-filter-btn--active .gifts-filter-count{background:#006fff26}.gifts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.gifts-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.gifts-empty-icon{font-size:2rem}.gift-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .15s ease}.gift-card:hover{box-shadow:var(--shadow-sm)}.gift-card--given{opacity:.7}.gift-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-light)}.gift-status-badge{font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-xs)}.gift-status--idea{background:#fef3c7;color:#92400e}.gift-status--purchased{background:var(--color-primary-light);color:var(--color-primary)}.gift-status--wrapped{background:#f3e8ff;color:#7c3aed}.gift-status--given{background:#dcfce7;color:#166534}.gift-occasion{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.gift-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.gift-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.gift-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.gift-meta{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs)}.gift-price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.gift-link{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:500}.gift-link:hover{text-decoration:underline}.gift-footer{display:flex;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.gift-card-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-light)}.gift-card-actions .btn{flex:0}.gift-image-wrap{border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-alt);max-height:180px}.gift-image{width:100%;height:100%;max-height:180px;object-fit:cover;display:block}.gift-link-row{display:flex;gap:var(--space-xs);margin-top:4px}.gift-link-row .form-input{flex:1}.gift-fetch-status{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:0;margin:calc(-1 * var(--space-xs)) 0 0}.gift-fetch-status--error{color:var(--color-danger)}.gift-preview-wrap{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.gift-preview-img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-md)}.form-label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.form-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color .15s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #006fff1a}.form-textarea{resize:vertical;min-height:60px}.form-row{display:flex;gap:var(--space-sm)}.form-label--half{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}@media(max-width:480px){.gifts-page{padding:var(--space-sm);gap:var(--space-sm)}.gifts-budget{padding:var(--space-sm)}.gifts-budget-value{font-size:var(--font-size-md)}.gift-card-actions{flex-wrap:wrap}.modal-content{padding:var(--space-md)}}.notes-page{display:flex;flex-direction:column;gap:var(--space-md)}.notes-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.notes-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.notes-child-tabs{display:flex;gap:var(--space-sm)}.notes-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.notes-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:700}.notes-list{display:flex;flex-direction:column;gap:var(--space-sm)}.note-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.note-card-title{font-weight:700;font-size:var(--font-size-md);line-height:1.3;flex:1;min-width:0}.note-card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.note-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.85rem;opacity:.4;transition:all .15s}.note-action-btn:hover,.note-action-btn:active{opacity:1;background:var(--color-surface-alt)}.note-card-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-card-footer{display:flex;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.7;padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.notes-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.notes-empty-icon{font-size:3rem;opacity:.5}.note-textarea{width:100%;min-height:120px;padding:var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;color:var(--color-text);transition:border-color .15s}.note-textarea:focus{outline:none;border-color:var(--color-primary)}.bedtime-page{display:flex;flex-direction:column;gap:var(--space-md)}.bedtime-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.bedtime-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.bedtime-child-tabs{display:flex;gap:var(--space-sm)}.bedtime-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.bedtime-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:700}.bedtime-goal-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-primary-light);border:1px solid rgba(0,111,255,.12);border-radius:var(--radius-md)}.bedtime-goal-icon{font-size:2.2rem}.bedtime-goal-info{flex:1;display:flex;flex-direction:column;gap:2px}.bedtime-goal-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.bedtime-goal-times{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.bedtime-goal-arrow{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400}.bedtime-goal-edit{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--color-surface);border:1px solid var(--color-border);transition:background .15s}.bedtime-goal-edit:active{background:var(--color-surface-alt)}.bedtime-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.bedtime-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.bedtime-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary)}.bedtime-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.bedtime-section-header{display:flex;align-items:center;justify-content:space-between}.bedtime-section-header h2{font-size:var(--font-size-lg);font-weight:700}.bedtime-entries{display:flex;flex-direction:column;gap:var(--space-sm)}.bedtime-entry{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.bedtime-entry-moon{font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);flex-shrink:0}.bedtime-entry-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.bedtime-entry-date{font-weight:600;font-size:var(--font-size-sm)}.bedtime-entry-times{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.bedtime-entry-hours{font-weight:700;font-size:var(--font-size-md);color:var(--color-primary);flex-shrink:0}.bedtime-entry-hours--low{color:var(--color-warning)}.bedtime-entry-hours--good{color:var(--color-success)}.bedtime-entry-delete{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.35;transition:opacity .15s;flex-shrink:0}.bedtime-entry-delete:hover,.bedtime-entry-delete:active{opacity:1;background:#ef444414}.bedtime-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.bedtime-empty-icon{font-size:3rem;opacity:.5}.bedtime-time-inputs{display:flex;align-items:center;gap:var(--space-md)}.bedtime-time-inputs .form-group{flex:1}.bedtime-time-inputs .bedtime-arrow{font-size:1.2rem;color:var(--color-text-secondary);padding-top:var(--space-lg)}.tv-page{display:flex;flex-direction:column;gap:var(--space-md)}.tv-page .page-header h1{font-size:var(--font-size-xl);font-weight:700}.tv-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.tv-child-tabs{display:flex;gap:var(--space-sm)}.tv-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.tv-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);font-weight:700}.tv-gauge-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg)}.tv-gauge{position:relative;width:180px;height:180px}.tv-gauge svg{transform:rotate(-90deg);width:100%;height:100%}.tv-gauge-bg{fill:none;stroke:var(--color-surface-alt);stroke-width:12}.tv-gauge-fill{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .5s ease,stroke .3s}.tv-gauge-fill--ok{stroke:var(--color-primary)}.tv-gauge-fill--warn{stroke:var(--color-warning)}.tv-gauge-fill--over{stroke:var(--color-danger)}.tv-gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;gap:2px}.tv-gauge-remaining{font-size:var(--font-size-2xl);font-weight:700;line-height:1}.tv-gauge-remaining--ok{color:var(--color-primary)}.tv-gauge-remaining--warn{color:var(--color-warning)}.tv-gauge-remaining--over{color:var(--color-danger)}.tv-gauge-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tv-gauge-limit{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tv-limit-row{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) 0}.tv-limit-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--color-surface);border:1px solid var(--color-border);font-weight:700;transition:background .15s}.tv-limit-btn:active{background:var(--color-surface-alt)}.tv-limit-value{font-weight:700;font-size:var(--font-size-lg);min-width:80px;text-align:center}.tv-section-header{display:flex;align-items:center;justify-content:space-between}.tv-section-header h2{font-size:var(--font-size-lg);font-weight:700}.tv-sessions{display:flex;flex-direction:column;gap:var(--space-sm)}.tv-session{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tv-session-icon{font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);flex-shrink:0}.tv-session-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tv-session-mins{font-weight:700;font-size:var(--font-size-md)}.tv-session-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tv-session-delete{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:.35;transition:opacity .15s;flex-shrink:0}.tv-session-delete:hover,.tv-session-delete:active{opacity:1;background:#ef444414}.tv-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tv-quick-add{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.tv-quick-btn{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);transition:all .15s ease;text-align:center}.tv-quick-btn:active{background:var(--color-surface-alt)}.tv-quick-btn span{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400;margin-top:2px}.expenses-page{padding:var(--space-md);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.expenses-balance-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.expenses-balance-header{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.expenses-balance-amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.expenses-balance--positive{color:var(--color-success)}.expenses-balance--negative{color:var(--color-danger)}.expenses-balance-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.expenses-month-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.expenses-month-nav button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease}.expenses-month-nav button:hover{background:var(--color-surface-alt)}.expenses-month-label{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);min-width:160px;text-align:center}.expenses-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.expenses-summary-total{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md)}.expenses-summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.expenses-summary-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.expenses-cat-breakdown{border-top:1px solid var(--color-border-light);padding:var(--space-sm) var(--space-md)}.expenses-cat-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.expenses-cat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.expenses-cat-amount{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.expenses-list{display:flex;flex-direction:column;gap:var(--space-sm)}.expenses-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.expenses-empty-icon{font-size:2rem}.expense-item{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:box-shadow .15s ease}.expense-item:hover{box-shadow:var(--shadow-sm)}.expense-item-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);flex-shrink:0}.expense-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.expense-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-item-right{text-align:right;flex-shrink:0}.expense-item-amount{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary);display:block}.expense-item-paid{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.expense-item-delete{background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs);opacity:.5;transition:opacity .15s ease;flex-shrink:0}.expense-item-delete:hover{opacity:1}@media(max-width:480px){.expenses-page{padding:var(--space-sm);gap:var(--space-sm)}.expenses-balance-card{padding:var(--space-md)}.expenses-balance-amount{font-size:var(--font-size-xl)}.expense-item-meta{max-width:140px}}.watchlist-page{padding:var(--space-md);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.watch-child-tabs{display:flex;gap:var(--space-sm)}.watch-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.watch-child-tab:hover{background:var(--color-surface-alt)}.watch-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.watch-category-tabs{display:flex;gap:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px}.watch-cat-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.watch-cat-tab:hover{background:var(--color-surface-alt)}.watch-cat-tab--active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.watch-cat-tab--active svg{stroke:var(--color-text-inverse)}.watch-cat-icon{display:flex;align-items:center}.watch-filter-row{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.watch-filter-row::-webkit-scrollbar{display:none}.watch-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.watch-filter-btn:hover{background:var(--color-surface-alt)}.watch-filter-btn--active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.watch-filter-count{background:var(--color-surface-alt);padding:1px 6px;border-radius:var(--radius-xs);font-size:.6875rem}.watch-filter-btn--active .watch-filter-count{background:#006fff26}.watch-list{display:flex;flex-direction:column;gap:var(--space-sm)}.watch-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.watch-empty-icon{font-size:2rem}.watch-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .15s ease}.watch-card:hover{box-shadow:var(--shadow-sm)}.watch-card--watched{opacity:.7}.watch-card-top{display:flex;gap:var(--space-sm);padding:var(--space-md)}.watch-poster{flex-shrink:0;width:60px;height:90px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--color-surface-alt)}.watch-poster img{width:100%;height:100%;object-fit:cover}.watch-type-badge{flex-shrink:0;width:60px;height:90px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.watch-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.watch-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.watch-title a{color:inherit;text-decoration:none}.watch-title a:hover{color:var(--color-primary);text-decoration:underline}.watch-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-size-xs)}.watch-rating-badge{font-weight:600;padding:1px 6px;border-radius:var(--radius-xs);font-size:.6875rem}.watch-rating--ok{background:#dcfce7;color:#166534}.watch-rating--caution{background:#fef3c7;color:#92400e}.watch-rating--restricted{background:#fee2e2;color:#991b1b}.watch-platform{color:var(--color-text-tertiary)}.watch-status-text{color:var(--color-text-secondary)}.watch-stars{color:#f59e0b;font-size:var(--font-size-sm);letter-spacing:1px}.watch-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.watch-card-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-light)}.watch-yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.watch-yt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .15s ease}.watch-yt-card:hover{box-shadow:var(--shadow-sm)}.watch-yt-thumb{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;overflow:hidden;background:var(--color-surface-alt)}.watch-yt-thumb img{width:100%;height:100%;object-fit:cover}.watch-yt-thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.watch-yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;transition:opacity .15s ease}.watch-yt-thumb:hover .watch-yt-play{opacity:1}.watch-yt-info{padding:var(--space-sm)}.watch-yt-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-yt-note{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-yt-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.watch-url-row{display:flex;gap:var(--space-xs)}.watch-url-row .form-input{flex:1}.watch-fetch-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px}.watch-search-section{margin-bottom:var(--space-sm)}.watch-search-row{display:flex;gap:var(--space-xs);align-items:center;margin-top:4px}.watch-search-type{width:100px;flex-shrink:0}.watch-search-spinner{font-size:var(--font-size-sm);color:var(--color-text-tertiary);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.watch-search-results{margin-top:var(--space-xs);max-height:240px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.watch-search-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm);background:none;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;text-align:left;transition:background .1s ease}.watch-search-item:last-child{border-bottom:none}.watch-search-item:hover{background:var(--color-surface-alt)}.watch-search-poster{width:40px;height:60px;border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0;background:var(--color-surface-alt)}.watch-search-poster--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.watch-search-info{display:flex;flex-direction:column;gap:2px;min-width:0}.watch-search-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-search-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.watch-search-divider{text-align:center;margin:var(--space-sm) 0;position:relative}.watch-search-divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid var(--color-border-light)}.watch-search-divider span{position:relative;background:var(--color-surface);padding:0 var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.watch-preview{width:100%;max-height:180px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center}.watch-preview img{max-width:100%;max-height:180px;object-fit:contain}.watch-star-picker{display:flex;gap:2px;margin-top:4px}.watch-star-btn{background:none;border:none;font-size:1.25rem;color:var(--color-border);cursor:pointer;padding:0 2px;transition:color .1s ease}.watch-star-btn--active,.watch-star-btn:hover{color:#f59e0b}.watch-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.watch-tags--edit{margin-top:var(--space-xs)}.watch-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-primary-light, rgba(0, 108, 217, .1));color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;border-radius:999px;white-space:nowrap}.watch-tag-remove{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:.875rem;line-height:1;opacity:.6;transition:opacity .1s ease}.watch-tag-remove:hover{opacity:1}.watch-tags-input-row{display:flex;gap:var(--space-xs);margin-top:4px}.watch-tags-input-row .form-input{flex:1}.watch-yt-subtype-row{display:flex;gap:4px;margin-top:4px;background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:3px}.watch-subtype-btn{flex:1;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.watch-subtype-btn:hover{background:var(--color-surface)}.watch-subtype-btn--active{background:var(--color-primary);color:var(--color-text-inverse)}.watch-yt-header{display:flex;align-items:center;gap:6px}.watch-yt-badge{font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.watch-yt-badge--channel{background:#ff00001a;color:#c00}.watch-yt-badge--video{background:#006cd91a;color:var(--color-primary)}.watch-song-thumb{aspect-ratio:1}.watch-song-artist{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-platform-badge{display:inline-block;font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:999px;margin-top:4px;text-transform:uppercase;letter-spacing:.02em}.watch-platform-badge--spotify{background:#1ed7601f;color:#1db954}.watch-platform-badge--youtube{background:#ff00001a;color:#c00}.watch-platform-badge--music{background:var(--color-surface-alt);color:var(--color-text-secondary)}@media(max-width:480px){.watchlist-page{padding:var(--space-sm);gap:var(--space-sm)}.watch-yt-grid{grid-template-columns:repeat(2,1fr)}.watch-poster{width:50px;height:75px}.watch-cat-tab{font-size:.6875rem;padding:var(--space-xs) 4px}}.sizes-page{padding:var(--space-md);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.sizes-child-tabs{display:flex;gap:var(--space-sm)}.sizes-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.sizes-child-tab:hover{background:var(--color-surface-alt)}.sizes-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.sizes-child-tab--active span[style]{opacity:.9!important}.sizes-list{display:flex;flex-direction:column;gap:var(--space-md)}.sizes-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.sizes-empty-icon{font-size:2rem}.sizes-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.sizes-category-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-light)}.sizes-category-items{display:flex;flex-direction:column}.size-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.size-item:last-child{border-bottom:none}.size-item-main{display:flex;align-items:baseline;gap:var(--space-sm);flex:1;min-width:0}.size-item-size{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.size-item-brand{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.size-item-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.size-item-updated{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.size-item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}@media(max-width:480px){.sizes-page{padding:var(--space-sm);gap:var(--space-sm)}.size-item{flex-direction:column;align-items:flex-start}.size-item-actions{width:100%}}.emergency-page{padding:var(--space-md);max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.emergency-dial-card{display:flex;align-items:center;gap:var(--space-md);background:#fef2f2;border:2px solid #FCA5A5;border-radius:var(--radius-md);padding:var(--space-md);text-decoration:none;transition:background .15s ease}.emergency-dial-card:hover{background:#fee2e2}.emergency-dial-icon{font-size:1.5rem}.emergency-dial-number{font-size:var(--font-size-xl);font-weight:700;color:var(--color-danger);display:block}.emergency-dial-label{font-size:var(--font-size-sm);color:#991b1b}.emergency-child-tabs{display:flex;gap:var(--space-sm)}.emergency-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.emergency-child-tab:hover{background:var(--color-surface-alt)}.emergency-child-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.emergency-child-tab--active span[style]{opacity:.9!important}.emergency-medical-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.emergency-medical-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-light)}.emergency-medical-header h2{font-size:var(--font-size-sm);font-weight:600}.emergency-medical-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-md)}.emergency-medical-field{display:flex;flex-direction:column;gap:2px}.emergency-medical-field--full{grid-column:1 / -1}.emergency-field-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.emergency-field-value{font-size:var(--font-size-sm);color:var(--color-text)}.emergency-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.emergency-tag{padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:600}.emergency-tag--danger{background:#fee2e2;color:#991b1b}.emergency-tag--info{background:var(--color-primary-light);color:var(--color-primary)}.emergency-contacts-section{display:flex;flex-direction:column;gap:var(--space-sm)}.emergency-contacts-header{display:flex;align-items:center;justify-content:space-between}.emergency-contacts-header h2{font-size:var(--font-size-md);font-weight:600}.emergency-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-secondary)}.emergency-empty-icon{font-size:2rem}.emergency-contact-group{display:flex;flex-direction:column;gap:var(--space-xs)}.emergency-group-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--space-xs) 0}.emergency-contact-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.emergency-contact-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.emergency-contact-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.3px}.emergency-contact-name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.emergency-contact-detail{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.emergency-contact-note{font-style:italic}.emergency-contact-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.emergency-call-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-decoration:none;transition:background .15s ease}.emergency-call-btn:hover{background:#bbf7d0}.emergency-contact-actions{display:flex;gap:var(--space-xs)}.emergency-quick-section{display:flex;flex-direction:column;gap:var(--space-sm)}.emergency-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.emergency-quick-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all .15s ease}.emergency-quick-card:hover{background:var(--color-surface-alt);border-color:var(--color-primary)}.emergency-quick-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.emergency-quick-phone{font-size:var(--font-size-md);font-weight:700;color:var(--color-primary)}@media(max-width:480px){.emergency-page{padding:var(--space-sm);gap:var(--space-sm)}.emergency-medical-grid{grid-template-columns:1fr}.emergency-contact-card{flex-direction:column}.emergency-contact-right{align-items:flex-start;width:100%}}.meal-page{display:flex;flex-direction:column;gap:var(--space-md)}.meal-page .page-header h1{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.meal-tabs{display:flex;gap:var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-md);padding:4px}.meal-tab{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:36px}.meal-tab--active{background:var(--color-surface);color:var(--color-primary);font-weight:700;box-shadow:var(--shadow-xs)}.meal-week-strip{display:flex;align-items:center;gap:var(--space-xs)}.meal-week-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:1.2rem;flex-shrink:0;transition:background .15s}.meal-week-nav:hover{background:var(--color-primary-light);color:var(--color-primary)}.meal-week-days{flex:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.meal-week-days::-webkit-scrollbar{display:none}.meal-week-day{flex:1;min-width:38px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:var(--font-size-xs);position:relative;transition:all .15s ease}.meal-week-day--active{background:var(--color-primary);color:#fff}.meal-week-day-abbrev{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}.meal-week-day-num{font-weight:700;font-size:var(--font-size-sm)}.meal-week-dot{width:5px;height:5px;border-radius:50%;background:var(--color-success)}.meal-week-day--active .meal-week-dot{background:#fffc}.meal-day-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.meal-slots{display:flex;flex-direction:column;gap:var(--space-sm)}.meal-slot-card{padding:var(--space-md)}.meal-slot-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.meal-slot-emoji{font-size:1.2rem;line-height:1}.meal-slot-label{flex:1;font-weight:600;font-size:var(--font-size-md)}.meal-add-btn{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);padding:4px 10px;border-radius:var(--radius-full);border:1.5px solid var(--color-primary);transition:all .15s}.meal-add-btn:hover{background:var(--color-primary);color:#fff}.meal-slot-empty{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-style:italic}.meal-items{display:flex;flex-direction:column;gap:var(--space-xs)}.meal-item{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-sm)}.meal-item-title{flex:1;font-size:var(--font-size-sm);font-weight:500}.meal-item-notes{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.meal-remove-btn{color:var(--color-text-tertiary);font-size:1.1rem;line-height:1;padding:0 4px;border-radius:var(--radius-xs);transition:color .1s;flex-shrink:0}.meal-remove-btn:hover{color:var(--color-danger)}.meal-child-tabs{display:flex;gap:var(--space-sm)}.meal-child-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:44px}.meal-child-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.food-notes-list{display:flex;flex-direction:column;gap:var(--space-sm)}.food-note-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.food-note-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.food-note-type-badge{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.food-note-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.meal-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary)}.packing-page{display:flex;flex-direction:column;gap:var(--space-md)}.packing-page .page-header h1{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.packing-tabs{display:flex;gap:var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-md);padding:4px}.packing-tab{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:36px}.packing-tab--active{background:var(--color-surface);color:var(--color-primary);font-weight:700;box-shadow:var(--shadow-xs)}.packing-date-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.packing-date-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:1.3rem;transition:background .15s}.packing-date-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.packing-date-label{font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.packing-progress-card{padding:var(--space-md)}.packing-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.packing-progress-text{font-weight:600;font-size:var(--font-size-sm)}.packing-progress-bar{height:8px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden}.packing-progress-fill{height:100%;background:linear-gradient(90deg,#006fff,#34c759);border-radius:var(--radius-full);transition:width .3s ease}.packing-checklist{display:flex;flex-direction:column;gap:var(--space-sm)}.packing-group{display:flex;flex-direction:column;gap:4px}.packing-group-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:var(--space-xs) 0;margin-top:var(--space-xs)}.packing-check-row{display:flex;align-items:center;gap:var(--space-md);padding:12px var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:100%;text-align:left;transition:all .15s ease}.packing-check-row:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.packing-check-row--checked{opacity:.65;background:var(--color-surface-alt);border-color:var(--color-border)}.packing-checkbox{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;color:var(--color-success)}.packing-checkbox--checked{border-color:var(--color-success);background:#f0fdf4}.packing-check-label{font-size:var(--font-size-sm);font-weight:500;flex:1}.packing-check-row--checked .packing-check-label{text-decoration:line-through;color:var(--color-text-secondary)}.packing-manage-list{display:flex;flex-direction:column;gap:var(--space-sm)}.packing-manage-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:48px}.packing-manage-label{flex:1;font-size:var(--font-size-sm);font-weight:500}.packing-manage-child{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.packing-add-form{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md)}.packing-add-form input,.packing-add-form select{width:100%;padding:10px var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text)}.packing-add-form input:focus,.packing-add-form select:focus{outline:none;border-color:var(--color-primary)}.packing-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary)}.contacts-page{display:flex;flex-direction:column;gap:var(--space-md)}.contacts-page .page-header{display:flex;align-items:flex-start;justify-content:space-between}.contacts-page .page-header h1{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.contacts-cat-tabs{display:flex;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.contacts-cat-tabs::-webkit-scrollbar{display:none}.contacts-cat-tab{flex-shrink:0;padding:7px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;white-space:nowrap}.contacts-cat-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.contacts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-card{padding:var(--space-md)}.contact-card-top{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#006fff,#34c759);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.contact-name{font-weight:700;font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.contact-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--color-border-light);padding-top:var(--space-sm)}.contact-detail-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.contact-phone{color:var(--color-primary);font-weight:500;text-decoration:none}.contact-phone:hover{text-decoration:underline}.contact-notes{font-style:italic}.contacts-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary)}.rules-page{display:flex;flex-direction:column;gap:var(--space-md)}.rules-page .page-header{display:flex;align-items:flex-start;justify-content:space-between}.rules-page .page-header h1{font-size:var(--font-size-xl);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.rules-household-tabs{display:flex;gap:var(--space-sm)}.rules-household-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all .15s ease;min-height:48px}.rules-household-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.rules-list{display:flex;flex-direction:column;gap:var(--space-lg)}.rules-category-group{display:flex;flex-direction:column;gap:var(--space-sm)}.rules-category-heading{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.rule-card{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.rule-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.rule-card-title{font-weight:600;font-size:var(--font-size-md);flex:1;line-height:1.3}.rule-card-actions{display:flex;gap:4px;flex-shrink:0}.rule-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all .15s ease}.rule-action-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.rule-action-btn--danger:hover{background:#fef2f2;color:var(--color-danger)}.rule-card-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.rule-card-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rules-textarea{width:100%;min-height:90px;padding:var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:inherit;font-size:var(--font-size-sm);line-height:1.6;resize:vertical;color:var(--color-text);transition:border-color .15s}.rules-textarea:focus{outline:none;border-color:var(--color-primary)}.rules-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-secondary);line-height:1.6}:root{--color-primary: #006FFF;--color-primary-light: #E8F1FF;--color-primary-dark: #0058CC;--color-bg: #F6F6F8;--color-surface: #FFFFFF;--color-surface-alt: #F0F1F4;--color-surface-hover: #E9EAEF;--color-text: #1A1D26;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-success: #22C55E;--color-warning: #F59E0B;--color-danger: #EF4444;--color-border: #E5E7EB;--color-border-light: #F0F1F4;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--nav-height: 56px;--sidebar-width: 240px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background:linear-gradient(160deg,#e8f4ff,#f0faf0,#fff8e8) fixed;background-attachment:fixed;color:var(--color-text);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top)}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:16px}img,svg{display:block;max-width:100%}.page-header-icon{width:26px;height:26px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:6px}.page-header-icon-svg{display:inline-block;vertical-align:middle;margin-right:6px;flex-shrink:0}ul,ol{list-style:none}.card{background:#ffffffeb;border:1px solid rgba(0,111,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 16px #006fff12,0 1px 3px #0000000d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-sm);transition:all .15s ease;min-height:36px;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,#006fff,#34c759);color:var(--color-text-inverse)}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:4px 12px;font-size:var(--font-size-xs);min-height:28px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .2s ease}.slide-up{animation:slideUp .25s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}