.history{padding:var(--space-md);max-width:100%}.history__header{margin-bottom:var(--space-lg)}.history__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.history__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.history__list{display:flex;flex-direction:column;gap:var(--space-md)}.fast-card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.fast-card:hover{box-shadow:var(--shadow-md)}.fast-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.fast-card__main{flex:1;min-width:0}.fast-card__date{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.fast-card__duration{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:baseline;gap:var(--space-xs);flex-wrap:wrap}.fast-card__duration-label{color:var(--color-text-muted)}.fast-card__duration-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.fast-card__duration-target{color:var(--color-text-muted)}.fast-card__status{flex-shrink:0}.fast-card__badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.fast-card__badge--success{background-color:var(--color-success-light);color:var(--color-success)}.fast-card__badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.fast-card__badge-icon{width:14px;height:14px;flex-shrink:0}.fast-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.fast-card__info{flex:1;display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;min-width:0}.fast-card__notes-count{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-primary)}.fast-card__stop-reason{font-size:var(--font-size-sm);color:var(--color-warning);font-style:italic}.fast-card__icon{width:16px;height:16px;flex-shrink:0}.fast-card__actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.fast-card__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.fast-card__action-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.fast-card__action-btn--delete:hover{background-color:var(--color-error-light);color:var(--color-error)}.fast-card__action-btn:active{transform:scale(.95)}.fast-card__notes{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);animation:slideDown .3s ease}.fast-card__notes-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.fast-card__notes-list{display:flex;flex-direction:column;gap:var(--space-sm)}.fast-card__note{padding:var(--space-sm) var(--space-md);background-color:var(--color-bg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.fast-card__note-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.fast-card__note-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.fast-card__note-media{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.fast-card__note-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-xs);max-width:100%}.fast-card__note-image-wrapper{position:relative;width:100%;padding-top:100%;background-color:var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.fast-card__note-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform var(--transition-fast)}.fast-card__note-image:hover{transform:scale(1.05)}.fast-card__note-audio{width:100%}.fast-card__note-audio-player{width:100%;max-width:400px;height:40px;border-radius:var(--radius-md);outline:0}.fast-card__note-audio-player:focus{outline:2px solid var(--color-primary);outline-offset:2px}.fast-card__note-video{width:100%}.fast-card__note-video-player{width:100%;max-width:100%;max-height:300px;border-radius:var(--radius-md);background-color:var(--color-bg);outline:0}.fast-card__note-video-player:focus{outline:2px solid var(--color-primary);outline-offset:2px}.fast-card--expanded{box-shadow:var(--shadow-md)}@media (max-width:480px){.history{padding:var(--space-sm)}.fast-card{padding:var(--space-md)}.fast-card__header{flex-direction:column;align-items:flex-start}.fast-card__status{align-self:flex-start}.fast-card__meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.fast-card__actions{align-self:flex-end}.fast-card__duration{font-size:var(--font-size-xs)}.fast-card__duration-value{font-size:var(--font-size-base)}}.history .empty-state{padding:var(--space-2xl) var(--space-md);margin-top:var(--space-2xl)}.fast-card__note-video-container{position:relative}.fast-card__note-video-expand{position:absolute;top:var(--space-xs);right:var(--space-xs);width:32px;height:32px;border-radius:var(--radius-md);background-color:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);z-index:1}.fast-card__note-video-expand:hover{background-color:rgba(0,0,0,.8);transform:scale(1.1)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.lightbox--show{opacity:1;visibility:visible}.lightbox--hiding{opacity:0;visibility:hidden}.lightbox__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);cursor:pointer}.lightbox__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;z-index:1}.lightbox__content--video{width:90vw;max-width:1200px}.lightbox__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.lightbox__video{width:100%;max-height:80vh;border-radius:var(--radius-md);background-color:#000}.lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:44px;height:44px;border-radius:var(--radius-full);background-color:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);z-index:10}.lightbox__close:hover{background-color:rgba(255,255,255,.3);transform:scale(1.1)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:var(--radius-full);background-color:rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);z-index:10}.lightbox__nav:hover{background-color:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.lightbox__nav--prev{left:var(--space-md)}.lightbox__nav--next{right:var(--space-md)}.lightbox__counter{position:absolute;bottom:var(--space-md);left:50%;transform:translateX(-50%);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background-color:rgba(0,0,0,.6);color:#fff;font-size:var(--font-size-sm);font-weight:500;z-index:10}body.lightbox-open{overflow:hidden}@media (max-width:480px){.lightbox__nav{width:40px;height:40px}.lightbox__nav--prev{left:var(--space-xs)}.lightbox__nav--next{right:var(--space-xs)}.lightbox__close{top:var(--space-sm);right:var(--space-sm);width:40px;height:40px}.lightbox__content--video{width:95vw}}