.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:var(--color-primary-dark);border-bottom:1px solid var(--color-primary-dark);box-shadow:var(--shadow-xs);position:sticky;top:0;z-index:100}.dashboard-header__left{display:flex;align-items:center;gap:.625rem}.dashboard-header__right{display:flex;align-items:center;gap:1rem}.dashboard-header__name{font-size:.875rem;font-weight:500;color:#ffffffd9}.dashboard-header__logout{background:none;border:none;color:#fff9;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.375rem .625rem;border-radius:var(--radius-sm);min-height:auto;transition:color .15s,background .15s}.dashboard-header__logout:hover{color:#fff;background:#ffffff1a}.dashboard-body{flex:1;display:grid;grid-template-columns:1fr 340px;gap:var(--space-xl);padding:var(--space-xl);max-width:1140px;margin:0 auto;width:100%}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-xl)}.view-tabs{display:flex;gap:var(--space-xs);background:var(--color-surface);padding:4px;border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);width:fit-content}.view-tab{padding:.5rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-muted);background:transparent;border:none;cursor:pointer;transition:all .15s ease;min-height:38px}.view-tab:hover{color:var(--color-text)}.view-tab--active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.view-tab--active:hover{color:#fff}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-md)}.section-header__title{font-size:1rem;font-weight:600;color:var(--color-text)}.section-header__count{font-size:.75rem;font-weight:600;color:var(--color-muted);background:var(--color-border-light);padding:.125rem .5rem;border-radius:var(--radius-full)}.error-banner{padding:var(--space-lg) var(--space-xl);background:var(--color-danger-light);border:1px solid #fecaca;border-radius:var(--radius);display:flex;align-items:flex-start;gap:var(--space-md)}.error-banner__icon{font-size:1.25rem;line-height:1;flex-shrink:0}.error-banner__text{font-size:.875rem;color:var(--color-danger);font-weight:500;flex:1}.error-banner__retry{background:var(--color-danger);color:#fff;font-size:.8125rem;padding:.375rem .875rem;border-radius:var(--radius-sm);min-height:34px;flex-shrink:0}.empty-state{padding:var(--space-2xl) var(--space-xl);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state__icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.6}.empty-state__title{font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.empty-state__desc{font-size:.8125rem;color:var(--color-muted);margin-bottom:var(--space-lg);max-width:300px;margin-left:auto;margin-right:auto}.empty-state__action{display:inline-flex;background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius);min-height:40px}.dose-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:.5rem .75rem;margin-bottom:var(--space-xs);box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f;transition:box-shadow .2s ease,transform .15s ease}.dose-card:hover{box-shadow:0 4px 12px #00000012,0 2px 4px #0000000a;transform:translateY(-1px)}.dose-card--pending{border-color:var(--color-primary);border-width:1px}.dose-card--overdue{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2 0%,var(--color-surface) 40%)}.dose-card--due-soon{border-color:#fcd34d;background:linear-gradient(135deg,#fffceb 0%,var(--color-surface) 40%)}.dose-card--not-yet{opacity:.65}.dose-card--taken{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4 0%,var(--color-surface) 40%)}.dose-card--skipped{opacity:.55}.dose-card--snoozed{opacity:.6}.dose-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.dose-card__info{flex:1;min-width:0}.dose-card__name{font-size:.9375rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;line-height:1.2}.dose-card__dosage{font-size:.75rem;font-weight:500;color:var(--color-muted);margin-top:0;line-height:1.3}.dose-card__ring-container{display:flex;justify-content:center;align-items:center;padding:.375rem 0 .25rem}.mini-ring{position:relative;width:72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mini-ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.mini-ring__value{position:relative;z-index:1;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;margin-top:-2px}.mini-ring__label{position:relative;z-index:1;font-size:.5625rem;font-weight:500;color:var(--color-muted);margin-top:1px;letter-spacing:.01em}.dose-card__meta{display:flex;align-items:center;gap:.35rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.dose-card__time{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);padding:.15rem .45rem;border-radius:var(--radius-full);white-space:nowrap}.dose-card__time-icon{font-size:.75rem;opacity:.7}.dose-card__time--overdue{color:var(--color-danger);background:var(--color-danger-light)}.dose-card__urgency{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .4rem;border-radius:var(--radius-full)}.dose-card__urgency--overdue{color:#fff;background:var(--color-danger);box-shadow:0 1px 3px #dc262640}.dose-card__urgency--due-soon{color:#92400e;background:#fef3c7}.dose-card__urgency--not-yet{color:var(--color-muted);background:var(--color-border-light);font-weight:500;text-transform:none;letter-spacing:normal;font-size:.6875rem}.dose-card__pulse{width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.dose-card__status-row{margin-top:.2rem}.dose-card__status{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;padding:.2rem .625rem;border-radius:var(--radius-full);white-space:nowrap}.dose-card__status--taken{color:#166534;background:#dcfce7}.dose-card__status--skipped{color:#991b1b;background:#fee2e2}.dose-card__status--snoozed{color:#92400e;background:#fef3c7}.dose-card__status--pending{color:var(--color-muted);background:var(--color-border-light)}.dose-card__status--not-yet{color:var(--color-muted);background:var(--color-border-light);font-size:.625rem}.dose-card__late-badge{font-size:.625rem;font-weight:500;opacity:.75;margin-left:.2rem;text-transform:none;letter-spacing:normal}.dose-card__actions{display:flex;gap:.375rem;margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--color-border-light)}.dose-card__locked{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.3rem .75rem;border-radius:10px;font-size:.75rem;font-weight:500;color:var(--color-muted);background:transparent;border:1px dashed var(--color-border);letter-spacing:.01em}.dose-btn{flex:1;padding:.35rem .75rem;border-radius:10px;font-size:.75rem;font-weight:600;letter-spacing:.01em;min-height:30px;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.3rem}.dose-btn:active{transform:scale(.96)}.dose-btn:disabled{opacity:.55;cursor:progress;transform:none}.dose-btn--taken{background:var(--color-success);color:#fff;box-shadow:0 1px 3px #16a34a33}.dose-btn--taken:hover{background:#15803d;box-shadow:0 2px 6px #16a34a4d}.dose-btn--snooze{background:var(--color-bg);color:#92400e;border:1px solid #fde68a}.dose-btn--snooze:hover{background:#fffbeb;border-color:#fbbf24}.dose-btn--skip{background:var(--color-bg);color:var(--color-danger);border:1px solid #fecaca}.dose-btn--skip:hover{background:var(--color-danger-light);border-color:#fca5a5}.streak-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f0fdf4,#fff 60%);border:2px solid #bbf7d0}.streak-circle__icon{color:var(--color-success);margin-bottom:0}.streak-circle__value{font-size:1.25rem;font-weight:700;color:#15803d;line-height:1}.streak-circle__label{font-size:.5rem;font-weight:600;color:#166534;line-height:1}.med-list{display:flex;flex-direction:column;gap:var(--space-sm)}.med-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-xs);transition:box-shadow .15s,background .15s;cursor:pointer}.med-item:hover{box-shadow:var(--shadow-sm);background:var(--color-bg)}.med-item__info{flex:1;min-width:0}.med-item__name{font-size:.9375rem;font-weight:600;color:var(--color-text)}.med-item__dosage{font-size:.8125rem;color:var(--color-muted);margin-left:var(--space-sm)}.med-item__schedule{font-size:.75rem;color:var(--color-muted);margin-top:2px}.med-item__chevron{flex-shrink:0;color:var(--color-muted);opacity:.4;margin:0 var(--space-xs);transition:opacity .15s}.med-item:hover .med-item__chevron{opacity:.7}.med-item__actions{display:flex;gap:var(--space-xs);flex-shrink:0}.med-action{background:none;border:none;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.375rem .625rem;border-radius:var(--radius-sm);min-height:auto;transition:background .15s}.med-action--edit{color:var(--color-primary)}.med-action--edit:hover{background:var(--color-primary-light)}.med-action--delete{color:var(--color-danger)}.med-action--delete:hover{background:var(--color-danger-light)}.invite-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card)}.invite-section__title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.invite-btn{width:100%;background:var(--color-primary-light);color:var(--color-primary);font-weight:600;font-size:.875rem;border:1px solid #b8d8d5;border-radius:var(--radius);padding:.625rem;min-height:44px}.invite-btn:hover{background:#d0e8e6}.invite-code-box{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-primary-light);border:1px solid #b8d8d5;border-radius:var(--radius);text-align:center}.invite-code-box__label{font-size:.75rem;font-weight:500;color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.invite-code-box__code{font-size:1.75rem;font-weight:700;letter-spacing:.2em;font-family:IBM Plex Mono,SF Mono,Fira Code,monospace;color:var(--color-primary-dark)}.caregiver-list{margin-top:var(--space-lg)}.caregiver-list__title{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.caregiver-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.caregiver-item__info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.caregiver-item__name{font-size:.8125rem;font-weight:500;color:var(--color-text)}.caregiver-item__email{font-size:.75rem;color:var(--color-muted)}.caregiver-item__badge{font-size:.6875rem;font-weight:600;color:var(--color-warning);background:var(--color-warning-light);padding:.125rem .5rem;border-radius:var(--radius-full)}.caregiver-item__revoke{background:none;border:none;color:var(--color-muted);font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);min-height:auto;transition:color .15s,background .15s}.caregiver-item__revoke:hover{color:var(--color-danger);background:var(--color-danger-light)}.history-date-group{margin-bottom:var(--space-xl)}.history-date-label{font-size:.75rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm);padding-left:var(--space-xs)}.history-entry{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-xs);box-shadow:var(--shadow-xs)}.history-entry__info{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.history-entry__name{font-size:.875rem;font-weight:600}.history-entry__dosage{font-size:.8125rem;color:var(--color-muted)}.history-entry__time{font-size:.75rem;color:var(--color-muted)}.med-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);position:sticky;top:80px}.med-form__title{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.med-form__fields{display:flex;flex-direction:column;gap:var(--space-md)}.med-form__field{display:flex;flex-direction:column;gap:4px}.med-form__label{font-size:.75rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.med-form__error{font-size:.8125rem;color:var(--color-danger);font-weight:500;padding:var(--space-sm) var(--space-md);background:var(--color-danger-light);border-radius:var(--radius-sm)}.med-form__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.med-form__submit{flex:1;background:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius)}.med-form__submit:hover{background:var(--color-primary-dark)}.med-form__cancel{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);font-weight:500}.med-form__cancel:hover{background:var(--color-border)}.day-picker{display:flex;flex-direction:column;gap:var(--space-sm)}.day-picker__quick-select{display:flex;gap:var(--space-xs)}.day-quick-btn{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-muted);background:var(--color-border-light);border:1px solid var(--color-border);min-height:32px;transition:all .15s ease}.day-quick-btn:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.day-quick-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.day-quick-btn--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.day-picker__grid{display:flex;gap:4px}.day-toggle{flex:1;padding:.5rem 0;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-muted);background:var(--color-border-light);border:1px solid var(--color-border);min-height:36px;transition:all .15s ease}.day-toggle:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-light)}.day-toggle--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.day-toggle--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.notification-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-lg);box-shadow:var(--shadow-xs)}.notification-bar__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.notification-bar__info{font-size:.6875rem;color:var(--color-muted);font-style:italic}.notification-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--color-border);border:none;cursor:pointer;transition:background .2s ease;min-height:auto;padding:0;flex-shrink:0}.notification-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.notification-toggle--on{background:var(--color-primary)}.notification-toggle--on:after{transform:translate(18px)}@media (max-width: 900px){.dashboard-body{grid-template-columns:1fr;padding:var(--space-lg)}.med-form{position:static}}@media (max-width: 600px){.dashboard-header{padding:.35rem .75rem}.dashboard-body{padding:var(--space-md);gap:var(--space-lg)}.dose-card{padding:.3rem .5rem}.dose-card__ring-container{padding:.25rem 0}.dose-card__actions{flex-wrap:wrap}.dose-btn{min-width:calc(50% - var(--space-xs))}.history-entry{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.view-tabs{width:100%}.view-tab{flex:1;text-align:center}}.skeleton{position:relative;overflow:hidden;background:var(--color-border);border-radius:var(--radius)}.skeleton--card{height:120px;margin-bottom:var(--space-sm);border-radius:var(--radius-lg);border-left:4px solid var(--color-border)}.skeleton--ring{width:36px;height:36px;border-radius:50%}.skeleton--stat{height:2rem;width:4rem}.skeleton--line{height:1rem;width:60%}.skeleton--line-sm{height:.75rem;width:40%}.skeleton--streak{width:72px;height:72px;border-radius:50%;margin:0 auto}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}.ring-spinner{display:inline-flex;align-items:center;justify-content:center}.ring-spinner__svg{width:36px;height:36px;animation:ring-spin 1s linear infinite}.ring-spinner__track{fill:none;stroke:var(--color-border);stroke-width:4}.ring-spinner__arc{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:60}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invite-code-copy{display:inline-flex;align-items:center;gap:.3rem;background:none;border:1px solid #b8d8d5;color:var(--color-primary);font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:var(--radius-sm);cursor:pointer;min-height:auto;margin-top:var(--space-sm);transition:background .15s,color .15s}.invite-code-copy:hover{background:var(--color-primary-light)}.invite-code-copy svg{width:14px;height:14px}.today-date{font-size:.8125rem;font-weight:600;color:var(--color-muted);margin-bottom:var(--space-sm)}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.dashboard-loading__label{font-size:.875rem;color:var(--color-muted);font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.modal__title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:700;color:var(--color-text)}.modal__close{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);min-height:auto;transition:color .15s,background .15s}.modal__close:hover{color:var(--color-text);background:var(--color-border-light)}.modal__body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.modal__field{display:flex;flex-direction:column;gap:2px}.modal__label{font-size:.6875rem;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.modal__value{font-size:.9375rem;font-weight:500;color:var(--color-text)}@media (prefers-reduced-motion: reduce){.skeleton,.ring-spinner__svg,.dose-card__pulse{animation:none}button:active,.dose-btn:active{transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #105876;--color-primary-hover: #0C4558;--color-primary-dark: #0C4558;--color-primary-light: #E8F2F5;--color-accent: #D9A441;--color-success: #16A34A;--color-success-light: #f0fdf4;--color-warning: #F59E0B;--color-warning-light: #fffbeb;--color-danger: #DC2626;--color-danger-light: #fef2f2;--color-bg: #F5F7F8;--color-surface: #FFFFFF;--color-text: #1A2E2C;--color-text-secondary: #1A2E2C;--color-muted: #5B6B69;--color-border: #DFE3E6;--color-border-light: #F5F7F8;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-card: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--radius-full: 9999px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.875rem;font-weight:500;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}button:active{transform:scale(.97)}input,select{border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .875rem;font-size:.9375rem;min-height:44px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1058761f}h1,h2,h3,h4,h5,h6{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tabular-nums{font-variant-numeric:tabular-nums}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:#fff;z-index:9999;pointer-events:none;box-shadow:var(--shadow-lg);animation:toast-in .25s ease,toast-out .3s ease 1.7s forwards}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(.75rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.sound-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-end;background:#00000073;animation:fade-in .2s ease}.sound-prompt{width:100%;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.5rem 1.25rem 2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-lg);animation:slide-up .25s ease}.sound-prompt__icon{color:var(--color-primary);display:flex;align-items:center}.sound-prompt__title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.sound-prompt__desc{font-size:.875rem;color:var(--color-muted);line-height:1.5}.sound-prompt__actions{display:flex;flex-direction:column;gap:.5rem}.sound-prompt__allow{background:var(--color-primary);color:#fff;width:100%;font-size:.9375rem}.sound-prompt__allow:hover{background:var(--color-primary-hover)}.sound-prompt__dismiss{background:transparent;color:var(--color-muted);width:100%;font-size:.875rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}