:root{color-scheme:light;--bg: #f8fbff;--surface: #ffffff;--surface-2: #eef3fb;--text: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--dark-bg: #0f172a;--white: #ffffff;--accent: #2563eb;--accent-soft: #dbeafe;--border: #dbe4f3;--danger: #b91c1c;--warning: #b45309;--warning-bg: #ffedd5;--warning-text: #9a3412;--warning-border: #fdba74;--warning-dark: #7c2d12;--light: #ffffff;--dark: #111111;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-60: 60px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--font-family: "Inter", "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-17: 17px;--font-size-20: 20px;--font-size-22: 22px;--font-size-28: 28px;--font-size-32: 32px;--font-size-34: 34px;--letter-spacing-tight-3: -.8px;--letter-spacing-tight-2: -.5px;--letter-spacing-tight-1: -.4px;--letter-spacing-tight: -.3px;--letter-spacing-tight-sm: -.2px;--letter-spacing-tight-xs: -.1px;--letter-spacing-wide: .5px;--transition: all .2s ease;--transition-duration: .2s;--focus-ring: 0 0 0 3px rgba(37, 99, 235, .25)}@media(prefers-reduced-motion:reduce){:root{--transition-duration: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-family);background:radial-gradient(900px 420px at 0% -10%,#dbeafe 0%,transparent 55%),radial-gradient(840px 400px at 100% -10%,#ccfbf1 0%,transparent 50%),linear-gradient(180deg,#f8fbff 0%,var(--bg) 100%)}button,input,select,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:0;left:0;background:var(--accent);color:var(--white);padding:var(--spacing-12) var(--spacing-16);text-decoration:none;border-radius:0 0 var(--radius-16) 0;font-weight:600;z-index:100;transform:translateY(-120%);transition:transform var(--transition-duration) ease}.skip-to-content:focus{transform:translateY(0);outline:2px solid var(--white);outline-offset:2px}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;padding-bottom:128px}.app--timer{padding-bottom:240px}.header{padding:var(--spacing-60) var(--spacing-24) var(--spacing-24);max-width:1100px;margin:0 auto}.header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-18)}.header__copy{flex:1;min-width:0}.header__meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-10)}.header__title{font-family:var(--font-family);font-size:var(--font-size-34);font-weight:700;letter-spacing:var(--letter-spacing-tight-3)}.header__subtitle{font-size:var(--font-size-16);color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-6)}.header__nav{margin-top:var(--spacing-14);display:flex;flex-wrap:wrap;gap:var(--spacing-10)}.header__nav-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-6) var(--spacing-14);border-radius:999px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;text-decoration:none;transition:var(--transition)}.header__nav-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.header__nav-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.header__nav-link.is-active{background:var(--accent);border-color:var(--accent);color:var(--white)}.header__time{margin-top:var(--spacing-14);font-size:var(--font-size-14);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.header__meta .header__time{margin-top:0}.page{padding:0 var(--spacing-24) var(--spacing-32);max-width:1100px;margin:0 auto}.section{display:flex;flex-direction:column;gap:var(--spacing-18)}.section__label{font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary);margin-top:var(--spacing-12)}.grid{display:grid;gap:var(--spacing-14)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{border:none;border-radius:var(--radius-20);background:var(--surface);padding:var(--spacing-18);text-align:left;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:var(--spacing-10);animation:floatIn .4s ease both}.card:hover{transform:translateY(-4px)}.card--add{align-items:center;justify-content:center;background:var(--surface-2);text-align:center;font-weight:600;gap:var(--spacing-8)}.card--transcription{border:1px solid var(--border);background:linear-gradient(145deg,#f7f2ee 0%,var(--surface-2) 100%)}.card--transcription .card__icon{width:var(--font-size-34);height:var(--font-size-34);border-radius:var(--radius-12);background:#0b6b6b1f;color:var(--accent);display:grid;place-items:center}.card--transcription .card__title{font-size:var(--font-size-13);font-weight:600}.card--transcription .card__meta{font-size:var(--font-size-11);color:var(--text-secondary)}.card--project .card__icon{width:var(--font-size-34);height:var(--font-size-34);border-radius:var(--radius-12);background:var(--surface-2);display:grid;place-items:center}.card--project .card__title{font-size:var(--font-size-13);font-weight:600}.card--project .card__meta{font-size:var(--font-size-11);color:var(--text-secondary)}.card--task{align-items:center;justify-content:center;text-align:center;padding:var(--spacing-24) var(--spacing-12);font-size:var(--font-size-12);font-weight:600;background:var(--surface-2)}.card--task span{max-width:120px}.card--skeleton{height:120px}.panel{padding:var(--spacing-18);border-radius:var(--radius-20);background:var(--surface);display:flex;flex-direction:column;gap:var(--spacing-14)}.panel__actions{display:flex;gap:var(--spacing-10);align-items:center}.input{width:100%;border:1px solid transparent;border-radius:var(--radius-16);padding:var(--spacing-12) var(--spacing-14);font-size:var(--font-size-15);background:var(--surface-2);color:var(--text);outline:none;transition:var(--transition)}select.input{cursor:pointer}.input--ghost{background:transparent;border:none;padding:0}.input:focus,.input:focus-visible{border-color:var(--accent)}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{border-color:var(--danger)}.input-label{display:block;font-size:var(--font-size-13);font-weight:600;margin-bottom:var(--spacing-6);color:var(--text)}.input-error{font-size:var(--font-size-12);color:var(--danger);margin-top:var(--spacing-4)}.btn{border:none;border-radius:var(--radius-16);padding:var(--spacing-10) var(--spacing-16);font-weight:600;font-size:var(--font-size-14);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-8);transition:var(--transition)}.btn--primary{background:var(--accent);color:var(--white)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--subtle{background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:var(--white)}.btn--light{background:var(--white);color:var(--dark)}.btn--sm{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-13)}.btn--lg{padding:var(--spacing-12) var(--spacing-18);font-size:var(--font-size-15)}.btn:disabled{opacity:.6;cursor:not-allowed}.icon-button{border:none;background:var(--surface-2);border-radius:var(--radius-12);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.icon-button--muted{background:var(--surface)}.icon-button--ghost{background:transparent}.back-button{width:fit-content}@media(max-width:720px){.header,.page{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}.header__row{flex-direction:column;align-items:flex-start}.header__meta{width:100%;flex-direction:row;align-items:center;justify-content:space-between}}.summary-card{background:var(--surface);border-radius:var(--radius-20);padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-12)}.summary-card__title{font-size:var(--font-size-22);font-weight:700;font-family:var(--font-family)}.summary-card__row{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-16)}.summary-card__label{font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary)}.summary-card__value{font-size:var(--font-size-28);font-weight:700}.project-actions{display:flex;gap:var(--spacing-12);flex-wrap:wrap}.inline-note{padding:var(--spacing-12) var(--spacing-14);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-16);font-size:var(--font-size-13)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-12)}.activity-card{padding:var(--spacing-16);border-radius:var(--radius-16);background:var(--surface);display:flex;justify-content:space-between;gap:var(--spacing-16);transition:var(--transition)}.activity-card__actions{display:flex;flex-direction:column;gap:var(--spacing-8);align-items:flex-end}.activity-card--active{border:1px solid var(--accent)}.activity-card--overlap{border:1px solid var(--warning);background:var(--warning-bg)}.activity-card__title{font-size:var(--font-size-14);font-weight:600}.activity-card__meta{font-size:var(--font-size-12);color:var(--text-secondary);margin-top:var(--spacing-4)}.activity-card__date{font-size:var(--font-size-11);color:var(--text-tertiary);margin-top:var(--spacing-6)}.activity-card__duration{font-size:var(--font-size-16);font-weight:700}.activity-card__tag{font-size:var(--font-size-10);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary)}.activity-card__tag--overlap{color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);padding:var(--spacing-4) var(--spacing-8);border-radius:999px;letter-spacing:var(--letter-spacing-wide)}.tools-card{padding:var(--spacing-18);border-radius:var(--radius-20);background:var(--surface);display:flex;flex-direction:column;gap:var(--spacing-14)}.tools-card__title{font-size:var(--font-size-14);font-weight:600}.tools-card__field{display:flex;flex-direction:column;gap:var(--spacing-6);font-size:var(--font-size-12);color:var(--text-secondary)}.tools-card__inline{display:flex;gap:var(--spacing-10);align-items:center}.tools-card__inline .input{flex:1}.tools-card__footer{display:flex;justify-content:flex-start}.tools-card__error{font-size:var(--font-size-12);color:var(--danger)}.tools-section{padding:var(--spacing-16);border-radius:var(--radius-20);background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-14)}.tools-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12)}.tools-section__title{font-size:var(--font-size-16);font-weight:600}.tools-section__subtitle{font-size:var(--font-size-12);color:var(--text-secondary);margin-top:var(--spacing-4)}.tools-section__content{display:grid;gap:var(--spacing-16)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--spacing-32) var(--spacing-24);background:radial-gradient(circle at 15% 10%,var(--accent-soft),transparent 55%),radial-gradient(circle at 85% 0%,var(--surface-2),transparent 45%),var(--bg)}.auth-shell{width:min(520px,100%);display:grid;gap:var(--spacing-20);align-items:center;justify-items:center}.auth-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-10)}.auth-mark{width:52px;height:52px;border-radius:var(--radius-20);background:var(--accent);color:var(--white);display:grid;place-items:center;font-size:var(--font-size-15);font-weight:700;letter-spacing:var(--letter-spacing-wide)}.auth-brand__title{font-size:var(--font-size-20);font-weight:700;letter-spacing:var(--letter-spacing-tight-1)}.auth-brand__subtitle{font-size:var(--font-size-13);color:var(--text-secondary)}.auth-card{width:100%;border:1px solid var(--surface-2)}.auth-card__header{display:flex;flex-direction:column;gap:var(--spacing-4)}.auth-card__title{font-size:var(--font-size-20);font-weight:700;letter-spacing:var(--letter-spacing-tight-1)}.auth-card__subtitle{font-size:var(--font-size-13);color:var(--text-secondary)}.auth-card__notice{padding:var(--spacing-10) var(--spacing-12);border-radius:var(--radius-16);background:var(--accent-soft);color:var(--accent);font-size:var(--font-size-12)}.auth-card__footer .btn{width:100%;justify-content:center}.auth-card__links{justify-content:space-between}.modal-backdrop{position:fixed;inset:0;background:#0f0f0f73;display:flex;align-items:center;justify-content:center;padding:var(--spacing-24);z-index:30}.modal{background:var(--surface);border-radius:var(--radius-20);width:min(940px,100%);max-height:90vh;overflow-y:auto;padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-16)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.modal__title{font-size:var(--font-size-20);font-weight:700}.modal__subtitle{font-size:var(--font-size-12);color:var(--text-secondary);margin-top:var(--spacing-4)}.modal__content{display:grid;gap:var(--spacing-16)}.modal--tools .tools-card{box-shadow:none;border:1px solid var(--border)}.modal--edit{width:min(720px,100%)}.modal--edit .edit-panel{padding:0;background:transparent;border-radius:0}.edit-panel{padding:var(--spacing-20);border-radius:var(--radius-20);background:var(--surface);display:flex;flex-direction:column;gap:var(--spacing-16)}.edit-panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-12)}.edit-panel__title{font-size:var(--font-size-16);font-weight:600}.edit-panel__subtitle{font-size:var(--font-size-12);color:var(--text-secondary);margin-top:var(--spacing-4)}.edit-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-12)}.edit-panel__warning{border-radius:var(--radius-16);background:var(--warning-bg);color:var(--warning-text);padding:var(--spacing-12) var(--spacing-14);display:flex;flex-direction:column;gap:var(--spacing-8);font-size:var(--font-size-12)}.edit-panel__warning-title{font-weight:600}.edit-panel__warning-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.edit-panel__warning-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.edit-panel__warning-item-title{font-weight:600;font-size:var(--font-size-12)}.edit-panel__warning-item-time{font-size:var(--font-size-11);color:var(--warning-dark)}.edit-panel__field{display:flex;flex-direction:column;gap:var(--spacing-6);font-size:var(--font-size-12);color:var(--text-secondary)}.edit-panel__actions{display:flex;gap:var(--spacing-10)}.edit-panel__error{font-size:var(--font-size-12);color:var(--danger)}.empty-state{text-align:center;padding:var(--spacing-60) var(--spacing-20);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-10);align-items:center}.empty-state__title{font-size:var(--font-size-16);font-weight:600}.empty-state__copy{font-size:var(--font-size-14);color:var(--text-tertiary)}.search-bar{position:fixed;left:0;right:0;bottom:0;padding:var(--spacing-16) var(--spacing-20) var(--spacing-20);background:#f0f0f3f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:10}.app--timer .search-bar{bottom:140px}.search-bar__field{background:var(--surface);border-radius:var(--radius-16);padding:var(--spacing-10) var(--spacing-12);display:flex;align-items:center;gap:var(--spacing-10)}.search-bar__field .input{flex:1}.timer-bar{position:fixed;left:0;right:0;bottom:0;padding:var(--spacing-20);background:var(--dark-bg);color:var(--white);z-index:20}.timer-bar__label{font-size:var(--font-size-11);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:#fff9;margin-bottom:var(--spacing-8)}.timer-bar__row{display:flex;justify-content:space-between;gap:var(--spacing-16);align-items:center;margin-bottom:var(--spacing-16)}.timer-bar__title{font-size:var(--font-size-20);font-weight:700}.timer-bar__meta{font-size:var(--font-size-13);color:#ffffffb3;margin-top:var(--spacing-4)}.timer-bar__duration{font-size:var(--font-size-32);font-weight:700}.timer-bar__cta{width:100%}.alert{padding:var(--spacing-14) var(--spacing-16);border-radius:var(--radius-16);background:var(--warning-bg);color:var(--warning-text);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);margin-bottom:var(--spacing-16)}.skeleton{background:linear-gradient(90deg,#e5e5ea,#d1d1d6,#e5e5ea);background-size:200% 100%;animation:shimmer 1.4s ease infinite;min-height:20px}.skeleton--rounded{border-radius:var(--radius-16)}.transcription-view{gap:var(--spacing-24)}.transcription-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);flex-wrap:wrap}.transcription-title{font-size:var(--font-size-22);font-weight:700}.transcription-subtitle{font-size:var(--font-size-13);color:var(--text-secondary);margin-top:var(--spacing-6);max-width:520px}.transcription-mode{display:inline-flex;padding:var(--spacing-4);background:var(--surface-2);border-radius:999px;gap:var(--spacing-4)}.transcription-mode__button{border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-12);font-weight:600;padding:var(--spacing-8) var(--spacing-14);border-radius:999px;display:flex;align-items:center;gap:var(--spacing-6);cursor:pointer;transition:var(--transition)}.transcription-mode__button.is-active{background:var(--surface);color:var(--text);box-shadow:0 12px 24px #11111114}.transcription-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--spacing-18)}.transcription-panel{background:var(--surface);border-radius:var(--radius-20);padding:var(--spacing-18);border:1px solid var(--surface-2);display:flex;flex-direction:column;gap:var(--spacing-14)}.transcription-panel--output{background:var(--surface-2)}.transcription-panel__title{font-size:var(--font-size-16);font-weight:600}.transcription-hints{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-12)}.transcription-field{display:flex;flex-direction:column;gap:var(--spacing-6);font-size:var(--font-size-12);color:var(--text-secondary)}.transcription-field--inline{flex-direction:row;align-items:center;gap:var(--spacing-10)}.transcription-field input[type=checkbox]{accent-color:var(--accent)}.transcription-device{display:grid;gap:var(--spacing-10)}.transcription-permission{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-10);font-size:var(--font-size-12);color:var(--text-secondary);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-16);background:var(--surface-2)}.transcription-sessions{display:flex;flex-direction:column;gap:var(--spacing-10);padding:var(--spacing-12);border-radius:var(--radius-16);background:var(--surface-2);border:1px solid var(--border)}.transcription-session-list{display:grid;gap:var(--spacing-8)}.transcription-session{border:1px solid transparent;background:var(--surface);border-radius:var(--radius-16);padding:var(--spacing-10) var(--spacing-12);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-10);text-align:left;cursor:pointer;transition:var(--transition)}.transcription-session.is-active{border-color:var(--accent);box-shadow:0 10px 20px #11111114}.transcription-session:disabled{opacity:.6;cursor:not-allowed}.transcription-session__title{font-size:var(--font-size-13);font-weight:600}.transcription-session__content{display:flex;flex-direction:column;gap:var(--spacing-8);flex:1;min-width:0}.transcription-session__header{display:flex;flex-direction:column;gap:var(--spacing-4)}.transcription-session__meta{font-size:var(--font-size-11);color:var(--text-secondary)}.transcription-session__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.transcription-tag{font-size:var(--font-size-10);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-4) var(--spacing-8);border-radius:999px;border:1px solid var(--surface-2);color:var(--text-secondary);background:var(--surface-2)}.transcription-session__snippet{font-size:var(--font-size-12);color:var(--text-secondary);line-height:1.5;max-height:48px;overflow:hidden}.transcription-session__snippet--empty{color:var(--text-tertiary)}.transcription-session__status{font-size:var(--font-size-10);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-4) var(--spacing-8);border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-2);align-self:flex-start}.transcription-session__status--active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.transcription-session__status--paused{color:var(--warning-text);border-color:var(--warning-border);background:var(--warning-bg)}.transcription-session__status--error{color:var(--danger);border-color:#b83b2d59;background:#b83b2d1f}.transcription-empty{font-size:var(--font-size-12);color:var(--text-secondary)}.transcription-hint{font-size:var(--font-size-11);color:var(--text-tertiary)}.transcription-multi{min-height:120px}.transcription-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-10);align-items:center}.transcription-drop{border:1px dashed var(--border);border-radius:var(--radius-16);background:var(--surface-2);padding:var(--spacing-16);text-align:center;cursor:pointer;transition:var(--transition)}.transcription-drop.is-active{border-color:var(--accent);background:var(--accent-soft)}.transcription-drop__input{display:none}.transcription-drop__content{display:grid;gap:var(--spacing-6);justify-items:center;color:var(--text-secondary)}.transcription-drop__title{font-size:var(--font-size-13);font-weight:600;color:var(--text)}.transcription-drop__subtitle{font-size:var(--font-size-12);color:var(--text-secondary)}.transcription-file{margin-top:var(--spacing-10);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:var(--spacing-10) var(--spacing-12);border-radius:var(--radius-16);border:1px solid var(--border);background:var(--surface)}.transcription-file__name{font-size:var(--font-size-12);font-weight:600}.transcription-file__meta{font-size:var(--font-size-11);color:var(--text-secondary);margin-top:var(--spacing-4)}.transcription-status{display:flex;align-items:center;gap:var(--spacing-8);font-size:var(--font-size-12);color:var(--text-secondary)}.transcription-error{padding:var(--spacing-10) var(--spacing-12);border-radius:var(--radius-16);background:var(--warning-bg);color:var(--warning-text);font-size:var(--font-size-12);border:1px solid var(--warning-border)}.transcription-output{background:var(--bg);border-radius:var(--radius-16);padding:var(--spacing-16);border:1px solid var(--border);min-height:240px;white-space:pre-wrap;font-size:var(--font-size-13);line-height:1.6;color:var(--text);overflow-y:auto}.transcription-output__placeholder{color:var(--text-tertiary)}.transcription-meta{display:flex;justify-content:space-between;gap:var(--spacing-10);flex-wrap:wrap;font-size:var(--font-size-11);color:var(--text-secondary)}.transcription-save{font-size:var(--font-size-12);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-16);border:1px solid transparent;background:var(--surface);color:var(--text-secondary)}.transcription-save--saving{border-color:var(--border)}.transcription-save--saved{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.transcription-save--error{border-color:var(--warning-border);color:var(--warning-text);background:var(--warning-bg)}@media(max-width:960px){.transcription-grid{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.header{padding-top:44px}.auth-page{padding:var(--spacing-24) var(--spacing-16)}.auth-shell{gap:var(--spacing-16)}.project-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.summary-card__row{flex-direction:column;align-items:flex-start}.project-actions,.panel__actions,.edit-panel__actions{flex-direction:column;align-items:stretch}.project-actions .btn,.panel__actions .btn,.edit-panel__actions .btn{width:100%;justify-content:center}.activity-card{flex-direction:column;align-items:flex-start}.activity-card__actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}.tools-card__inline{flex-direction:column;align-items:stretch}}@media(max-width:1024px){.modal-backdrop{padding:0}.modal--tools{width:100%;height:100%;max-height:none;border-radius:0}}@media(max-width:480px){.project-grid,.category-grid{grid-template-columns:repeat(1,1fr)}.timer-bar__row{flex-direction:column;align-items:flex-start}}