.recordings-window{width:min(480px,calc(100vw - 24px))}.recordings-window .win-content{background:linear-gradient(130deg,#222b34,#11171e);color:#f7fafc;padding:22px 24px 12px;min-height:0;max-height:calc(100svh - 265px)}.recordings-window h3{margin:0 0 18px;font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.6px}.recording-row{border-top:1px solid #ffffff21}.recording-select{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 0;border:0;background:transparent;color:#eef5fa;text-align:left;font-family:inherit;cursor:pointer}.recording-title{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.recording-duration{color:#acbcc9;font-size:14px;font-variant-numeric:tabular-nums;flex-shrink:0}.recording-row.selected .recording-title{color:#fff;font-weight:600}.recording-select:hover .recording-title{color:#89d9ff}.recording-player{padding:2px 0 18px}.recording-wave{height:64px;display:flex;align-items:center;gap:2px;margin:4px 0 12px}.recording-wave i{display:block;flex:1;min-width:0;background:#8395a6;border-radius:2px}.recording-wave i.heard{background:#66caff}.recording-player input[type=range]{display:block;width:100%;height:24px;margin:0;accent-color:#79d0ff;cursor:pointer}.recording-times{display:flex;justify-content:space-between;color:#b6c5d0;font-size:14px;font-variant-numeric:tabular-nums}.recording-controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:12px}.recording-controls button{border:0;background:transparent;color:#f3faff;min-width:48px;min-height:48px;font-family:inherit;font-size:19px;cursor:pointer;border-radius:50%}.recording-controls button:hover{background:#ffffff17}.recording-controls .recording-play{display:grid;place-items:center;background:linear-gradient(#effbff,#93cbe8);color:#16364a;width:54px;height:54px;box-shadow:inset 0 1px #fff,0 3px 12px #0004}.recording-play svg{width:28px;height:28px;fill:currentColor}.recording-message{font-size:14px;line-height:1.5;color:#c6e8ff;margin:12px 0 0}.recording-select:focus-visible,.recording-controls button:focus-visible,.recording-player input:focus-visible{outline:2px solid #81d7ff;outline-offset:3px}.recordings-window.maximized .win-content{max-height:none}.recordings-window.maximized .recording-list{max-width:700px;margin:auto}.recordings-window.maximized h3{max-width:700px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.folders{gap:10px;padding-left:14px;padding-right:14px}.folders .folder{width:52px;height:64px}.folders .folder>.app-icon{width:52px;height:52px}.folders .folder>img.dock-reflection{width:52px;height:28px;top:57px}.folders .folder>span{font-size:12px;padding:3px 4px;max-width:76px;white-space:normal;text-align:center}.recordings-window .win-content{padding:18px 18px 10px}.recordings-window h3{font-size:24px}}@media(max-width:350px){.folders{gap:5px;padding-left:10px;padding-right:10px}}
/* Voice Memos-style moving waveform with a fixed playhead. */
.recording-wave{position:relative;display:block;height:96px;margin:6px 0 10px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;isolation:isolate}
.recording-wave canvas{display:block;width:100%;height:100%;pointer-events:none}
.recording-wave::after{content:"";position:absolute;left:calc(50% - 1px);top:4px;bottom:4px;width:2px;border-radius:2px;background:#b5ecff;box-shadow:0 0 8px #67cafa55;pointer-events:none}
.recording-wave.is-scrubbing{cursor:grabbing}
.recording-wave:focus-visible{outline:2px solid #81d7ff;outline-offset:3px;border-radius:4px}
.recording-scrub-hint{margin:8px 0 0;text-align:center;color:#9eafbd;font-size:12px;line-height:1.5}
.recording-controls{margin-top:18px;margin-bottom:4px}
.recording-controls .recording-play{width:64px;height:64px;min-height:64px;min-width:64px;border:1px solid #deeffc8c;background:linear-gradient(150deg,#f8fcff 0%,#ddeaf3 48%,#bfd2df 100%);color:#203e54;box-shadow:inset 0 1px 1px #fff,0 5px 14px #0003,0 1px 2px #0006;transition:background .15s,box-shadow .15s,transform .15s}
.recording-controls .recording-play:hover{background:linear-gradient(150deg,#fff,#d8efff);box-shadow:inset 0 1px 1px #fff,0 5px 18px #0004}
.recording-controls .recording-play:active{transform:scale(.95);box-shadow:inset 0 1px 3px #7692a466,0 2px 6px #0003}
.recording-play svg{width:30px;height:30px;fill:currentColor;filter:drop-shadow(0 1px 0 #fff7)}
.recording-play[data-state=play] svg{transform:translateX(-2px)}