.ui-card{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--gradient-surface), var(--surface-card);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;animation:.42s cubic-bezier(.2,.9,.2,1) both ui-card-enter;position:relative;overflow:hidden}.ui-card:before{pointer-events:none;content:"";opacity:.8;background:linear-gradient(120deg,#ffffff29,#0000 22%),radial-gradient(circle at 18% 0,#a78bfa1f,#0000 34%);position:absolute;inset:0}.ui-card:hover{border-color:var(--border-strong);background:var(--surface-card-hover);box-shadow:var(--shadow-float);transform:translateY(-2px)}.ui-card:focus-within{box-shadow:var(--shadow-float), var(--shadow-focus);border-color:#67e8f957}.ui-card-body{z-index:1;padding:clamp(20px,2.2vw,28px);position:relative}.ui-card-header{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.ui-section-header{gap:var(--space-3);max-width:920px;margin-bottom:clamp(24px,4vw,36px);display:grid}.ui-section-eyebrow{border-radius:var(--radius-pill);color:#dcfcfff5;letter-spacing:.16em;text-transform:uppercase;background:#67e8f917;border:1px solid #67e8f93d;width:fit-content;padding:7px 11px;font-size:.72rem;font-weight:840}.ui-section-title{max-width:11ch}.ui-section-subtitle{max-width:780px;color:var(--color-ink-muted);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.6}.ui-title{color:var(--color-ink);letter-spacing:-.035em;font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:780}.ui-subtitle{margin-top:var(--space-1);color:var(--color-ink-muted);line-height:1.55}.ui-label{color:var(--color-ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:820}.ui-value{color:var(--color-ink);letter-spacing:-.06em;font-size:clamp(2rem,4vw,2.75rem);font-weight:820;line-height:1}.ui-field{gap:var(--space-2);flex-direction:column;display:flex}.ui-field-label{color:var(--text-secondary);font-size:.92rem;font-weight:740}.ui-input,.ui-select,.ui-textarea{border-radius:var(--radius-md);width:100%;color:var(--color-ink);background:var(--surface-control);border:1px solid #ffffff21;outline:none;padding:14px 16px;font-size:16px;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff0f}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-ink-faint)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--border-strong);background:var(--surface-control-hover)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{background:var(--surface-control-hover);border-color:#67e8f970}.ui-textarea{resize:vertical}.ui-slider{width:100%;height:6px;accent-color:var(--color-mila-strong);cursor:pointer}.ui-button{border-radius:var(--radius-md);color:#fff;background:var(--gradient-primary);cursor:pointer;letter-spacing:-.01em;border:1px solid #ffffff29;justify-content:center;align-items:center;min-height:48px;padding:14px 22px;font-weight:820;transition:transform .18s,filter .18s,box-shadow .18s;display:inline-flex;box-shadow:0 14px 34px #5064ff3d}.ui-button:hover{filter:saturate(1.08)brightness(1.04);transform:translateY(-2px);box-shadow:0 18px 44px #5064ff52}.ui-button:active{transform:translateY(0)scale(.985);box-shadow:0 10px 24px #5064ff38}.ui-button-secondary{color:var(--color-ink);background:var(--surface-control);box-shadow:none}.ui-button-ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000}.ui-button-danger{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border-color:#fb718580;box-shadow:0 14px 34px #be123c3d}.ui-button:disabled{cursor:not-allowed;filter:grayscale(.35);opacity:.58;transform:none}.ui-button-icon{margin-right:var(--space-2);place-items:center;display:grid}.ui-button-spinner{width:1rem;height:1rem;margin-right:var(--space-2);border:2px solid;border-right-color:#0000;border-radius:999px;animation:.7s linear infinite ui-spin}.ui-icon-button{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-primary);background:var(--surface-control);cursor:pointer;flex:none;place-items:center;font-size:1.25rem;line-height:1;display:inline-grid}.ui-icon-button:hover{border-color:var(--border-strong);background:var(--surface-control-hover)}.ui-dialog-backdrop{z-index:100;padding:var(--space-4);background:var(--surface-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);place-items:center;display:grid;position:fixed;inset:0}.ui-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-dialog);width:min(680px,100%);max-height:min(88dvh,780px);box-shadow:var(--shadow-float);display:grid;overflow:hidden}.ui-dialog-header,.ui-dialog-actions{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);display:flex}.ui-dialog-header{border-bottom:1px solid var(--border-subtle)}.ui-dialog-header h2{font-size:clamp(1.35rem,3vw,1.85rem)}.ui-dialog-header p{margin-top:var(--space-2)}.ui-dialog-content{padding:var(--space-5);overflow:auto}.ui-dialog-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end}.ui-tabs{gap:var(--space-4);display:grid}.ui-tablist{z-index:8;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-control);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;display:flex;position:sticky;top:0;overflow-x:auto}.ui-tab{scroll-snap-align:center;border-radius:var(--radius-md);min-height:42px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex:none;padding:9px 14px;font-weight:760}.ui-tab:hover,.ui-tab.is-active{color:var(--text-primary);border-color:var(--border-subtle);background:var(--surface-card)}.ui-tabpanel{outline:none;min-width:0}.ui-state{justify-items:start;gap:var(--space-3);padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--table-row);display:grid}.ui-state h3{font-size:1.1rem}.ui-state p{margin-top:var(--space-1)}.ui-state-error{border-color:color-mix(in srgb, var(--status-danger) 48%, transparent);background:color-mix(in srgb, var(--status-danger) 9%, transparent)}.ui-state-success{border-color:color-mix(in srgb, var(--status-success) 42%, transparent);background:color-mix(in srgb, var(--status-success) 8%, transparent)}.ui-state-icon{font-size:1.6rem}.ui-skeleton{gap:var(--space-3);min-height:96px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--skeleton-base);display:grid}.ui-skeleton span{border-radius:var(--radius-pill);background:linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent), var(--skeleton-base);background-size:200% 100%;height:14px;animation:1.5s ease-in-out infinite ui-skeleton-sheen;overflow:hidden}.ui-field-description,.ui-field-error-message{font-size:.82rem}.ui-field-error-message{color:var(--status-danger)}.ui-field-error .ui-input,.ui-field-error .ui-select{border-color:var(--status-danger)}.ui-checkbox-field{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.ui-checkbox-field input{width:20px;height:20px;accent-color:var(--color-mila-strong);margin-top:2px}.ui-checkbox-field label{gap:var(--space-1);color:var(--text-primary);cursor:pointer;font-weight:720;display:grid}.ui-checkbox-field small{color:var(--text-muted);font-weight:400}.ui-table-scroll{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;color:var(--text-primary)}.ui-table caption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ui-table th,.ui-table td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:13px 16px}.ui-table th{color:var(--text-muted);background:var(--surface-control);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.ui-table tbody tr{background:var(--table-row)}.ui-table tbody tr:hover{background:var(--table-row-hover)}.ui-table tr:last-child td{border-bottom:0}.ui-table [data-align=center]{text-align:center}.ui-table [data-align=right]{text-align:right}.ui-table-empty{color:var(--text-muted);text-align:center}.ui-page{gap:var(--space-6);display:grid}.ui-page-header{justify-content:space-between;align-items:start;gap:var(--space-5);display:flex}.ui-page-header .ui-section-header{margin-bottom:0}.ui-page-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-page-summary,.ui-page-content{gap:var(--space-5);display:grid}.ui-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.ui-card-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.ui-card-compact .ui-card-body{padding:var(--space-4)}.ui-card-info{border-color:color-mix(in srgb, var(--status-info) 34%, transparent)}.ui-card-success{border-color:color-mix(in srgb, var(--status-success) 34%, transparent)}.ui-card-warning{border-color:color-mix(in srgb, var(--status-warning) 38%, transparent)}.ui-card-danger{border-color:color-mix(in srgb, var(--status-danger) 42%, transparent)}.component-showcase,.component-showcase-grid,.component-showcase-fields{gap:var(--space-5);display:grid}.component-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-showcase-brand,.component-showcase-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.component-showcase-brand{justify-content:space-between;align-items:flex-start}.component-showcase-swatches{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.component-showcase-swatches div{gap:var(--space-2);display:grid}.component-showcase-swatches span{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:56px}.component-showcase-swatches small{color:var(--text-muted);font-weight:720}.ui-chip,.ui-badge{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;width:fit-content;font-weight:820;display:inline-flex}.ui-chip{min-height:40px;color:var(--color-ink-muted);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;padding:9px 14px;transition:color .18s,border-color .18s,background .18s,transform .18s}.ui-chip:hover,.ui-chip-active{color:var(--color-ink);background:#7c5cff3d;border-color:#a78bfa7a}.ui-chip:hover{transform:translateY(-1px)}.ui-badge{color:#dcfcfff5;letter-spacing:.1em;text-transform:uppercase;background:#67e8f91c;border:1px solid #67e8f942;min-height:28px;padding:5px 10px;font-size:.72rem}.live-badge{color:#daffeefa;background:radial-gradient(circle at 0%,#34d3992e,#0000 68%),#34d3991a;border-color:#34d39947}.live-dot{background:var(--color-green);border-radius:999px;width:7px;height:7px;animation:1.8s ease-in-out infinite live-dot-pulse;box-shadow:0 0 18px #34d399d1}.ui-badge-success{color:#daffeef5;background:#34d3991f;border-color:#34d39952}.ui-badge-warning{color:#fff4d6f5;background:#fbbf241f;border-color:#fbbf245c}.ui-badge-danger{color:#ffe4e8f5;background:#fb71851f;border-color:#fb71855c}.ui-progress{border-radius:var(--radius-pill);background:#ffffff13;border:1px solid #ffffff1a;width:100%;height:10px;position:relative;overflow:hidden}.ui-progress-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;box-shadow:0 0 24px #7c5cff6b}.ui-empty{padding:var(--space-6);border-radius:var(--radius-lg);color:var(--color-ink-soft);background:var(--table-row);border:1px dashed #ffffff2e}.ui-loading{border-radius:var(--radius-lg);background:var(--skeleton-base);min-height:64px;position:relative;overflow:hidden}.ui-loading:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);animation:1.5s ease-in-out infinite ui-loading-sheen;position:absolute;inset:0;transform:translate(-100%)}.dashboard-card{cursor:pointer}.dashboard-card-body{gap:var(--space-5);align-content:space-between;min-height:190px;display:grid}.dashboard-card-icon{background:radial-gradient(circle at 32% 20%,#ffffff42,#0000 32%),#ffffff14;border:1px solid #ffffff29;border-radius:20px;place-items:center;width:56px;height:56px;font-size:1.65rem;display:grid;box-shadow:inset 0 1px #ffffff1f}.dashboard-card-title{margin-bottom:var(--space-2);font-size:clamp(1.35rem,2vw,1.75rem)}@keyframes ui-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-loading-sheen{to{transform:translate(100%)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-skeleton-sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1180px){.ui-dialog-backdrop{padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left))}.ui-dialog{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 2rem)}}@media (width<=760px){.ui-page-header{flex-direction:column;align-items:stretch}.ui-page-actions,.ui-dialog-actions{justify-content:stretch}.ui-page-actions .ui-button,.ui-dialog-actions .ui-button{flex:auto}.component-showcase-grid,.component-showcase-swatches{grid-template-columns:1fr}}@keyframes live-dot-pulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}.morning-check-in-field{gap:var(--space-4);margin-top:var(--space-6);display:grid}.daily-workflow-list,.daily-workflow-form{gap:var(--space-4);display:grid}.daily-workflow-item{gap:var(--space-4);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);color:inherit;text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.daily-workflow-task{cursor:pointer}.daily-workflow-task.complete{opacity:.68}.daily-workflow-task.complete h3{text-decoration:line-through}@media (width<=760px){.ui-card-body{padding:var(--space-5)}.ui-button{width:100%}.daily-workflow-item{grid-template-columns:1fr}}.ui-collapsible{border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:linear-gradient(145deg, #ffffff0f, #ffffff05), var(--glass-bg);box-shadow:var(--shadow-soft);margin:0;overflow:clip}.ui-collapsible+.ui-collapsible,.page-grid>.ui-collapsible+.ui-collapsible,.settings-page>.ui-collapsible+.ui-collapsible,.family-profile-settings>.ui-collapsible+.ui-collapsible{margin-top:var(--space-4)}.ui-collapsible__summary{justify-content:space-between;align-items:flex-start;gap:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;padding:clamp(16px,2vw,22px) clamp(18px,2.2vw,26px);list-style:none;display:flex}.ui-collapsible__summary::-webkit-details-marker{display:none}.ui-collapsible__summary:hover{background:#ffffff0a}.ui-collapsible__summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #67e8f973}.ui-collapsible__text{gap:.35rem;min-width:0;display:grid}.ui-collapsible__title{color:var(--color-ink,#f8fafcf5);letter-spacing:.01em;font-size:1.05rem;font-weight:780}.ui-collapsible__subtitle{color:var(--color-ink-soft,#e2e8f0b8);font-size:.9rem;line-height:1.45}.ui-collapsible__chevron{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;border-radius:999px;flex:none;width:1.65rem;height:1.65rem;margin-top:.1rem;position:relative}.ui-collapsible__chevron:before{content:"";border-bottom:2px solid #f8fafce6;border-right:2px solid #f8fafce6;transition:transform .16s;position:absolute;inset:35% 30% 40%;transform:rotate(45deg)}.ui-collapsible[open]>.ui-collapsible__summary .ui-collapsible__chevron:before{inset:42% 30% 28%;transform:rotate(225deg)}.ui-collapsible__body{gap:var(--space-5);padding:0 clamp(18px,2.2vw,26px) clamp(18px,2.2vw,26px);display:grid}.ui-collapsible__body>.ui-card{animation:none}.ui-collapsible__body>.ui-card:hover{transform:none}@media (width<=760px){.ui-collapsible__summary{padding:var(--space-4)}.ui-collapsible__body{padding:0 var(--space-4) var(--space-4);gap:var(--space-4)}}