.board-audio{background:linear-gradient(140deg,var(--soft),var(--panel));color:var(--ink);border-bottom:1px solid var(--line);isolation:isolate;padding:16px 14px}.board-audio audio{display:none}.audio-caption{color:var(--muted);letter-spacing:.05em;align-items:center;gap:7px;margin-bottom:15px;font-size:8px;display:flex}.audio-caption small{border:1px solid var(--line);letter-spacing:0;border-radius:20px;margin-left:auto;padding:3px 6px;font-size:9px}.audio-transport{align-items:center;gap:10px;display:flex}.audio-transport>.icon-button{border-radius:50%;width:40px;min-width:40px;height:40px;min-height:40px;padding:8px}.audio-progress{flex:1;min-width:0}.board-audio input[type=range]{width:100%;min-height:26px;box-shadow:none;accent-color:var(--ink);cursor:pointer;touch-action:pan-y;background:0 0;border:0;padding:0;display:block}.audio-progress>div{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:9px;display:flex}.audio-volume{color:var(--muted);flex-direction:row;align-items:center;gap:6px;margin:12px 0 0;font-size:10px;display:flex}.audio-volume>input{flex:1;min-width:30px}.audio-volume>small{white-space:nowrap;margin-left:5px;font-size:9px}.audio-error{overflow-wrap:anywhere;margin-top:10px;font-size:11px;line-height:1.5}.board-tools .audio-tool svg{width:24px;height:24px}.audio-upload-zone p{line-height:1.7}.audio-caption svg{flex-shrink:0}@media (width<=800px){.audio-transport>.icon-button{width:44px;min-width:44px;height:44px;min-height:44px}.audio-transport{gap:8px}}@media (prefers-reduced-motion:reduce){.board-audio .refreshing-spin{animation:none}}.board-card.audio-card .card-note{min-height:72px;padding:12px 14px}.board-audio.has-error .audio-volume{display:none}.board-audio.has-error .audio-caption{margin-bottom:8px}.board-card.audio-card:has(.audio-error) .card-note{min-height:56px}.board-card.audio-card{grid-template-rows:52px auto minmax(64px,1fr);min-width:280px;min-height:320px;display:grid}.board-card.audio-card .card-drag{min-width:0;min-height:0;overflow:hidden}.board-card.audio-card .board-audio{min-width:0;max-height:200px;overflow:auto}.board-card.audio-card .audio-volume{grid-template-columns:15px auto minmax(36px,1fr) auto;align-items:center;gap:6px;display:grid}.board-card.audio-card .audio-volume input{width:100%;min-width:0}.board-card.audio-card .card-note{overscroll-behavior:contain;border-radius:0 0 17px 17px;min-width:0;min-height:0;max-height:none;overflow:auto}.board-card.audio-card .card-note p{-webkit-line-clamp:unset;overflow-wrap:anywhere;margin:0;display:block;overflow:visible}
