@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";.app-shell{container-type:inline-size;min-height:var(--app-shell-min-height, 100vh);display:flex;background:var(--color-bg)}.app-shell__frame{flex:1;display:flex;flex-direction:column;min-width:0}.app-shell__main{flex:1;min-width:0}.app-shell__content{max-width:960px;width:100%;margin:0 auto;padding:var(--space-4)}.app-shell__nav{order:2;position:sticky;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border)}.app-shell__logo{display:none}.app-shell__items{list-style:none;display:flex}.app-shell__items>li{flex:1}.app-shell__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:56px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease,background .15s ease}.app-shell__link:hover{color:var(--color-text)}.app-shell__link--active{color:var(--color-accent)}.app-shell__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.app-shell__icon{display:flex}.app-shell__icon svg{width:22px;height:22px}@container (min-width: 640px){.app-shell__frame{flex-direction:row}.app-shell__nav{order:0;position:sticky;top:0;bottom:auto;align-self:flex-start;flex:0 0 220px;height:var(--app-shell-min-height, 100vh);padding:var(--space-6) var(--space-3);border-top:none;border-right:1px solid var(--color-border)}.app-shell__logo{display:block;padding:0 var(--space-3) var(--space-6);font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.app-shell__items{flex-direction:column;gap:var(--space-1)}.app-shell__link{flex-direction:row;justify-content:flex-start;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);font-size:var(--font-size-body-lg);border-radius:var(--radius-sm)}.app-shell__link:hover{background:var(--color-surface-hover)}.app-shell__link--active{background:var(--color-accent-bg)}.app-shell__link:focus-visible{outline-offset:2px}.app-shell__icon svg{width:20px;height:20px}.app-shell__content{padding:var(--space-8)}}.file-uploader{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-surface)}.file-uploader:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.file-uploader--dragging{border-color:var(--color-accent);background:var(--color-accent-bg)}.file-uploader--uploading{pointer-events:none;opacity:.7}.file-uploader__input{display:none}.file-uploader__icon{color:var(--color-text-muted);margin-bottom:var(--space-4)}.file-uploader__text{font-size:1rem;font-weight:500;color:var(--color-text);margin:0 0 var(--space-2)}.file-uploader__hint{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0}.file-uploader__status{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.file-uploader__spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;flex-shrink:0;border-style:solid;border-radius:50%;animation:spinner-rotate .8s linear infinite}.spinner--md{width:32px;height:32px;border-width:3px}.spinner--sm{width:18px;height:18px;border-width:2px}.spinner--default{border-color:var(--color-border);border-top-color:var(--color-accent)}.spinner--on-accent{border-color:#0003;border-top-color:var(--color-bg)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;line-height:1.2;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:filter .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button--loading:disabled{opacity:1;cursor:progress}.button--md{min-height:44px;padding:0 var(--space-4);font-size:var(--font-size-body-lg)}.button--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-body);font-weight:500}.button--sm:after{content:"";position:absolute;inset:-6px 0}.button--icon-only.button--sm:after{inset:-6px}.button--icon-only{padding:0}.button--icon-only.button--md{width:44px}.button--icon-only.button--sm{width:32px}.button__icon{display:flex}.button__icon svg{width:18px;height:18px}.button--sm .button__icon svg{width:16px;height:16px}.button--primary{background:var(--color-accent);color:var(--color-bg)}.button--danger{background:var(--color-error);color:var(--color-bg)}.button--primary:hover:not(:disabled),.button--danger:hover:not(:disabled){filter:brightness(1.15)}.button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.button--ghost{background:transparent;color:var(--color-text)}.button--ghost:hover:not(:disabled){background:var(--color-surface-hover)}.text-input{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.text-input__label{font-size:var(--font-size-body);font-weight:500;color:var(--color-text)}.text-input__label--hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.text-input__field{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .2s ease}.text-input__field:focus-within{border-color:var(--color-accent)}.text-input--error .text-input__field{border-color:var(--color-error)}.text-input__icon{display:flex;flex-shrink:0;color:var(--color-text-muted)}.text-input__icon svg{width:18px;height:18px}.text-input__input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--color-text);font-family:inherit;font-size:var(--font-size-body-lg)}.text-input__input::placeholder{color:var(--color-text-muted)}.text-input__input::-webkit-search-cancel-button{-webkit-appearance:none}.text-input--disabled{opacity:.5}.text-input--disabled .text-input__input{cursor:not-allowed}.text-input__description{font-size:var(--font-size-caption);color:var(--color-text-muted)}.text-input__error{font-size:var(--font-size-caption);color:var(--color-error)}.url-uploader{display:flex;align-items:flex-start;gap:var(--space-3)}.url-uploader__field{flex:1;min-width:0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;cursor:pointer}.toggle__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.toggle__label{font-size:var(--font-size-body);color:var(--color-text)}.toggle__description{font-size:var(--font-size-caption);color:var(--color-text-muted)}.toggle__switch{position:relative;flex-shrink:0;width:36px;height:20px}.toggle__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.toggle__track{position:absolute;inset:0;background:var(--color-border);border-radius:10px;pointer-events:none;transition:background .2s ease}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-text);border-radius:50%;transition:transform .2s ease}.toggle__input:checked+.toggle__track{background:var(--color-accent)}.toggle__input:checked+.toggle__track:after{transform:translate(16px)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.toggle--disabled{opacity:.5;cursor:not-allowed}.toggle--disabled .toggle__input{cursor:not-allowed}.upload-options{margin-top:var(--space-6)}.upload-options__toggle-btn{width:100%}.upload-options__toggle-btn .button__icon{transition:transform .2s ease}.upload-options__toggle-btn--open .button__icon{transform:rotate(180deg)}.upload-options__panel{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.upload-options__section{padding:var(--space-4) 1.25rem;border-bottom:1px solid var(--color-border)}.upload-options__section:last-child{border-bottom:none}.upload-options__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-options__section-header:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.upload-options__section-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.upload-options__section-chevron{display:flex;color:var(--color-text-muted);transition:transform .2s ease}.upload-options__section-chevron svg{width:14px;height:14px}.upload-options__section-chevron--open{transform:rotate(180deg)}.upload-options__section-body{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.upload-options__label{font-size:var(--font-size-body);color:var(--color-text)}.upload-options__checkbox-group{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-1)}.upload-options__chip{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;background:none;font-family:var(--font-body)}.upload-options__chip:hover{border-color:var(--color-text-muted)}.upload-options__chip--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-bg)}.record-button{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body);font-size:var(--font-size-body-lg);font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;transition:all .2s ease}.record-button:hover{border-color:var(--color-error)}.record-button:disabled{opacity:.6;cursor:not-allowed}.record-button__indicator{width:12px;height:12px;border-radius:50%;background:var(--color-text-muted);transition:all .2s ease}.record-button--recording .record-button__indicator{background:var(--color-error);animation:pulse 1.2s ease-in-out infinite}.record-button--recording{border-color:var(--color-error)}.record-button--connecting .record-button__indicator{background:var(--color-warning);animation:pulse .8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.live-transcript{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);min-height:120px;font-size:var(--font-size-body-lg);line-height:1.7;color:var(--color-text)}.live-transcript--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.live-transcript__chunk--final{color:var(--color-text)}.live-transcript__chunk--partial{color:var(--color-text-muted);font-style:italic}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);color:var(--color-text)}.alert--error{--alert-tone: var(--color-error)}.alert--warning{--alert-tone: var(--color-warning)}.alert--success{--alert-tone: var(--color-success)}.alert--info{--alert-tone: var(--color-accent)}.alert--banner{background:color-mix(in srgb,var(--alert-tone) 10%,transparent);border:1px solid color-mix(in srgb,var(--alert-tone) 30%,transparent);border-radius:8px}.alert--toast{max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.alert__icon{display:flex;flex-shrink:0;margin-top:1px;color:var(--alert-tone)}.alert__icon svg{width:20px;height:20px}.alert__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem;padding-top:1px}.alert__title{font-weight:600;color:var(--alert-tone)}.alert__message{line-height:1.5}.alert__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin:-.15rem calc(-1 * var(--space-2)) -.15rem 0}.home-page{display:flex;flex-direction:column;gap:var(--space-8)}.home-page__hero{text-align:center;padding:var(--space-4) 0}.home-page__title{font-family:var(--font-display);font-size:var(--font-size-display);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:-.03em}.home-page__subtitle{font-size:1rem;color:var(--color-text-muted);margin:0;max-width:480px;margin-inline:auto;line-height:1.5}.home-page__divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-body)}.home-page__divider:before,.home-page__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.home-page__record-section{display:flex;justify-content:center}.speaker-label{display:inline-block;font-size:var(--font-size-caption);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--speaker-color, var(--color-accent));background:color-mix(in srgb,var(--speaker-color, var(--color-accent)) 12%,transparent);padding:.15rem var(--space-2);border-radius:4px;border:1px solid color-mix(in srgb,var(--speaker-color, var(--color-accent)) 25%,transparent)}.timestamp-badge{font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-family:var(--font-mono)}.transcript-viewer{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.transcript-viewer--empty{padding:var(--space-12);text-align:center;color:var(--color-text-muted)}.transcript-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.transcript-viewer__title{font-size:var(--font-size-h3);font-weight:600;margin:0;color:var(--color-text)}.transcript-viewer__content{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:1.25rem}.transcript-viewer__utterance{display:flex;flex-direction:column;gap:.35rem}.transcript-viewer__meta{display:flex;align-items:center;gap:var(--space-3)}.transcript-viewer__text{margin:0;font-size:var(--font-size-body-lg);line-height:1.6;color:var(--color-text);padding-left:var(--space-1)}.transcript-viewer__word{transition:background-color .1s ease;border-radius:2px;padding:1px 2px}.transcript-viewer__word--clickable{cursor:pointer}.transcript-viewer__word--clickable:hover{background:#ffffff14}.transcript-viewer__word--active{background:var(--color-accent);color:var(--color-bg);border-radius:3px}.transcript-editor{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-accent);overflow:hidden}.transcript-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.transcript-editor__title{font-size:var(--font-size-h3);font-weight:600;margin:0;color:var(--color-accent)}.transcript-editor__actions{display:flex;gap:var(--space-2)}.transcript-editor__content{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:1.25rem}.transcript-editor__utterance{display:flex;flex-direction:column;gap:.35rem}.transcript-editor__meta{display:flex;align-items:center;gap:var(--space-3)}.transcript-editor__textarea{font-family:var(--font-body);font-size:var(--font-size-body-lg);line-height:1.6;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);resize:vertical;width:100%}.transcript-editor__textarea:focus{outline:none;border-color:var(--color-accent)}.dropdown-menu{position:relative;display:inline-flex}.dropdown-menu__menu{position:fixed;inset:auto;margin:0;min-width:180px;max-width:min(320px,calc(100vw - 16px));padding:var(--space-1);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.dropdown-menu__menu:not(:popover-open){display:none}.dropdown-menu__menu:popover-open{display:flex;flex-direction:column}.dropdown-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:0 var(--space-3);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:500;text-align:left;color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.dropdown-menu__item:hover:not(:disabled),.dropdown-menu__item:focus-visible{background:var(--color-surface-hover)}.dropdown-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.dropdown-menu__item--danger{color:var(--color-error)}.dropdown-menu__item:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu__icon{display:flex}.dropdown-menu__icon svg{width:16px;height:16px}.audio-player{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.audio-player__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.audio-player__btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text);border-radius:50%;transition:all .15s ease}.audio-player__btn:hover{background:var(--color-surface-hover)}.audio-player__btn--play{width:48px;height:48px;background:var(--color-accent);color:var(--color-bg)}.audio-player__btn--play:hover{background:var(--color-accent);filter:brightness(1.15)}.audio-player__btn--play svg{width:24px;height:24px}.audio-player__btn--skip{width:40px;height:40px;color:var(--color-text-muted)}.audio-player__btn--skip:hover{color:var(--color-text)}.audio-player__btn--skip svg{width:22px;height:22px}.audio-player__progress-section{display:flex;align-items:center;gap:var(--space-3)}.audio-player__time{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:3rem;text-align:center;-webkit-user-select:none;user-select:none}.audio-player__progress-bar{flex:1;padding:var(--space-2) 0;cursor:pointer}.audio-player__progress-track{position:relative;height:4px;background:var(--color-border);border-radius:2px}.audio-player__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--color-accent);border-radius:2px;transition:width .1s linear}.audio-player__progress-thumb{position:absolute;top:50%;width:14px;height:14px;background:var(--color-accent);border:2px solid var(--color-surface);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.audio-player__progress-bar:hover .audio-player__progress-thumb{opacity:1}.audio-player__progress-bar:hover .audio-player__progress-track{height:6px}.analysis-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);padding-bottom:0;overflow-x:auto;scrollbar-width:none}.analysis-tabs::-webkit-scrollbar{display:none}.analysis-tabs__tab{padding:.6rem var(--space-4);font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease}.analysis-tabs__tab:hover{color:var(--color-text)}.analysis-tabs__tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.analysis-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.analysis-panel__title{font-size:var(--font-size-h3);font-weight:600;margin:0 0 var(--space-4);color:var(--color-text)}.analysis-panel__empty{color:var(--color-text-muted);font-size:var(--font-size-body);text-align:center;padding:var(--space-8)}.summary-panel__text{font-size:.9rem;line-height:1.7;color:var(--color-text);white-space:pre-wrap}.chapters-panel__list{display:flex;flex-direction:column;gap:var(--space-4)}.chapters-panel__item{padding:var(--space-4);background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border)}.chapters-panel__headline{font-size:var(--font-size-body-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-1)}.chapters-panel__time{font-size:var(--font-size-caption);color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:var(--space-2)}.chapters-panel__summary{font-size:var(--font-size-body);color:var(--color-text);line-height:1.6;margin:0}.chapters-panel__gist{font-size:.8rem;color:var(--color-text-muted);font-style:italic;margin:.35rem 0 0}.sentiment-panel__bars{display:flex;gap:var(--space-4);margin-bottom:1.25rem}.sentiment-panel__bar{flex:1;text-align:center}.sentiment-panel__bar-label{font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.sentiment-panel__bar-label--positive{color:var(--color-success)}.sentiment-panel__bar-label--negative{color:var(--color-error)}.sentiment-panel__bar-label--neutral{color:var(--color-text-muted)}.sentiment-panel__bar-track{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.sentiment-panel__bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.sentiment-panel__bar-fill--positive{background:var(--color-success)}.sentiment-panel__bar-fill--negative{background:var(--color-error)}.sentiment-panel__bar-fill--neutral{background:var(--color-text-muted)}.sentiment-panel__bar-count{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-1);font-variant-numeric:tabular-nums}.sentiment-panel__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.sentiment-panel__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:.6rem var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-body)}.sentiment-panel__badge{flex-shrink:0;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}.sentiment-panel__badge--POSITIVE{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.sentiment-panel__badge--NEGATIVE{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.sentiment-panel__badge--NEUTRAL{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-text-muted) 12%,transparent)}.highlights-panel__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.highlights-panel__item{display:flex;align-items:center;gap:.4rem;padding:.4rem var(--space-3);background:var(--color-accent-bg);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-body);color:var(--color-accent)}.highlights-panel__count{font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.entities-panel__group{margin-bottom:var(--space-4)}.entities-panel__group:last-child{margin-bottom:0}.entities-panel__group-title{font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.entities-panel__tags{display:flex;flex-wrap:wrap;gap:.35rem}.entities-panel__tag{padding:var(--space-1) .6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;font-size:.8rem;color:var(--color-text)}.safety-panel__summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:1.25rem}.safety-panel__summary-item{padding:.4rem var(--space-3);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.safety-panel__summary-item--low{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.safety-panel__summary-item--high{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent)}.safety-panel__list{display:flex;flex-direction:column;gap:var(--space-2)}.safety-panel__item{padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning)}.safety-panel__item--high{border-left-color:var(--color-error)}.safety-panel__item-labels{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.safety-panel__item-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-warning)}.safety-panel__item-label--high{color:var(--color-error)}.safety-panel__item-text{font-size:var(--font-size-body);color:var(--color-text);line-height:1.5;margin:0}.progress-steps{container-type:inline-size}.progress-steps__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.progress-steps__step{--step-tone: var(--color-text-muted);position:relative;display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.progress-steps__step--active{--step-tone: var(--color-warning)}.progress-steps__step--done{--step-tone: var(--color-success)}.progress-steps__step--failed{--step-tone: var(--color-error)}.progress-steps__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:2px solid var(--step-tone);border-radius:50%;color:var(--step-tone);font-size:var(--font-size-caption);font-weight:600;font-variant-numeric:tabular-nums;background:var(--color-bg)}.progress-steps__step--pending .progress-steps__indicator{border-color:var(--color-border)}.progress-steps__step--active .progress-steps__indicator{border-color:var(--color-border);border-top-color:var(--color-warning);animation:progress-steps-rotate .8s linear infinite}.progress-steps__indicator svg{width:16px;height:16px;stroke-width:2}.progress-steps__text{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1;padding-top:.2rem}.progress-steps__label{font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.progress-steps__step--pending .progress-steps__label{color:var(--color-text-muted)}.progress-steps__status{font-size:var(--font-size-caption);color:var(--step-tone)}.progress-steps__percent{font-variant-numeric:tabular-nums}.progress-steps__bar{height:4px;margin-top:var(--space-1);background:var(--color-border);border-radius:2px;overflow:hidden}.progress-steps__bar-fill{height:100%;background:var(--color-warning);border-radius:2px;transition:width .3s ease}@container (min-width: 640px){.progress-steps__list{flex-direction:row;gap:var(--space-4)}.progress-steps__step{flex:1}.progress-steps__step:not(:last-child):after{content:"";flex:0 0 var(--space-6);height:2px;margin-top:13px;background:var(--color-border);border-radius:1px}.progress-steps__step--done:not(:last-child):after{background:var(--color-success)}}@keyframes progress-steps-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.progress-steps__step--active .progress-steps__indicator{animation:none;border-color:var(--color-warning)}}.skeleton{display:block}.skeleton>[aria-hidden]{display:block}.skeleton__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skeleton__bone{display:block;height:.75rem;background:var(--color-border);border-radius:4px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton__lines{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.skeleton__row-main{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.skeleton__bone{animation:none}}.status-badge{display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge--md{font-size:var(--font-size-caption);padding:.15rem .5rem;border-radius:4px}.status-badge--sm{font-size:.7rem;padding:.1rem .4rem;border-radius:3px}.status-badge--completed{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.status-badge--processing{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent)}.status-badge--error{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 12%,transparent)}.status-badge--queued{color:var(--color-text-muted);outline:1px solid var(--color-border);outline-offset:-1px}.transcription-page{display:flex;flex-direction:column;gap:var(--space-6)}.transcription-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.transcription-page__title{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:700;color:var(--color-text);margin:0 0 .35rem;letter-spacing:-.02em}.transcription-page__meta{display:flex;align-items:center;gap:var(--space-3)}.transcription-page__duration{font-size:var(--font-size-body);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.transcription-page__processing{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.transcription-page__processing-note{margin:0;color:var(--color-text-muted)}.transcript-list-item{container-type:inline-size}.transcript-list-item__row{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:background .15s ease,border-color .15s ease}.transcript-list-item__row:hover{background:var(--color-surface-hover);border-color:var(--color-accent)}.transcript-list-item__row:has(.transcript-list-item__link:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.transcript-list-item__main{display:flex;flex-direction:column;gap:.2rem;min-width:0;max-width:100%}.transcript-list-item__link{font-size:var(--font-size-body-lg);font-weight:500;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-list-item__link:focus-visible{outline:none}.transcript-list-item__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.transcript-list-item__date,.transcript-list-item__source,.transcript-list-item__duration,.transcript-list-item__more-speakers{font-size:.8rem;color:var(--color-text-muted)}.transcript-list-item__row:hover .transcript-list-item__date,.transcript-list-item__row:hover .transcript-list-item__source,.transcript-list-item__row:hover .transcript-list-item__duration,.transcript-list-item__row:hover .transcript-list-item__more-speakers{color:var(--color-text)}.transcript-list-item__duration{font-variant-numeric:tabular-nums}.transcript-list-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.transcript-list-item__status{display:inline-flex;background:var(--color-surface);border-radius:3px}.transcript-list-item__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.transcript-list-item__speakers{display:flex;align-items:center;gap:var(--space-1)}.transcript-list-item__actions{position:relative;z-index:1;display:flex;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2)) calc(-1 * var(--space-1)) 0}@container (min-width: 640px){.transcript-list-item__row{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}.transcript-list-item__meta{flex-wrap:nowrap;flex-shrink:0}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{display:flex;margin-bottom:var(--space-2);color:var(--color-text-muted)}.empty-state__icon svg{width:40px;height:40px}.empty-state__title{font-size:var(--font-size-h3);font-weight:600;color:var(--color-text)}.empty-state__description{max-width:360px;font-size:var(--font-size-body);line-height:1.5;color:var(--color-text-muted)}.empty-state__action{margin-top:var(--space-3)}.history-page{display:flex;flex-direction:column;gap:var(--space-6)}.history-page__title{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.history-page__list{display:flex;flex-direction:column;gap:var(--space-2)}:root{--font-display: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-bg: #0e1117;--color-surface: #161b22;--color-surface-hover: #1c2129;--color-border: #2d333b;--color-text: #e6edf3;--color-text-muted: #7d8590;--color-accent: #58a6ff;--color-accent-bg: rgba(88, 166, 255, .06);--color-success: #3fb950;--color-warning: #d29922;--color-error: #f85149;--speaker-a: #58a6ff;--speaker-b: #bc8cff;--speaker-c: #3fb950;--speaker-d: #d29922;--speaker-e: #f778ba;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-full: 9999px;--font-size-caption: .75rem;--font-size-body: .85rem;--font-size-body-lg: .95rem;--font-size-h3: 1rem;--font-size-h2: 1.25rem;--font-size-h1: 1.5rem;--font-size-display: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5}