.app-header{height:56px;padding:0 var(--space-8);border-bottom:1px solid var(--color-surface-tint);background:var(--md-sys-color-surface-container-lowest);margin-bottom:var(--space-1);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-header__logo-link{align-items:center;display:flex}.app-header__logo{opacity:.9;width:auto;height:32px;transition:opacity var(--transition-fast);display:block}.app-header__logo-link:hover .app-header__logo{opacity:1}.app-header__actions{align-items:center;gap:var(--space-2);display:flex}.app-header__theme-toggle{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.app-header__theme-toggle:hover{background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface)}.app-header__user{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;font-size:18px;display:flex}.app-header__user-menu{position:relative}.app-header__avatar-btn{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex}.app-header__avatar-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.app-header__dropdown{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);z-index:100;border-radius:.75rem;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000004d}.app-header__dropdown-identity{flex-direction:column;gap:2px;padding:.75rem 1rem;display:flex}.app-header__dropdown-name{color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.app-header__dropdown-email{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.app-header__dropdown-divider{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin:0}.app-header__dropdown-item{width:100%;color:var(--md-sys-color-on-surface-variant);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.875rem;display:flex}.app-header__dropdown-item:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.app-header__signout{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.app-header__signout:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.about-dialog{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg,1rem);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);width:calc(100% - 2rem);max-width:420px;height:fit-content;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 8px 32px #0006}.about-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.about-dialog__content{padding:var(--space-8);position:relative}.about-dialog__close{top:var(--space-4);right:var(--space-4);width:32px;height:32px;color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute}.about-dialog__close:hover{background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface)}.about-dialog__title{margin:0 0 var(--space-1);color:var(--md-sys-color-on-surface);font-size:1.5rem;font-weight:600}.about-dialog__tagline{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);margin:0 0 var(--space-6)}.about-dialog__meta{margin:0 0 var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.about-dialog__meta-row{align-items:baseline;gap:var(--space-3);display:flex}.about-dialog__meta-row dt{font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-outline);flex-shrink:0;min-width:5rem;font-weight:500}.about-dialog__meta-row dd{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);margin:0}.about-dialog__meta-row dd code{background:var(--md-sys-color-surface-container-highest);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.8em}.about-dialog__meta-row dd a{color:var(--md-sys-color-primary);text-decoration:none}.about-dialog__meta-row dd a:hover{text-decoration:underline}.about-dialog__description{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);padding-top:var(--space-4);border-top:1px solid var(--md-sys-color-outline-variant);margin:0;line-height:1.6}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-layout__main{flex:1;animation:.22s cubic-bezier(.2,0,0,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-footer{height:44px;padding:0 var(--space-8);border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-footer__left{align-items:center;gap:var(--space-3);display:flex}.app-footer__center{justify-content:center;align-items:center;display:flex}.app-footer__right{align-items:center;gap:var(--space-3);display:flex}.app-footer__brand{color:var(--md-sys-color-on-surface-variant);letter-spacing:.01em;font-weight:600}.app-footer__sep{background:var(--md-sys-color-outline-variant);border-radius:50%;width:3px;height:3px}.app-footer__about-link{font-size:inherit;color:var(--md-sys-color-primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0}.app-footer__about-link:hover{opacity:.8;text-decoration:underline}.app-footer__version{color:var(--md-sys-color-outline);opacity:.6;font-family:monospace;font-size:.75em}.tag-chip{font-size:var(--md-sys-typescale-label-small);letter-spacing:.01em;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-weight:500;line-height:1.4;display:inline-flex}.tag-chip--interactive{cursor:pointer}.tag-chip--interactive:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline)}.tag-chip--interactive:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.tag-chip--selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.tag-chip--selected:hover{background:color-mix(in srgb, var(--md-sys-color-primary-container) 85%, var(--md-sys-color-primary) 15%)}.tag-chip__remove{width:14px;height:14px;color:inherit;opacity:.65;transition:opacity var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:12px;line-height:1;display:inline-flex}.tag-chip__remove:hover{opacity:1;background:#ffffff1f}.modal-overlay{z-index:500;background:var(--md-sys-color-scrim);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--md-sys-elevation-3);width:100%;max-width:560px;max-height:90vh;padding:var(--space-6);overflow-y:auto}.modal__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal__header h2{font-size:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);align-items:center;gap:var(--space-3);font-weight:600;display:flex}.modal__close{width:36px;height:36px;font-size:var(--text-xl);color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal__close:hover{color:var(--md-sys-color-on-surface);background:#c4c5ce14}.modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.import__field{margin-bottom:var(--space-4)}.import__field label{font-size:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-2);display:block}.import__text-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-sm);font-size:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);transition:border-color var(--transition-fast);background:0 0}.import__text-input:focus{border-color:var(--md-sys-color-primary)}.import__dropzone{padding:var(--space-8);border:1px dashed var(--md-sys-color-outline-variant);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:var(--space-4)}.import__dropzone p{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large)}.import__dropzone:hover{border-color:var(--md-sys-color-outline);background:#c4c5ce0a}.import__dropzone--active{border-color:var(--md-sys-color-primary);background:var(--color-btn-tint)}.confirm-modal-backdrop{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--md-sys-elevation-3);padding:var(--space-8) var(--space-8) var(--space-6);width:min(420px, calc(100vw - var(--space-8) * 2));gap:var(--space-4);flex-direction:column;display:flex}.confirm-modal__title{font-size:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);font-weight:600}.confirm-modal__message{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);line-height:1.5}.confirm-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.confirm-modal__actions .btn--danger{color:#fff;background:#c0392b}.confirm-modal__actions .btn--danger:hover{filter:none;box-shadow:var(--md-sys-elevation-1);background:#e74c3c}.workspace{max-width:1120px;padding:var(--space-10) var(--space-8);margin:0 auto}.workspace__heading{flex:1;min-width:0}.workspace__title{color:var(--md-sys-color-on-surface);margin-bottom:var(--space-2);font-size:2.5rem;font-weight:600;line-height:1.1}.workspace__tagline{font-size:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);max-width:56ch}.workspace__header{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-10);display:flex}.workspace__brand{align-items:baseline;gap:var(--space-3);display:flex}.workspace__logo{width:auto;height:60px;display:block}.workspace__header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.workspace__theme-toggle{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex}.workspace__theme-toggle:hover{background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface)}.workspace__controls{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.workspace__search-row{align-items:center;gap:var(--space-3);display:flex}.workspace__search-wrap{flex:1;position:relative}.workspace__search-icon{left:var(--space-4);color:var(--md-sys-color-outline);pointer-events:none;font-size:13px;position:absolute;top:50%;transform:translateY(-50%)}.workspace__search{width:100%;height:44px;padding:0 var(--space-8) 0 2.5rem;background:var(--md-sys-color-surface-container-low);border-radius:var(--radius-md);font-size:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);transition:background var(--transition-fast);border:none}.workspace__search::placeholder{color:var(--md-sys-color-outline)}.workspace__search:focus{background:var(--md-sys-color-surface-container);outline:none}.workspace__search::-webkit-search-cancel-button{display:none}.workspace__search-clear{right:var(--space-3);width:22px;height:22px;color:var(--md-sys-color-outline);transition:color var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.workspace__search-clear:hover{color:var(--md-sys-color-on-surface);background:#ffffff0f}.workspace__sort{background:var(--md-sys-color-surface-container-low);border-radius:var(--radius-md);flex-shrink:0;gap:2px;padding:4px;display:flex}.workspace__sort-btn{height:36px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;background:0 0;font-weight:500}.workspace__sort-btn:hover{color:var(--md-sys-color-on-surface)}.workspace__sort-btn--active{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.workspace__tag-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.workspace__tags-clear{font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-primary);padding:2px var(--space-3);border-radius:var(--radius-sm);margin-left:var(--space-1);transition:background var(--transition-fast)}.workspace__tags-clear:hover{background:var(--color-accent-muted)}.workspace__loading,.workspace__error{text-align:center;padding:var(--space-16);color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large)}.workspace__error{color:var(--md-sys-color-error)}.workspace__empty{text-align:center;padding:var(--space-16) var(--space-8)}.workspace__empty-icon{margin-bottom:var(--space-4);opacity:.35;font-size:3rem}.workspace__empty h2{font-size:var(--md-sys-typescale-title-large);margin-bottom:var(--space-2);color:var(--md-sys-color-on-surface);font-weight:400}.workspace__empty p{color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-6)}.workspace__empty-actions{gap:var(--space-3);justify-content:center;display:flex}.workspace__samples{margin-top:var(--space-12);text-align:left}.workspace__samples-heading{font-size:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-4);text-align:center;font-weight:500}.script-card--sample{opacity:.75;transition:opacity var(--transition-fast), background var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.script-card--sample:hover{opacity:1}.script-card--opening{box-shadow:var(--md-sys-elevation-3);transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1);transform:scale(.975)}.script-card--exiting{pointer-events:none;animation:.28s cubic-bezier(.4,0,1,1) forwards cardExit}@keyframes cardExit{0%{opacity:1;transform:scale(1)}40%{opacity:.6;transform:scale(.97)}to{opacity:0;transform:scale(.93)}}.script-card__delete{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--md-sys-color-outline);opacity:0;transition:opacity var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute}.script-card:hover .script-card__delete{opacity:1}.script-card__delete:hover{background:var(--md-sys-color-error-container);color:var(--md-sys-color-error);opacity:1}.script-card__sample-desc{font-size:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);padding-top:var(--space-2);margin-top:auto}.workspace__no-results{text-align:center;padding:var(--space-12) var(--space-8)}.workspace__no-results p{color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-4)}.workspace__no-results-actions{gap:var(--space-2);justify-content:center;display:flex}.workspace__filter-count{font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-outline);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums}.workspace__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.script-card{text-align:left;padding:var(--space-6) var(--space-6) var(--space-5);background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--md-sys-elevation-0);width:100%;min-height:130px;transition:background var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;display:flex;position:relative}.script-card:hover{background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-2);border-color:var(--color-surface-tint-hover)}.script-card__title{color:var(--md-sys-color-on-surface);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:2.25rem;font-size:1.0625rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.script-card__tags{min-height:22px;margin-bottom:var(--space-4);flex-wrap:wrap;flex:1;align-items:flex-start;gap:4px;display:flex}.script-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:auto;display:flex}.script-card__meta{align-items:center;gap:var(--space-2);font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-outline);font-variant-numeric:tabular-nums;display:flex}.script-card__footer-sep{opacity:.4}.script-card__duration{font-size:var(--md-sys-typescale-label-medium);font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-weight:500;display:inline-flex}.script-card:hover .script-card__duration{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.script-card__duration i{opacity:.6;font-size:10px}@media (width<=640px){.workspace{padding:var(--space-6) var(--space-4)}.workspace__logo{height:36px}.workspace__search-row{flex-direction:column;align-items:stretch}.workspace__sort{align-self:flex-start}.workspace__grid{grid-template-columns:1fr}}.tag-input{margin-bottom:var(--space-4);position:relative}.tag-input__row{align-items:flex-start;gap:var(--space-3);display:flex}.tag-input__label{font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0;padding-top:5px;font-size:10px}.tag-input__chips{align-items:center;gap:var(--space-1);cursor:text;flex-wrap:wrap;flex:1;min-width:0;display:flex}.tag-input__field{min-width:80px;max-width:200px;font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:2px 4px}.tag-input__field::placeholder{color:var(--md-sys-color-outline)}.tag-input__dropdown{top:calc(100% + var(--space-1));z-index:50;background:var(--md-sys-color-surface-container-high);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--md-sys-elevation-2);padding:var(--space-1) 0;position:absolute;left:0;overflow:hidden}.tag-input__option{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface);transition:background var(--transition-fast);display:flex}.tag-input__option:hover{background:#ffffff0f}.tag-input__option--new{color:var(--md-sys-color-primary);font-style:italic}.tag-input__option--new i{opacity:.7;font-size:10px}.tag-input__empty{padding:var(--space-2) var(--space-4);font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);font-style:italic;display:block}.present-dropdown{display:inline-flex;position:relative}.present-dropdown__toggle{align-items:center;gap:var(--space-2);display:inline-flex}.present-dropdown__chevron{vertical-align:middle;font-size:2em;line-height:1;position:relative;top:-.1em}.present-dropdown__menu{top:calc(100% + var(--space-1));background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--md-sys-elevation-2);z-index:100;position:absolute;right:0;overflow:hidden}.present-dropdown__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);text-align:left;transition:background var(--transition-fast);display:flex}.present-dropdown__item:hover{background:var(--color-on-surface-tint)}.present-dropdown__item-icon{text-align:center;width:1.2em;color:var(--md-sys-color-on-surface-variant);font-size:1em}.editor__rehearsals{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.editor__rehearsals-title{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;align-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;margin:0;font-weight:600;list-style:none;display:flex}.editor__rehearsals-title::-webkit-details-marker{display:none}.editor__rehearsals-title:before{content:"›";color:var(--color-text-secondary);font-size:1rem;transition:transform .15s;display:inline-block}.editor__rehearsals[open] .editor__rehearsals-title:before{transform:rotate(90deg)}.editor__rehearsals-body{margin-top:var(--space-3)}.rehearsal-history__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.rehearsal-history__table th{text-align:left;padding:var(--space-1) var(--space-2);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);font-weight:500}.rehearsal-history__table td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.rehearsal-history__table tr:last-child td{border-bottom:none}.editor__format-bar{gap:var(--space-1);padding:var(--space-2) 0 var(--space-1);display:flex}.editor__format-btn{border-radius:var(--radius-sm);border:1px solid var(--md-sys-color-outline-variant);width:32px;height:32px;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.editor__format-btn:hover{background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline)}.editor__delete-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--md-sys-color-outline);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.editor__delete-btn:hover{color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.editor-page{background:var(--md-sys-color-surface);flex-direction:column;min-height:100vh;display:flex}.editor-page>.editor{margin:var(--space-10) auto;height:calc(100vh - 56px - var(--space-10) * 2);flex:1}.editor{background:var(--md-sys-color-surface-container-low);border-radius:var(--radius-lg);width:100%;max-width:960px;padding:var(--space-8) var(--space-10);box-shadow:var(--md-sys-elevation-1);flex-direction:column;display:flex}.editor__loading,.editor__error{text-align:center;padding:var(--space-16);color:var(--md-sys-color-on-surface-variant)}.editor__error{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.editor__toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-2);background:0 0;border:none;border-radius:0;flex-wrap:wrap;padding:0;display:flex}.editor__toolbar-left{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.editor__toolbar-right{gap:var(--space-2);padding-top:var(--space-2);flex-shrink:0;align-items:center;display:flex}.editor__title-input{font-size:var(--md-sys-typescale-headline-medium);min-width:0;transition:color var(--transition-fast);color:var(--md-sys-color-on-surface);border-bottom:none;flex:1;padding:0;font-weight:400;line-height:1.2}.editor__title-input::placeholder{color:var(--md-sys-color-outline)}.editor__title-input:focus{border-bottom-color:#0000}.editor__save-status{font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);white-space:nowrap;height:1.2em}.editor__back-btn{align-items:center;gap:var(--space-2);font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-outline);margin-bottom:var(--space-4);padding:var(--space-1) 0;transition:color var(--transition-fast);letter-spacing:.01em;display:inline-flex}.editor__back-btn:hover{color:var(--md-sys-color-primary)}.editor__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--md-sys-typescale-label-small);background:0 0;border:none;border-radius:0;padding:0;display:flex}.editor__meta-item{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.editor__meta-label{color:var(--md-sys-color-outline);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.editor__meta-value{color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;font-weight:600}.editor__meta-sep{background:var(--md-sys-color-outline-variant);border-radius:50%;width:3px;height:3px}.editor__meta-note{color:var(--md-sys-color-outline);margin-left:auto;font-size:10px}.editor__content{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) 0;font-family:var(--font-sans);resize:none;color:var(--md-sys-color-on-surface);letter-spacing:.005em;background:0 0;border:none;border-top:1px solid #ffffff0a;border-radius:0;flex:1;font-size:1.0625rem;line-height:1.85}.editor__content:focus{border-color:#ffffff0a;outline:none}.editor__content::placeholder{color:var(--md-sys-color-outline);line-height:1.85}.presenter-overlay{z-index:1000;background-color:var(--md-sys-color-surface);cursor:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.presenter-overlay.cursor-visible{cursor:default}.scroll-script{scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset:0;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.scroll-script::-webkit-scrollbar{display:none}.scroll-script__spacer{height:50vh}.scroll-chunk{width:100%;max-width:var(--presenter-max-width);padding:var(--space-10) var(--space-8);text-align:center;font-family:var(--presenter-font-family,var(--font-sans));font-size:var(--presenter-font-size);line-height:var(--presenter-line-height);color:var(--md-sys-color-on-surface);margin:0 auto;transition:opacity .5s,transform .5s}.scroll-chunk p{margin:0}.presenter-content{padding:var(--space-8);max-width:var(--presenter-max-width);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.chunk-stack{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.chunk-stack--out-next,.chunk-stack--out-prev{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chunk-zone{text-align:center;width:100%;font-family:var(--presenter-font-family,var(--font-sans));line-height:var(--presenter-line-height);justify-content:center;align-items:center;display:flex}.chunk-zone--previous{max-height:28%;font-size:calc(var(--presenter-font-size) * .78);color:var(--md-sys-color-on-surface);padding-bottom:var(--space-8);flex:none;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#00000040 40%,#000000a6 100%);mask-image:linear-gradient(#0000 0%,#00000040 40%,#000000a6 100%)}.chunk-zone--current{opacity:1;font-size:var(--presenter-font-size);color:var(--md-sys-color-on-surface);letter-spacing:-.01em;padding:var(--space-4) 0;flex:0 auto;font-weight:400}.chunk-zone--next{max-height:28%;font-size:calc(var(--presenter-font-size) * .72);color:var(--md-sys-color-on-surface);padding-top:var(--space-8);flex:none;overflow:hidden;-webkit-mask-image:linear-gradient(#0009 0%,#0003 60%,#0000 100%);mask-image:linear-gradient(#0009 0%,#0003 60%,#0000 100%)}.chunk-stack--fading-out{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:.6s ease-out forwards chunkFadeOut;display:flex;position:absolute;inset:0}.chunk-stack--fading-in{animation:.6s ease-in forwards chunkFadeIn}@keyframes chunkFadeOut{0%{opacity:1}to{opacity:0}}@keyframes chunkFadeIn{0%{opacity:0}to{opacity:1}}.presenter-progress{background:var(--md-sys-color-surface-container-highest);height:3px;position:absolute;bottom:0;left:0;right:0}.presenter-progress__fill{background:linear-gradient(to right, var(--brand-violet), var(--brand-blue));opacity:.85;height:100%;transition:width var(--transition-normal)}.presenter-controls{bottom:var(--space-8);align-items:center;gap:var(--space-2);background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-3);opacity:0;border-radius:100px;padding:6px 10px;transition:opacity .22s cubic-bezier(.2,0,0,1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.presenter-overlay:hover .presenter-controls,.presenter-overlay.cursor-visible .presenter-controls{opacity:1}.presenter-controls__btn{width:44px;height:44px;color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);font-size:var(--text-lg);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.presenter-controls__btn:hover:not(:disabled){background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface)}.presenter-controls__btn:disabled{opacity:.25;cursor:default}.presenter-controls__divider{background:var(--md-sys-color-outline-variant);width:1px;height:24px;margin:0 var(--space-1);flex-shrink:0}.presenter-controls__btn--hidden{pointer-events:none;opacity:0!important}.presenter-controls__btn--paused{color:var(--md-sys-color-primary)}.presenter-controls__btn--paused:hover:not(:disabled){background:var(--color-btn-tint);color:var(--color-accent-hover)}.presenter-controls__btn--mic{position:relative}.presenter-controls__btn--mic-active{color:var(--md-sys-color-primary)}.presenter-controls__btn--mic-active:hover:not(:disabled){background:var(--color-accent-muted);color:var(--color-accent-hover)}.presenter-controls__stat{font-size:var(--md-sys-typescale-label-large);font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;padding:0 var(--space-1);transition:color .5s}.presenter-controls__stat-label{color:var(--md-sys-color-outline);font-size:var(--md-sys-typescale-label-small)}.presenter-controls__stat--good{color:#22a03ce6}[data-theme=dark] .presenter-controls__stat--good{color:#69db7ce6}.presenter-controls__stat--slow{color:#b47800e6}[data-theme=dark] .presenter-controls__stat--slow{color:#f0b429e6}.presenter-controls__stat--fast{color:#c82828e6}[data-theme=dark] .presenter-controls__stat--fast{color:#ff6b6be6}.presenter-controls__stat--placeholder{color:var(--md-sys-color-outline-variant)}.presenter-settings{top:var(--space-4);right:var(--space-4);opacity:0;transition:opacity var(--transition-fast);position:absolute}.presenter-overlay:hover .presenter-settings,.presenter-overlay.cursor-visible .presenter-settings{opacity:1}.presenter-settings__toggle{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);font-size:var(--text-base);box-shadow:var(--md-sys-elevation-1);transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.presenter-settings__toggle:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.presenter-settings__panel{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);width:260px;box-shadow:var(--md-sys-elevation-3);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;position:absolute;top:44px;right:0}.presenter-settings__row{gap:var(--space-1);flex-direction:column;display:flex}.presenter-settings__row label{font-size:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.presenter-settings__row input[type=range]{width:100%;accent-color:var(--md-sys-color-primary)}.presenter-settings__row .value-display{font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);text-align:right;font-variant-numeric:tabular-nums}.presenter-speech{top:var(--space-4);left:var(--space-4);opacity:0;transition:opacity var(--transition-fast);position:absolute}.presenter-overlay:hover .presenter-speech,.presenter-overlay.cursor-visible .presenter-speech{opacity:1}.presenter-speech:has(.speech-indicator--active){opacity:1}.session-summary-backdrop{background:var(--md-sys-color-scrim);z-index:50;justify-content:center;align-items:center;animation:.4s forwards fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-summary{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--md-sys-elevation-5);padding:var(--space-10) var(--space-10);gap:var(--space-6);flex-direction:column;width:90%;min-width:340px;max-width:480px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-summary__title{font-size:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface);text-align:center;font-weight:500}.session-summary__stats{justify-content:space-around;gap:var(--space-4);display:flex}.session-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.session-stat__value{font-size:var(--text-3xl);font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);letter-spacing:-.03em;font-weight:600;line-height:1}.session-stat__sub{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-outline);margin-top:-2px}.session-stat__label{font-size:var(--md-sys-typescale-label-small);color:var(--md-sys-color-outline);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.session-accuracy-bar{background:var(--md-sys-color-surface-container-highest);border-radius:2px;height:4px;overflow:hidden}.session-accuracy-bar__fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.session-summary__hint{font-size:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant);text-align:center;line-height:1.5}.session-summary__actions{gap:var(--space-3);justify-content:center;display:flex}.speech-controls{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.speech-pause-btn{width:30px;height:30px;color:var(--md-sys-color-on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);cursor:pointer;background:#e4e1e60f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.speech-pause-btn:hover{color:var(--md-sys-color-on-surface);background:#e4e1e61f}.speech-indicator{width:36px;height:36px;color:var(--md-sys-color-outline);transition:background var(--transition-fast), color var(--transition-fast);background:#e4e1e60f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.speech-indicator--paused{color:#f0b429;background:#f0b4291f}.speech-indicator:hover{color:var(--md-sys-color-on-surface-variant);background:#e4e1e61f}.speech-indicator--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.speech-indicator--active:hover{background:var(--md-sys-color-primary-container);filter:brightness(1.1)}.speech-indicator--unsupported{opacity:.25;cursor:not-allowed}.speech-indicator__pulse{border:1.5px solid var(--md-sys-color-primary);pointer-events:none;border-radius:50%;animation:2s ease-out infinite speechPulse;position:absolute;inset:0}.speech-indicator__pulse:nth-child(2){animation-delay:.8s}@keyframes speechPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.landing{background:var(--md-sys-color-surface);justify-content:center;align-items:center;min-height:100dvh;display:flex}.landing__card{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);text-align:center;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:460px;padding:3rem 4rem;display:flex}.landing__logo{width:auto;height:48px}.landing__tagline{color:var(--md-sys-color-on-surface);margin:0;font-size:1.1rem;font-weight:500}.landing__features{text-align:left;width:100%;color:var(--md-sys-color-on-surface-variant);flex-direction:column;gap:.6rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.landing__features li{align-items:center;gap:.625rem;display:flex}.landing__features i{width:16px;color:var(--md-sys-color-primary);flex-shrink:0}.landing__signin{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}:root{--md-sys-color-surface:#121215;--md-sys-color-surface-dim:#121215;--md-sys-color-surface-container-lowest:#0d0d10;--md-sys-color-surface-container-low:#1a1a1e;--md-sys-color-surface-container:#1e1e22;--md-sys-color-surface-container-high:#282830;--md-sys-color-surface-container-highest:#333338;--md-sys-color-on-surface:#e4e1e6;--md-sys-color-on-surface-variant:#c4c5ce;--md-sys-color-primary:#a5b4fc;--md-sys-color-on-primary:#1e1b7e;--md-sys-color-primary-container:#312e81;--md-sys-color-on-primary-container:#e0e7ff;--md-sys-color-secondary:#bec6dc;--md-sys-color-on-secondary:#283141;--md-sys-color-secondary-container:#3e4759;--md-sys-color-on-secondary-container:#dae2f9;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#561e14;--md-sys-color-error-container:#73342a;--md-sys-color-on-error-container:#ffdad5;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#44464e;--md-sys-color-scrim:#00000052;--md-sys-color-inverse-surface:#e4e1e6;--md-sys-color-inverse-on-surface:#313033;--color-bg:var(--md-sys-color-surface);--color-bg-elevated:var(--md-sys-color-surface-container);--color-bg-hover:var(--md-sys-color-surface-container-high);--color-bg-active:var(--md-sys-color-surface-container-highest);--color-surface:var(--md-sys-color-surface-container-low);--color-border:var(--md-sys-color-outline-variant);--color-border-subtle:#ffffff0f;--color-text-primary:var(--md-sys-color-on-surface);--color-text-secondary:var(--md-sys-color-on-surface-variant);--color-text-tertiary:var(--md-sys-color-outline);--color-text-muted:#5a5a64;--color-accent:var(--md-sys-color-primary);--color-accent-hover:#c7d2fe;--color-accent-muted:#a5b4fc1f;--color-accent-soft:#a5b4fc0f;--color-accent-ring:#a5b4fc;--color-danger:var(--md-sys-color-error);--color-danger-hover:#ffc9c2;--color-danger-muted:#ffb4ab1f;--color-success:#7dd594;--color-surface-tint:#ffffff0d;--color-surface-tint-hover:#a5b4fc2e;--color-btn-tint:#a5b4fc14;--color-on-surface-tint:#e4e1e614;--brand-violet:#8b5cf6;--brand-purple:#a855f7;--brand-blue:#3b82f6;--brand-cyan:#22d3ee;--brand-gradient:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--md-sys-elevation-0:none;--md-sys-elevation-1:0 1px 3px 1px #00000026, 0 1px 2px #0000004d;--md-sys-elevation-2:0 2px 6px 2px #00000026, 0 1px 2px #0000004d;--md-sys-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--md-sys-elevation-4:0 6px 10px 4px #00000026, 0 2px 3px #0000004d;--md-sys-elevation-5:0 8px 12px 6px #00000026, 0 4px 4px #0000004d;--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--md-sys-typescale-display-large:3.5625rem;--md-sys-typescale-headline-large:2rem;--md-sys-typescale-headline-medium:1.75rem;--md-sys-typescale-headline-small:1.5rem;--md-sys-typescale-title-large:1.375rem;--md-sys-typescale-title-medium:1rem;--md-sys-typescale-body-large:1rem;--md-sys-typescale-body-medium:.875rem;--md-sys-typescale-body-small:.75rem;--md-sys-typescale-label-large:.875rem;--md-sys-typescale-label-medium:.75rem;--md-sys-typescale-label-small:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--sidebar-width:232px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.25s cubic-bezier(.2, 0, 0, 1);--transition-slow:.4s cubic-bezier(.2, 0, 0, 1);--presenter-font-size:2.4rem;--presenter-line-height:1.7;--presenter-max-width:60ch;--presenter-font-family:"Open Sans", sans-serif}[data-theme=light]{--md-sys-color-surface:#f6f6fa;--md-sys-color-surface-dim:#e8e8ee;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f2f2f7;--md-sys-color-surface-container:#ebebf0;--md-sys-color-surface-container-high:#e2e2e8;--md-sys-color-surface-container-highest:#d8d8de;--md-sys-color-on-surface:#1a1a1e;--md-sys-color-on-surface-variant:#44464f;--md-sys-color-primary:#4f46e5;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#e0e7ff;--md-sys-color-on-primary-container:#1e1b7e;--md-sys-color-secondary:#565d6e;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#dae2f9;--md-sys-color-on-secondary-container:#131c2c;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad5;--md-sys-color-on-error-container:#410002;--md-sys-color-outline:#73747d;--md-sys-color-outline-variant:#c4c5d0;--md-sys-color-inverse-surface:#313033;--md-sys-color-inverse-on-surface:#f3eff4;--color-border-subtle:#0000000f;--color-text-muted:#8e8f9a;--color-accent-hover:#4338ca;--color-accent-muted:#4f46e51a;--color-accent-soft:#4f46e50d;--color-accent-ring:#4f46e5;--color-danger-hover:#9e1212;--color-danger-muted:#ba1a1a1a;--color-success:#1a6b30;--color-surface-tint:#0000000d;--color-surface-tint-hover:#4f46e51f;--color-btn-tint:#4f46e512;--color-on-surface-tint:#1a1a1e0f;--md-sys-elevation-1:0 1px 3px 1px #00000014, 0 1px 2px #0000001a;--md-sys-elevation-2:0 2px 6px 2px #00000014, 0 1px 2px #0000001a;--md-sys-elevation-3:0 4px 8px 3px #00000014, 0 1px 3px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-large);letter-spacing:0;min-height:100vh;line-height:1.5}#root{min-height:100vh}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--md-sys-color-primary);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}textarea{resize:vertical}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-6);font-size:var(--md-sys-typescale-label-large);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:100px;font-weight:600;display:inline-flex}.btn--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-0)}.btn--filled:hover{box-shadow:var(--md-sys-elevation-1);background:var(--color-accent-hover);color:var(--md-sys-color-on-primary)}.btn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:var(--md-sys-elevation-0)}.btn--tonal:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.btn--outlined{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);background:0 0}.btn--outlined:hover{background:var(--color-btn-tint)}.btn--text{color:var(--md-sys-color-primary);padding:0 var(--space-3);background:0 0}.btn--text:hover{background:var(--color-btn-tint)}.btn--danger{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.btn--danger:hover{filter:brightness(1.08);box-shadow:var(--md-sys-elevation-1)}.btn--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);isolation:isolate;position:relative;overflow:hidden}.btn--primary:after{content:"";background:linear-gradient(135deg, var(--md-sys-color-primary) 0%, var(--brand-violet) 100%);opacity:0;border-radius:inherit;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.btn--primary:hover:after{opacity:1}.btn--primary:hover{box-shadow:var(--md-sys-elevation-2);color:var(--md-sys-color-on-primary)}.btn--secondary{color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);background:0 0}.btn--secondary:hover{background:var(--color-on-surface-tint);color:var(--md-sys-color-on-surface)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}