*{box-sizing:border-box;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100%;overflow-x:auto}#root{display:flex;flex-direction:column;min-height:100vh}.App{flex:1 1;flex-direction:column}.calendar-picker{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 20px #0003;left:0;margin-top:6px;padding:8px 10px;position:absolute;top:100%;width:220px;z-index:50}.dark-mode .calendar-picker{background:#2d2d2d;border-color:#444}.calendar-picker-header{align-items:center;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:6px}.calendar-picker-month-toggle{border-radius:4px;cursor:pointer;padding:2px 6px}.calendar-picker-month-toggle:hover{background:#4caf501f;color:#4caf50}.calendar-picker-header button{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.calendar-picker-header button:hover{background:#4caf501f;color:#4caf50}.calendar-picker-grid,.calendar-picker-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-picker-weekdays{margin-bottom:2px}.calendar-picker-weekdays span{color:#999;font-size:9px;text-align:center}.calendar-picker-cell-wrap{aspect-ratio:1;position:relative}.calendar-picker-cell-wrap .calendar-picker-cell{align-items:center;background:none;border:none;border-radius:5px;color:#ccc;cursor:default;display:flex;font-size:11px;height:100%;justify-content:center;width:100%}.calendar-picker-cell.empty{aspect-ratio:1;visibility:hidden}.calendar-picker-cell.has-notes{color:#333;cursor:pointer;font-weight:600}.calendar-picker-cell.notes-low{background:#fbc02d38}.calendar-picker-cell.notes-mid{background:#fbc02d8c}.calendar-picker-cell.notes-high{background:#fbc02d}.dark-mode .calendar-picker-cell{color:#555}.dark-mode .calendar-picker-cell.has-notes{color:#eee}.dark-mode .calendar-picker-cell.notes-low{background:#fbc02d29}.dark-mode .calendar-picker-cell.notes-mid{background:#fbc02d66}.dark-mode .calendar-picker-cell.notes-high{background:#fbc02d;color:#2d2d2d}.calendar-picker-cell.has-notes:hover{background:#4caf50;color:#fff}.calendar-picker-cell.today{box-shadow:inset 0 0 0 1.5px #4caf50}.calendar-picker-month-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.calendar-picker-month-cell-wrap{position:relative}.calendar-picker-month-cell-wrap .calendar-picker-month-cell{align-items:center;background:none;border:none;border-radius:5px;color:#ccc;cursor:default;display:flex;font-size:10.5px;justify-content:center;padding:8px 2px;width:100%}.calendar-picker-month-cell.has-notes{background:#f5f5f5;color:#333;cursor:pointer;font-weight:600}.dark-mode .calendar-picker-month-cell{color:#555}.dark-mode .calendar-picker-month-cell.has-notes{background:#3a3a3a;color:#eee}.calendar-picker-month-cell.has-notes:hover{background:#4caf50;color:#fff}.calendar-picker-month-cell.current{box-shadow:inset 0 0 0 1.5px #4caf50}.calendar-picker-play-month{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transition:opacity .12s ease;width:18px}.calendar-picker-month-cell-wrap:hover .calendar-picker-play-month{opacity:1}.color-swatch-row{align-items:center;display:flex;gap:6px}.color-swatch-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.45;outline:none;padding:0;transition:opacity .15s ease,filter .15s ease}.color-swatch-btn:hover{opacity:.8}.color-swatch-btn.active{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 2px currentColor);opacity:1}.color-swatch-item{align-items:center;display:flex;position:relative}.color-swatch-row.header-filter-swatches{box-sizing:border-box;gap:4px;gap:var(--tag-row-gap,4px);justify-content:space-between;padding:0 4px}.color-swatch-row.header-filter-swatches.header-filter-swatches-inline{margin-bottom:10px;margin-bottom:var(--tag-filter-gap,10px);margin-top:10px;margin-top:var(--tag-filter-top-gap,10px);width:100%}.header-filter-swatches .color-swatch-item{flex:0 0 auto}.header-filter-swatches .cassette-icon{height:auto;width:46px;width:var(--tag-row-icon-size,46px)}.header-filter-swatches .color-swatch-btn.active{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 2px currentColor);filter:drop-shadow(0 0 var(--tag-row-glow,5px) currentColor) drop-shadow(0 0 calc(var(--tag-row-glow, 5px)*.4) currentColor)}.color-swatch-row.floating-above-left{padding:5px 8px}.color-swatch-row.floating-above-left-portal{position:fixed;transform:translateX(-50%);z-index:40}.header-icons .color-swatch-btn{padding:0}.floating-fixed-above{position:fixed;z-index:1000}.floating-fixed-above-centered{left:50%;transform:translateX(-50%)}.color-swatch-list{background:#f3f4f6;border-radius:10px;box-shadow:0 4px 16px #00000038;display:flex;flex-direction:column;gap:2px;min-width:160px;padding:6px}.dark-mode .color-swatch-list{background:#2d2d2d;box-shadow:0 4px 16px #00000080}.color-swatch-list-item{align-items:center;border-radius:6px;display:flex;gap:4px;outline:none;padding:2px;position:relative}.color-swatch-list-item:hover{background:#0000000f}.dark-mode .color-swatch-list-item:hover{background:#ffffff14}.color-swatch-list-item.active{background:#cfcfcf}.dark-mode .color-swatch-list-item.active{background:#4c4c4c}.color-swatch-list-select{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;gap:8px;min-width:0;outline:none;padding:4px 6px;text-align:left}.color-swatch-list-name{flex:1 1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-swatch-list-input{background:none;border:none;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;min-width:0;outline:none;padding:0}.color-swatch-list-edit{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:0;width:22px}.color-swatch-list-item:focus-within .color-swatch-list-edit,.color-swatch-list-item:hover .color-swatch-list-edit{opacity:1}.color-swatch-list-edit:hover{background:#00000014;color:#4caf50}.dark-mode .color-swatch-list-edit:hover{background:#ffffff1f}.color-swatch-list-icon-wrap{align-items:center;display:flex;flex-shrink:0;position:relative}.color-swatch-list.reorderable .color-swatch-list-icon-wrap{cursor:grab}.color-swatch-list.reorderable .color-swatch-list-item.dragging{cursor:grabbing}.color-swatch-list-item.dragging{background:#0000001a;opacity:.55;position:relative;z-index:2}.dark-mode .color-swatch-list-item.dragging{background:#ffffff24}.color-swatch-list.floating-below-left-portal{position:fixed;z-index:40}.audio-pill-outer{gap:6px;width:100%}.audio-pill,.audio-pill-outer{align-items:center;display:flex}.audio-pill{background:#7878781f;border-radius:999px;flex:1 1;gap:2px;min-width:0;overflow:hidden;position:relative}.dark-mode .audio-pill{background:#a0a0a029}.audio-pill.playing{background:#78787838}.audio-pill.color-10.tint-pill,.audio-pill.color-11.tint-pill,.audio-pill.color-12.tint-pill,.audio-pill.color-2.tint-pill,.audio-pill.color-3.tint-pill,.audio-pill.color-5.tint-pill,.audio-pill.color-6.tint-pill,.audio-pill.color-7.tint-pill,.audio-pill.color-8.tint-pill,.audio-pill.color-9.tint-pill{background:color-mix(in srgb,var(--note-color) 18%,#0000)}.audio-pill.color-2.tint-pill{--note-color:#29b6f6}.audio-pill.color-9.tint-pill{--note-color:#ef5350}.audio-pill.color-10.tint-pill{--note-color:#66bb6a}.audio-pill.color-11.tint-pill{--note-color:#ffca28}.audio-pill.color-12.tint-pill{--note-color:#afb42b}.audio-pill.color-3.tint-pill{--note-color:#ab47bc}.audio-pill.color-5.tint-pill{--note-color:#009688}.audio-pill.color-6.tint-pill{--note-color:#f57c00}.audio-pill.color-7.tint-pill{--note-color:#7c4dff}.audio-pill.color-8.tint-pill{--note-color:#ec407a}.dark-mode .audio-pill.color-10.tint-pill,.dark-mode .audio-pill.color-11.tint-pill,.dark-mode .audio-pill.color-12.tint-pill,.dark-mode .audio-pill.color-2.tint-pill,.dark-mode .audio-pill.color-3.tint-pill,.dark-mode .audio-pill.color-5.tint-pill,.dark-mode .audio-pill.color-6.tint-pill,.dark-mode .audio-pill.color-7.tint-pill,.dark-mode .audio-pill.color-8.tint-pill,.dark-mode .audio-pill.color-9.tint-pill{background:color-mix(in srgb,var(--note-color) 22%,#0000)}.audio-pill.color-10.tint-pill.playing,.audio-pill.color-11.tint-pill.playing,.audio-pill.color-12.tint-pill.playing,.audio-pill.color-2.tint-pill.playing,.audio-pill.color-3.tint-pill.playing,.audio-pill.color-5.tint-pill.playing,.audio-pill.color-6.tint-pill.playing,.audio-pill.color-7.tint-pill.playing,.audio-pill.color-8.tint-pill.playing,.audio-pill.color-9.tint-pill.playing{background:color-mix(in srgb,var(--note-color) 28%,#0000)}.audio-pill.color-10.play-tag-color.playing .audio-pill-play,.audio-pill.color-11.play-tag-color.playing .audio-pill-play,.audio-pill.color-12.play-tag-color.playing .audio-pill-play,.audio-pill.color-2.play-tag-color.playing .audio-pill-play,.audio-pill.color-3.play-tag-color.playing .audio-pill-play,.audio-pill.color-5.play-tag-color.playing .audio-pill-play,.audio-pill.color-6.play-tag-color.playing .audio-pill-play,.audio-pill.color-7.play-tag-color.playing .audio-pill-play,.audio-pill.color-8.play-tag-color.playing .audio-pill-play,.audio-pill.color-9.play-tag-color.playing .audio-pill-play{color:var(--note-color)}.audio-pill-date,.audio-pill.no-waveform{justify-content:flex-end}.audio-pill-date{font-feature-settings:"tnum";align-items:center;background:none;border:none;color:#707070;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;height:32px;min-width:6ch;outline:none;padding:0 4px;-webkit-user-select:none;user-select:none;white-space:nowrap}.dark-mode .audio-pill-date{color:#a3a3a3}.audio-pill-date.active,.audio-pill-date:hover{color:#4caf50}.audio-pill-tag-name{flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.2px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-pill-display{align-items:center;display:flex;flex:1 1;gap:8px;height:32px;min-width:0;padding:0 10px}.audio-pill-icon-wrap{flex-shrink:0;margin-right:-6px;position:relative;width:0}.audio-pill-menu-wrap{align-items:center;display:flex;flex-shrink:0;gap:6px;position:relative}.audio-pill-menu{background:#fff;background:var(--note-card-bg,#fff);border-radius:8px;box-shadow:0 2px 8px #0000002e;display:flex;flex-direction:column;min-width:150px;padding:4px;z-index:40}.audio-pill-menu-portal{position:fixed}.dark-mode .audio-pill-menu{background:#2d2d2d}.audio-pill-menu-item{align-items:center;background:none;border:none;border-radius:5px;color:#6f6355;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:7px 8px;white-space:nowrap;width:100%}.dark-mode .audio-pill-menu-item{color:#d8cec0}.audio-pill-menu-item:disabled{cursor:not-allowed;opacity:.4}.audio-pill-menu-item.retry-transcription-item.spinning svg{animation:retry-transcription-spin 1s linear infinite}.audio-pill-menu-item:hover{background-color:#7878781a}.dark-mode .audio-pill-menu-item:hover{background-color:#ffffff14}.audio-pill-menu-item.audio-pill-delete{justify-content:flex-start;width:100%}.audio-pill-menu-item.ai-cassette-item{background:linear-gradient(135deg,color-mix(in srgb,#29b6f6 8%,#0000),color-mix(in srgb,#ab47bc 8%,#0000) 20%,color-mix(in srgb,#009688 8%,#0000) 40%,color-mix(in srgb,#f57c00 8%,#0000) 60%,color-mix(in srgb,#7c4dff 8%,#0000) 80%,color-mix(in srgb,#ec407a 8%,#0000))}.audio-pill-menu-item.ai-cassette-item.active{background:linear-gradient(135deg,color-mix(in srgb,#29b6f6 18%,#0000),color-mix(in srgb,#ab47bc 18%,#0000) 20%,color-mix(in srgb,#009688 18%,#0000) 40%,color-mix(in srgb,#f57c00 18%,#0000) 60%,color-mix(in srgb,#7c4dff 18%,#0000) 80%,color-mix(in srgb,#ec407a 18%,#0000))}.audio-pill-icon{align-items:center;background:none;border:none;color:#9e9e9e;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;position:relative}.audio-pill>.audio-pill-icon{padding-left:6px;padding-left:var(--cassette-pad-left,6px);padding-right:8px;padding-right:var(--cassette-pad-right,8px)}.audio-pill-icon+.audio-pill-display{border-left:1px solid #78787840}.dark-mode .audio-pill-icon+.audio-pill-display{border-left-color:#a0a0a04d}.audio-pill-outer.color-10 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-11 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-12 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-2 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-3 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-5 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-6 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-7 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-8 .audio-pill>.audio-pill-icon,.audio-pill-outer.color-9 .audio-pill>.audio-pill-icon{color:var(--note-color)}.audio-pill-outer.color-10.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-11.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-12.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-2.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-3.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-5.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-6.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-7.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-8.tint-pill .audio-pill-icon+.audio-pill-display,.audio-pill-outer.color-9.tint-pill .audio-pill-icon+.audio-pill-display{border-left-color:color-mix(in srgb,var(--note-color) 45%,#0000)}.audio-pill-outer .audio-pill>.audio-pill-icon.is-selected{color:#f44336}.audio-pill-outer.ai-answer .audio-pill{background:linear-gradient(135deg,color-mix(in srgb,#29b6f6 16%,#0000),color-mix(in srgb,#ab47bc 16%,#0000) 20%,color-mix(in srgb,#009688 16%,#0000) 40%,color-mix(in srgb,#f57c00 16%,#0000) 60%,color-mix(in srgb,#7c4dff 16%,#0000) 80%,color-mix(in srgb,#ec407a 16%,#0000))}.dark-mode .audio-pill-outer.ai-answer .audio-pill{background:linear-gradient(135deg,color-mix(in srgb,#29b6f6 24%,#0000),color-mix(in srgb,#ab47bc 24%,#0000) 20%,color-mix(in srgb,#009688 24%,#0000) 40%,color-mix(in srgb,#f57c00 24%,#0000) 60%,color-mix(in srgb,#7c4dff 24%,#0000) 80%,color-mix(in srgb,#ec407a 24%,#0000))}.audio-pill-outer.color-10.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-11.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-12.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-2.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-3.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-5.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-6.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-7.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-8.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn),.audio-pill-outer.color-9.tint-pill :is(.audio-pill-menu-wrap .audio-pill-icon,.audio-pill-play,.audio-pill-duration,.audio-pill-seek-overlay-btn){color:var(--note-color)}.audio-pill-outer.color-10.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-11.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-12.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-2.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-3.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-5.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-6.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-7.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-8.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration),.audio-pill-outer.color-9.tint-pill :is(.audio-pill-date,.audio-pill-play,.audio-pill-chain,.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn,.audio-pill-wave.has-seek-overlay+.audio-pill-duration){border-color:color-mix(in srgb,var(--note-color) 45%,#0000)}.audio-pill-outer.color-2{--note-color:#29b6f6}.audio-pill-outer.color-9{--note-color:#ef5350}.audio-pill-outer.color-10{--note-color:#66bb6a}.audio-pill-outer.color-11{--note-color:#ffca28}.audio-pill-outer.color-12{--note-color:#afb42b}.audio-pill-outer.color-3{--note-color:#ab47bc}.audio-pill-outer.color-5{--note-color:#009688}.audio-pill-outer.color-6{--note-color:#f57c00}.audio-pill-outer.color-7{--note-color:#7c4dff}.audio-pill-outer.color-8{--note-color:#ec407a}.cassette-icon{overflow:visible}@keyframes cassette-spin{to{transform:rotate(1turn)}}.audio-pill-outer.playing .cassette-reel{animation:cassette-spin 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.audio-pill-outer.playing .cassette-reel{animation:none}}.audio-pill-wave{cursor:pointer;flex:1 1;height:22px;min-width:0;position:relative;touch-action:none}.audio-pill-scrub-tip{font-feature-settings:"tnum";background:#fff;background:var(--note-card-bg,#fff);border-radius:6px;box-shadow:0 2px 6px #0000004d;color:#4caf50;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;padding:3px 7px;pointer-events:none;position:fixed;transform:translate(-50%,calc(-100% - 6px));white-space:nowrap;z-index:1000}.audio-pill-seek-flash{align-items:center;animation:audio-pill-seek-flash-in 1.5s ease-out forwards;background:#82828238;border-radius:4px;bottom:0;display:flex;justify-content:center;pointer-events:none;position:absolute;top:0;z-index:3}.audio-pill-seek-flash.side-back{left:0}.audio-pill-seek-flash.side-forward{right:0}.audio-pill-seek-flash-glyph{color:#5a5a5ae6;font-size:10px;font-weight:700;letter-spacing:1px}.dark-mode .audio-pill-seek-flash{background:#c8c8c82e}.dark-mode .audio-pill-seek-flash-glyph{color:#e6e6e6d9}@keyframes audio-pill-seek-flash-in{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.audio-pill-bars{align-items:flex-end;display:flex;gap:2px;height:100%;width:100%}.audio-pill-bars.has-seek-overlay{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000 calc(100% - 52px));mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000 calc(100% - 52px))}.audio-pill-wave.has-seek-overlay+.audio-pill-duration{align-items:center;border-left:1px solid #78787840;display:inline-flex;height:32px;margin-left:-8px;padding-left:8px}.dark-mode .audio-pill-wave.has-seek-overlay+.audio-pill-duration{border-left-color:#a0a0a04d}.audio-pill-synth{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.audio-pill-synth .cassette-reel{animation:cassette-spin 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.audio-pill-synth .cassette-reel{animation:none}}.audio-pill-synth-bar{background:#7878782e;border-radius:2px;flex:1 1;height:4px;min-width:0;overflow:hidden;position:relative}.dark-mode .audio-pill-synth-bar{background:#a0a0a038}.audio-pill-synth-bar-fill{background:#4caf50;border-radius:inherit;display:block;height:100%;transition:width .2s ease}.audio-pill-synth-chunks{font-feature-settings:"tnum";color:#6f6355;flex-shrink:0;font-size:10px;font-variant-numeric:tabular-nums}.dark-mode .audio-pill-synth-chunks{color:#a89a86}.audio-pill-synth-stuck{background:none;border:none;color:#f44336;cursor:pointer;padding:0;text-align:left}.audio-pill-synth-stuck .cassette-reel{animation:none}.audio-pill-synth-stuck-label{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-pill-synth-start{background:none;border:none;color:#d99a3d;cursor:pointer;justify-content:center;padding:0;text-align:center}.audio-pill-synth-start .cassette-reel{animation:none}.audio-pill-col{display:flex;flex:0 0 7px;flex-direction:column-reverse;gap:2px;height:100%;transform-origin:bottom}.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-col,.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-col-simple,.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-winamp-col{animation:audio-pill-wave-pattern 1.1s ease-in-out infinite}@keyframes audio-pill-wave-pattern{0%,to{transform:scaleY(1)}50%{transform:scaleY(.62)}}@media (prefers-reduced-motion:reduce){.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-col,.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-col-simple,.audio-pill.playing .audio-pill-bars.wave-anim .audio-pill-winamp-col{animation:none}}.audio-pill-seg{background:#9e9e9e;border-radius:.5px;flex:1 1;min-height:0;opacity:.15;width:100%}.audio-pill-col-simple{background:#9e9e9e;border-radius:.5px;flex:0 0 7px;opacity:.5;transform-origin:bottom;transition:background-color .15s ease}.audio-pill-bars.style-soundcloud{gap:1px}.audio-pill-bars.style-soundcloud .audio-pill-col-simple{border-radius:0;flex-basis:3px}.audio-pill-bars.style-memos{align-items:center;gap:3px}.audio-pill-bars.style-memos .audio-pill-col-simple{border-radius:3px;flex-basis:4px;transform-origin:center}.audio-pill.color-10.tint-pill .audio-pill-col-simple,.audio-pill.color-11.tint-pill .audio-pill-col-simple,.audio-pill.color-12.tint-pill .audio-pill-col-simple,.audio-pill.color-2.tint-pill .audio-pill-col-simple,.audio-pill.color-3.tint-pill .audio-pill-col-simple,.audio-pill.color-5.tint-pill .audio-pill-col-simple,.audio-pill.color-6.tint-pill .audio-pill-col-simple,.audio-pill.color-7.tint-pill .audio-pill-col-simple,.audio-pill.color-8.tint-pill .audio-pill-col-simple,.audio-pill.color-9.tint-pill .audio-pill-col-simple{background:var(--note-color)}.audio-pill .audio-pill-bars .audio-pill-col-simple.played{background:#4caf50;background:var(--progress-fill-color,#4caf50);opacity:1}.audio-pill-bars.style-winamp{gap:3px}.audio-pill-winamp-col{display:flex;flex:0 0 6px;flex-direction:column-reverse;gap:2px;height:100%;opacity:.35;transform-origin:bottom;transition:opacity .15s ease}.audio-pill-winamp-col.played{opacity:1}.audio-pill-winamp-block{background:#4a4844;border-radius:.5px;flex:1 1;min-height:0;width:100%}.audio-pill-winamp-block.on.level-low{background:#3d8f4a}.audio-pill-winamp-block.on.level-mid{background:#f2b705}.audio-pill-winamp-block.on.level-high{background:#e6553a}.audio-pill-seek-overlay{align-items:center;bottom:-6px;display:flex;position:absolute;right:0;top:-6px}.audio-pill-seek-overlay-btn{align-items:center;background:none;border:none;color:#707070;cursor:pointer;display:flex;flex:0 0 auto;height:100%;justify-content:center;touch-action:none;width:26px}.dark-mode .audio-pill-seek-overlay-btn{color:#a3a3a3}.audio-pill-seek-overlay-btn:hover{color:#4caf50}.audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn{border-left:1px solid #78787840}.dark-mode .audio-pill-seek-overlay-btn+.audio-pill-seek-overlay-btn{border-left-color:#a0a0a04d}.audio-pill-digit-overlay{inset:0;pointer-events:none;position:absolute}.audio-pill-digit{animation:audio-pill-digit-blink linear infinite;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:6px;font-weight:700;line-height:1;position:absolute}.audio-pill-digit.digit-green{color:#4caf50;text-shadow:0 0 3px #4caf5099}.audio-pill-digit.digit-yellow{color:#fbc02d;text-shadow:0 0 3px #fbc02d99}@keyframes audio-pill-digit-blink{0%,to{opacity:0}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.audio-pill-digit{animation:none;opacity:.6}}.audio-pill.color-10.tint-pill .audio-pill-seg,.audio-pill.color-11.tint-pill .audio-pill-seg,.audio-pill.color-12.tint-pill .audio-pill-seg,.audio-pill.color-2.tint-pill .audio-pill-seg,.audio-pill.color-3.tint-pill .audio-pill-seg,.audio-pill.color-5.tint-pill .audio-pill-seg,.audio-pill.color-6.tint-pill .audio-pill-seg,.audio-pill.color-7.tint-pill .audio-pill-seg,.audio-pill.color-8.tint-pill .audio-pill-seg,.audio-pill.color-9.tint-pill .audio-pill-seg{background:var(--note-color)}.audio-pill-seg.lit{opacity:.75}.audio-pill.active .audio-pill-seg.lit:not(.played){opacity:.15}.audio-pill.playing .audio-pill-seg.lit.played,.audio-pill.playing .audio-pill-seg.played{opacity:1}.audio-pill-bars.progress-tag{--progress-fill-color:var(--note-color,#c4beb5)}.audio-pill-bars.progress-green{--progress-fill-color:#4caf50}.audio-pill .audio-pill-bars .audio-pill-seg.played{background:#4caf50;background:var(--progress-fill-color,#4caf50)}.audio-pill-bars.resume-hint .audio-pill-col-simple.played,.audio-pill-bars.resume-hint .audio-pill-seg.played,.audio-pill-bars.resume-hint .audio-pill-winamp-block.played,.audio-pill-bars.resume-hint .audio-pill-winamp-col.played{background:#4caf50;background:var(--progress-fill-color,#4caf50);opacity:1}.audio-pill-outer.ai-answer .audio-pill-bars .audio-pill-col-simple,.audio-pill-outer.ai-answer .audio-pill-bars .audio-pill-seg,.audio-pill-outer.ai-answer .audio-pill-bars .audio-pill-winamp-block{background:linear-gradient(135deg,#29b6f6,#ab47bc 20%,#009688 40%,#f57c00 60%,#7c4dff 80%,#ec407a)}.audio-pill-duration{font-feature-settings:"tnum";color:#707070;cursor:pointer;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;line-height:1;position:relative;transform:translateY(-1px);-webkit-user-select:none;user-select:none}.dark-mode .audio-pill-duration{color:#a3a3a3}.audio-pill-duration:hover{color:#fbc02d;color:var(--rec-color,#fbc02d)}.audio-pill-additions-badge{border-radius:0;color:#4caf50;cursor:pointer;font-size:8px;font-weight:700;line-height:1;padding:1px 4px;position:absolute;right:-12px;top:-9px;white-space:nowrap}.audio-pill-seek{align-items:center;background:none;border:none;color:#707070;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;touch-action:none;width:26px}.dark-mode .audio-pill-seek{color:#a3a3a3}.audio-pill-seek:hover{color:#4caf50}.audio-pill-seek:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.audio-pill-seek+.audio-pill-seek{border-left:1px solid #78787840}.dark-mode .audio-pill-seek+.audio-pill-seek{border-left-color:#a0a0a04d}.audio-pill-play{border-left:1px solid #78787840;position:relative;z-index:6}.dark-mode .audio-pill-play{border-left-color:#a0a0a04d}.audio-pill-chain{align-items:center;background:none;border:none;border-left:1px solid #78787840;color:#6f6355;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:26px}.dark-mode .audio-pill-chain{border-left-color:#a0a0a04d;color:#a89a86}.audio-pill-chain:hover{color:#4caf50}.audio-pill-delete{overflow:hidden;position:relative;touch-action:none}.audio-pill-delete:hover{color:#f44336}.audio-pill-delete:before{background:#f4433666;content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left center}.audio-pill-delete span,.audio-pill-delete svg{position:relative}@keyframes audio-pill-delete-wave{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.audio-pill-delete.holding{color:#f44336}.audio-pill-delete.holding:before{animation:audio-pill-delete-wave 1s linear forwards}.audio-pill-delete.holding.trashed:before{animation-duration:3s}.keyboard-shortcuts{background:#fffffff2;border-radius:8px;bottom:20px;box-shadow:0 2px 10px #0000001a;max-width:300px;padding:12px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.dark-mode.keyboard-shortcuts{background:#2d2d2df2;color:#fff}.shortcuts-header{display:flex;flex-direction:column;gap:8px}.shortcuts-title{color:#666;font-size:14px;font-weight:500}.dark-mode .shortcuts-title{color:#aaa}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcut-item{align-items:center;display:flex;font-size:13px;gap:8px}.shortcut-key{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:12px;min-width:24px;padding:2px 6px;text-align:center}.dark-mode .shortcut-key{background:#333;border-color:#444;color:#fff}.shortcut-description{color:#666;flex:1 1}.dark-mode .shortcut-description{color:#aaa}::selection{background:#fbc02d8c;color:#1a1a1a}::-moz-selection{background:#fbc02d8c;color:#1a1a1a}button{outline:none}.voice-notes{background-color:inherit;height:100vh;margin:0 auto;max-width:800px;max-width:var(--app-max-width,800px);min-width:460px;overflow-anchor:none;overflow-y:auto;padding:10px;scrollbar-gutter:stable both-edges;width:100%}.scroll-top-fab{align-items:center;background:#4caf50;border:none;border-radius:50%;bottom:24px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;opacity:1;position:fixed;right:max(20px,calc(50vw - 380px));right:max(20px,calc(50vw - var(--app-max-width, 800px)/2 + 20px));touch-action:none;transition:opacity .4s ease;width:38px;z-index:60}.scroll-top-fab.dragging{box-shadow:0 4px 16px #0006;cursor:grabbing}.scroll-top-fab.faded{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.scroll-top-fab{transition:none}}.scroll-top-fab:hover{opacity:.9}.voice-notes::-webkit-scrollbar{height:calc(100% - 50px);width:11px}.voice-notes::-webkit-scrollbar-track{background:#0000;margin-bottom:40px}.voice-notes::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:6px;margin-bottom:30px}.voice-notes::-webkit-scrollbar-thumb:hover{background-color:#00000073}.dark-mode .voice-notes{background-color:#1a1a1a}.dark-mode .voice-notes::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dark-mode .voice-notes::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}body::-webkit-scrollbar{display:none}.sticky-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#f3f4f6;border-bottom:8px solid #f3f4f6;box-shadow:0 0 0 0 #0000002e;display:flex;flex-direction:column;overflow-anchor:none;padding-top:18px;position:-webkit-sticky;position:sticky;top:-16px;top:calc(var(--title-header-height, 0px) - 16px);transform:translateZ(0);z-index:30}.dark-mode .sticky-top{background-color:#1a1a1a;border-bottom-color:#1a1a1a}.sticky-top.tag-filter-open>.compact-bar,.sticky-top.tag-filter-open>.input-wrapper:not(.collapsed){margin-bottom:0}.sticky-top.selection-open{padding-bottom:46px;padding-bottom:var(--selection-row-gap,46px)}.sticky-top.selection-open.tag-filter-open{padding-bottom:0}.sticky-top.selection-open.tag-filter-open .header-filter-swatches{margin-top:58px;margin-top:calc(var(--selection-row-gap, 46px) + var(--tag-filter-top-gap, 12px))}.compact-bar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-bottom:8px;margin-bottom:var(--sticky-content-gap,8px);min-height:34px}.compact-bar .header-icons{margin-top:0}.compact-bar>.header-icons:first-child{justify-content:flex-start;overflow:hidden}.compact-bar>.compact-bar-right{overflow:hidden}.compact-bar-center{align-items:center;display:flex;justify-self:center;min-height:34px;min-width:34px;position:relative}.transport-pill{--tp-rec:var(--rec-color,#fbc02d);--tp-rec-ink:#231d05;--tp-play:#4caf50;--tp-play-ink:#0c1f11;--tp-lamp:#ff3b30;--tp-ease:cubic-bezier(.33,.68,.16,1);--tp-anim:var(--transport-pill-anim,.1s);align-items:stretch;border-radius:999px;box-shadow:0 2px 6px #00000047;display:flex;flex-shrink:0;font-family:SF Mono,ui-monospace,Menlo,monospace;height:40px;height:var(--transport-pill-h,40px);isolation:isolate;overflow:hidden;position:relative;width:200px;width:var(--transport-pill-w,200px)}.transport-pill .tp-seam{background:#00000047;bottom:0;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-1px);width:2px;z-index:3}.transport-pill .tp-side{display:flex;flex:1 1 50%;position:relative;transition:background-color var(--tp-anim) var(--tp-ease),color var(--tp-anim) var(--tp-ease);z-index:2}.transport-pill .tp-left{background:var(--tp-rec);color:var(--tp-rec-ink)}.transport-pill .tp-right{background:var(--tp-play);color:var(--tp-play-ink)}.transport-pill[data-s=rec] .tp-right,.transport-pill[data-s=recpause] .tp-right{background:var(--tp-rec);color:var(--tp-rec-ink)}.transport-pill[data-s=play] .tp-left,.transport-pill[data-s=playpause] .tp-left{background:var(--tp-play);color:var(--tp-play-ink)}.transport-pill .tp-b{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font:inherit;gap:5px;justify-content:center;margin:0;min-width:0;overflow:hidden;padding:0 6px;transition:box-shadow .16s var(--tp-ease),filter .16s var(--tp-ease);white-space:nowrap}.transport-pill .tp-b:disabled,.transport-pill .tp-b[aria-disabled=true]{cursor:default}.transport-pill .tp-b+.tp-b{box-shadow:inset 1px 0 0 #00000026}.transport-pill[data-s=play] .tp-right .tp-main,.transport-pill[data-s=rec] .tp-left .tp-main{box-shadow:inset 0 3px 6px #0006,inset 0 1px 2px #00000042,inset 0 -1px 2px #ffffff0d;filter:brightness(.92)}.transport-pill .tp-glyph{display:none;flex-shrink:0}.transport-pill .tp-g-rec{background:currentColor;border-radius:50%;height:10px;width:10px}.transport-pill .tp-g-stop{background:currentColor;border-radius:2px;height:9px;width:9px}.transport-pill .tp-g-play{border-color:#0000 #0000 #0000 currentcolor;border-style:solid;border-width:6px 0 6px 11px;height:0;margin-left:2px;width:0}.transport-pill .tp-g-next,.transport-pill .tp-g-prev{height:10px;position:relative;width:12px}.transport-pill .tp-g-next:before{border-color:#0000 #0000 #0000 currentcolor;border-style:solid;border-width:5px 0 5px 7px;content:"";left:0;position:absolute;top:0}.transport-pill .tp-g-next:after{background:currentColor;content:"";height:10px;position:absolute;right:0;top:0;width:2px}.transport-pill .tp-g-prev:before{border-color:#0000 currentcolor #0000 #0000;border-style:solid;border-width:5px 7px 5px 0;content:"";position:absolute;right:0;top:0}.transport-pill .tp-g-prev:after{background:currentColor;content:"";height:10px;left:0;position:absolute;top:0;width:2px}.transport-pill .tp-next .tp-g-next,.transport-pill .tp-stop .tp-g-stop{display:block}.transport-pill .tp-prev .tp-g-prev{display:block;opacity:.5}.transport-pill .tp-time{display:none;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.transport-pill .tp-lamp{background:var(--tp-lamp);border-radius:50%;box-shadow:0 0 7px #ff5b4a,0 0 2px #fff;display:none;flex-shrink:0;height:7px;width:7px}.transport-pill .tp-time{transition:opacity .16s ease}.transport-pill[data-s=idle] .tp-left .tp-g-rec,.transport-pill[data-s=idle] .tp-right .tp-g-play,.transport-pill[data-s=rec] .tp-left .tp-lamp,.transport-pill[data-s=rec] .tp-left .tp-time,.transport-pill[data-s=rec] .tp-right .tp-g-stop,.transport-pill[data-s=recpause] .tp-left .tp-lamp,.transport-pill[data-s=recpause] .tp-left .tp-time,.transport-pill[data-s=recpause] .tp-right .tp-g-stop{display:block}.transport-pill[data-s=rec] .tp-left .tp-lamp{opacity:0;opacity:var(--mic-active,0)}.transport-pill.tp-lamp-blink[data-s=rec] .tp-left .tp-lamp{animation:tp-blink 1s step-end infinite;opacity:1}.transport-pill[data-s=recpause] .tp-left .tp-lamp{animation:none;opacity:.28}@keyframes tp-blink{0%,50%{opacity:1}51%,to{opacity:.1}}.transport-pill[data-s=recpause] .tp-left .tp-time{opacity:.4}.transport-pill[data-s=play] .tp-right .tp-time,.transport-pill[data-s=playpause] .tp-right .tp-time{display:block}.transport-pill[data-s=playpause] .tp-right .tp-time{opacity:.4}.transport-pill[data-s=play] .tp-right .tp-time,.transport-pill[data-s=playpause] .tp-right .tp-time{font-size:11px;letter-spacing:0}@media (prefers-reduced-motion:reduce){.transport-pill .tp-b,.transport-pill .tp-lamp,.transport-pill .tp-side,.transport-pill .tp-time{animation:none;transition:none}}.selection-actions-row{align-items:center;display:flex;justify-content:space-between;left:50%;margin-top:8px;margin-top:var(--sticky-content-gap,8px);position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;width:min(calc(100vw - 40px),780px);z-index:5}.selection-actions-left,.selection-actions-right{align-items:center;display:flex;gap:10px}.compact-bar-center-anchor{align-items:center;display:flex;min-height:34px;min-width:34px;position:relative}.compact-bar-center-quickplay-slot{align-items:center;display:flex;height:34px;justify-content:flex-end;position:relative;width:40px}.compact-bar-center-extra{gap:6px;left:100%;margin-left:6px;z-index:1}.compact-bar-center-extra,.compact-bar-center-extra-left{align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.compact-bar-center-extra-left{right:100%}.compact-bar-center-extra-left .pause-fab{border-radius:0;margin-left:0}.compact-bar-center-extra-left .pause-fab:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.compact-bar-center-extra-left .pause-fab:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.compact-bar-center-extra-left .pause-fab+.pause-fab{border-left:1px solid #78787840}.dark-mode .compact-bar-center-extra-left .pause-fab+.pause-fab{border-left-color:#fff3}.compact-bar-center-extra .pause-fab{margin-left:0}.rec-left-extra{margin-right:6px;right:100%}.playback-timer-right,.rec-left-extra{align-items:center;display:flex;gap:6px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.playback-timer-right{cursor:pointer;left:100%;margin-left:6px}.rec-signal-lamp{background:#fbc02d;background:var(--rec-color,#fbc02d);border-radius:50%;box-shadow:0 0 6px 1px color-mix(in srgb,#fbc02d 90%,#0000);box-shadow:0 0 6px 1px color-mix(in srgb,var(--rec-color,#fbc02d) 90%,#0000);height:8px;opacity:0;opacity:var(--mic-active,0);width:8px}.compact-bar-right{align-items:center;display:flex;gap:12px;justify-self:end}.compact-bar-right .ambient-music-toggle,.compact-bar-right .auto-play-toggle{margin-right:-6.5px}.compact-bar-right .auto-play-toggle{margin-left:2px;margin-right:-8.5px}.compact-bar .indicators-wrapper{margin:0;padding:0}.header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;width:100%}.input-wrapper{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;height:44px;justify-content:space-between;margin-bottom:8px;margin-top:0;margin-top:var(--input-top-gap,0);padding:10px}.dark-mode .input-wrapper{background:#e4e4e4;box-shadow:0 2px 4px #0003}.text-input{background:#0000;border:none;color:inherit;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;margin-bottom:-20px;min-height:24px;overflow:hidden;padding:0;resize:none}.dark-mode .text-input{color:#373737}.dark-mode .text-input::placeholder{color:#888}.text-input:focus{outline:none}.input-wrapper.search-mode{border:3px solid #fbc02d;padding:7px}.dark-mode .input-wrapper.search-mode{border-color:#fbc02d}.input-wrapper.collapsed{display:none}.record-fab{align-items:center;background:#fbc02d;background:var(--rec-color,#fbc02d);border:none;border-radius:50%;box-shadow:0 2px 6px color-mix(in srgb,#fbc02d 45%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--rec-color,#fbc02d) 45%,#0000);color:#fff;color:var(--rec-icon-color,#fff);cursor:pointer;display:flex;height:34px;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;width:34px}.record-fab:disabled{cursor:not-allowed;opacity:.4}.record-fab.recording{box-shadow:0 2px 6px color-mix(in srgb,#fbc02d 55%,#0000);box-shadow:0 2px 6px color-mix(in srgb,var(--rec-color,#fbc02d) 55%,#0000)}.pause-fab{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:6px;width:24px}.dark-mode .pause-fab{background:#2d2d2d;color:#fff}.pause-fab:hover{opacity:.85}.playback-fab,.quick-play-fab{align-items:center;background:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 6px #4caf5073;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.quick-play-fab{position:relative;touch-action:none}.quick-play-fab:hover{opacity:.9}.compact-bar-timer{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.compact-bar-timer.playing{color:#4caf50}.compact-bar-timer.recording{color:#fbc02d;color:var(--rec-color,#fbc02d)}.compact-bar-timer.recording.paused{animation:compact-bar-timer-paused-blink 1s steps(2,jump-none) infinite}@keyframes compact-bar-timer-paused-blink{0%{color:#9e9e9e}50%{color:#fbc02d;color:var(--rec-color,#fbc02d)}to{color:#9e9e9e}}@media (prefers-reduced-motion:reduce){.compact-bar-timer.recording.paused{animation:none;color:#9e9e9e}}.notes-list{border-radius:12px;display:flex;flex-direction:column;gap:4px;gap:var(--note-card-gap,4px);margin-top:8px;padding:0 0 50px;transition:background-color .15s ease,box-shadow .15s ease}.notes-list.drag-over-audio{background-color:#29b6f614;box-shadow:inset 0 0 0 2px #29b6f680}.dark-mode .notes-list.drag-over-audio{background-color:#29b6f61f;box-shadow:inset 0 0 0 2px #29b6f699}.audio-drop-modal-backdrop{align-items:center;animation:error-toast-in .15s ease-out;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100001}.audio-drop-modal{background:#2b2b2b;border-radius:14px;box-shadow:0 16px 48px #0000008c;color:#eee;padding:20px 20px 16px;text-align:center;width:min(92vw,380px)}.audio-drop-modal .adm-title{font-size:15px;font-weight:700;line-height:1.35}.audio-drop-modal .adm-sub{color:#9a9a9a;font-size:11.5px;margin:6px 0 16px;max-height:3.6em;overflow:hidden;word-break:break-word}.audio-drop-modal .adm-actions{display:flex;gap:10px}.audio-drop-modal .adm-btn{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:9px;color:#e6e6e6;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:11px 12px}.audio-drop-modal .adm-btn:hover{background:#ffffff1f}.audio-drop-modal .adm-btn.adm-primary{background:#4caf50;border-color:#0000;color:#fff}.audio-drop-modal .adm-btn.adm-primary:hover{background:#43a047}.note-card-swipe-wrapper{margin:4px;position:relative}.note-card-swipe-delete{color:#e53935;right:0}.note-card-swipe-add,.note-card-swipe-delete{align-items:center;bottom:0;display:flex;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;top:0;width:68px}.note-card-swipe-add{color:#4caf50;left:0}.note-card,.note-card-swipe-delete svg{position:relative;z-index:1}.note-card{--note-card-bg:#fff;align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;min-height:44px;padding:10px;padding:var(--note-padding-v,10px) 10px;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease,margin .16s ease}.note-card.active{z-index:21}.note-card.active:before{background:#4caf50;border-radius:2px;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.note-card-select-overlay{border-radius:inherit;cursor:pointer;inset:0;position:absolute;z-index:5}.note-card.selected{box-shadow:0 0 0 2px #4caf50,0 1px 3px #0000001a}.note-with-additions-wrap{position:relative}.note-undo-button{align-items:center;background:#78787826;border:none;border-radius:50%;color:#707070;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.dark-mode .note-undo-button{background:#a0a0a033;color:#a3a3a3}.note-pinned-badge{color:#999;display:flex;left:6px;pointer-events:none;position:absolute;top:6px;z-index:2}.dark-mode .note-pinned-badge{color:#888}.task-select-button{background:#2f2f2f;border:none;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;position:fixed;transform:translate(-50%,calc(-100% - 8px));z-index:50}.task-select-button:active{background:#444}.note-checklist{display:flex;flex-direction:column;gap:2px;margin-top:6px}.task-later-shelf{align-items:center;background:#333;border:1px solid #3d3d3d;border-radius:9px;color:#999;cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-weight:600;gap:8px;letter-spacing:.1em;margin-top:10px;padding:10px 12px;text-transform:uppercase;transition:border-color .15s ease,background .15s ease,color .15s ease;width:100%}.task-later-shelf:hover{color:#bbb}.task-later-shelf.open{border-bottom-color:#0000;border-radius:9px 9px 0 0}.task-later-shelf-count{background:#ffffff14;border-radius:9px;color:#ddd;font-size:10px;padding:0 6px}.task-later-shelf-chev{color:#888;font-size:12px;margin-left:auto}.checklist-drop-hot{background:#4caf501a!important;border-color:#4caf50!important;color:#4caf50!important;outline:1.5px dashed #4caf5080;outline-offset:-3px}.checklist-drop-hot .task-later-shelf-count{color:#4caf50}.task-later-panel{background:#0000001f;border:1px solid #3d3d3d;border-radius:0 0 9px 9px;border-top:none;padding:4px 10px 8px}.task-later-panel .note-checklist{margin-top:2px}.task-later-panel .checklist-item-text{color:#b9b4ab}.dark-mode .task-later-panel .checklist-item-text{color:#a49f96}.task-trash-toggle{align-items:center;background:none;border:none;color:#7a7a7a;cursor:pointer;display:flex;font:inherit;font-size:12px;gap:8px;margin-top:2px;padding:12px 2px 6px;width:100%}.task-trash-toggle:hover{color:#aaa}.task-trash-toggle-label{text-decoration:underline;text-underline-offset:2px}.task-trash-count{background:#ffffff17;border-radius:8px;font-size:10.5px;min-width:15px;padding:1px 5px;text-align:center}.task-trash-chev{font-size:11px;margin-left:auto}.task-trash-panel{background:#0000001f;border:1px solid #3d3d3d;border-radius:9px;max-height:38vh;overflow-y:auto;padding:4px 8px 8px}.task-trash-row{align-items:center;display:flex;font-size:13px;gap:8px;padding:5px 2px}.task-trash-name{color:#9a9a9a;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-trash-time{font-feature-settings:"tnum";color:#777;font-size:11px;font-variant-numeric:tabular-nums}.task-trash-purge,.task-trash-restore{background:none;border:none;color:#888;cursor:pointer;display:flex;padding:3px}.task-trash-restore:hover{color:#4caf50}.task-trash-purge:hover{color:#ef5350}.task-trash-clear{background:none;border:none;color:#777;cursor:pointer;font:inherit;font-size:11.5px;padding:6px 2px 2px}.task-trash-clear:hover{color:#ef5350}.task-later-empty{color:#7a7a7a;font-family:inherit;font-size:12px;letter-spacing:.02em;padding:14px 8px;text-align:center;text-transform:none}.checklist-item{align-items:center;display:flex;gap:6px;padding:3px 0}.checklist-swipe,.checklist-swipe .swipe-to-delete-content{gap:0}.checklist-swipe .swipe-to-delete-content,.checklist-swipe.checklist-swipe{z-index:auto}.checklist-swipe .swipe-to-delete-bg{border-radius:8px}.checklist-swipe.checklist-swipe-lifted{z-index:6}.checklist-item.dragging{background:#fff;border-radius:8px;box-shadow:0 6px 18px #0000002e;cursor:grabbing;position:relative;transform:scale(1.02);z-index:5}.dark-mode .checklist-item.dragging{background:#2c2c2c;box-shadow:0 6px 18px #00000073}.checklist-item.dragging .checklist-item-text{cursor:grabbing}.checklist-item-focused{position:relative}.checklist-item-focused:before{background:#4caf50;border-radius:2px;bottom:3px;content:"";left:-5px;position:absolute;top:3px;width:2.5px}.checklist-item-focused.checklist-item-focused-countdown:before{background:#fbc02d}.checklist-item-focused.checklist-item-focus-paused:before{opacity:.5}.checklist-drag-handle{align-items:center;color:#bbb;cursor:grab;display:flex;flex-shrink:0;touch-action:none}.dark-mode .checklist-drag-handle{color:#666}.checklist-checkbox{appearance:none;-webkit-appearance:none;background:#0000;border:1.5px solid #666;border-radius:3px;cursor:pointer;flex-shrink:0;height:15px;position:relative;width:15px}.checklist-checkbox:checked{background:#4caf50;border-color:#4caf50}.checklist-checkbox:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.checklist-item-text{cursor:text;flex:1 1;font-size:14px;line-height:1.4;word-break:break-word}.checklist-edit-input{background:none;border:none;box-sizing:border-box;color:inherit;display:block;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;margin:0;outline:none;overflow:hidden;padding:0;resize:none;vertical-align:top}.checklist-item.checked .checklist-item-text{color:#8a8a8a;text-decoration:line-through;text-decoration-thickness:1.5px}.dark-mode .checklist-item.checked .checklist-item-text{color:#777}.dark-mode .checklist-item-text{color:#a3a3a3}.checklist-delete{align-items:center;background:none;border:none;color:#bbb;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px}.dark-mode .checklist-delete{color:#666}.checklist-timer{align-items:center;background:none;border:none;color:#bbb;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:2px}.dark-mode .checklist-timer{color:#666}.checklist-timer.active{animation:checklist-timer-pulse 1.4s ease-in-out infinite;color:#4caf50}@keyframes checklist-timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.checklist-timer-countdown.active,.checklist-timer-countdown.picking{animation:none;color:#fbc02d}.checklist-timer-countdown.active{animation:checklist-timer-pulse 1.4s ease-in-out infinite}.checklist-timer-countdown.active.paused,.checklist-timer.active.paused{animation:none;opacity:.7}.checklist-item-duration.checklist-item-duration-paused,.dark-mode .checklist-item-duration.checklist-item-duration-paused{color:#4caf50}.checklist-countdown-picker{align-items:center;display:flex;flex-shrink:0;gap:4px}.checklist-countdown-preset{font-feature-settings:"tnum";align-items:center;background:#fbc02d1f;border:1px solid #fbc02d8c;border-radius:999px;color:#fbc02d;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:24px;justify-content:center;padding:0;width:24px}.checklist-countdown-preset:hover{background:#fbc02d47}.checklist-item-duration-countdown{color:#fbc02d}.checklist-item-duration{color:#8a8a8a;flex-shrink:0;font-size:11px}.dark-mode .checklist-item-duration{color:#777}.checklist-item-duration-live{font-feature-settings:"tnum";color:#4caf50;font-family:monospace;font-variant-numeric:tabular-nums}.dark-mode .checklist-item-duration-live{color:#4caf50}.checklist-item-duration.checklist-item-duration-countdown,.dark-mode .checklist-item-duration.checklist-item-duration-countdown{color:#fbc02d}.checklist-add-row{cursor:default}.checklist-add-icon{cursor:default;touch-action:auto}.checklist-add-input{background:none;border:none;color:inherit;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:0}.checklist-add-input::placeholder{color:#888}.checklist-add-field{flex:1 1;min-width:0;position:relative}.checklist-add-line{align-items:center;display:flex;gap:5px}.checklist-add-line .checklist-add-input{flex:1 1;min-width:0;width:auto}.checklist-dim-chip{align-items:center;background:#0000000f;border-radius:6px;display:inline-flex;flex:none;font-size:11px;gap:4px;line-height:1;padding:3px 3px 3px 6px;white-space:nowrap}.dark-mode .checklist-dim-chip{background:#ffffff1a}.checklist-dim-chip>i{background:#888;background:var(--chip,#888);border-radius:2px;flex:none;height:7px;width:7px}.checklist-dim-chip>button{background:none;border:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;opacity:.45;padding:0 2px}.checklist-dim-chip>button:hover{opacity:1}.checklist-dim-picker{background:#fff;border:1px solid #00000014;border-radius:9px;box-shadow:0 8px 26px #00000038;left:0;max-height:220px;max-width:240px;min-width:180px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 4px);z-index:20}.dark-mode .checklist-dim-picker{background:#333;border-color:#ffffff1f;box-shadow:0 8px 26px #00000080}.checklist-dim-picker-head{color:#999;font-size:10px;letter-spacing:.06em;padding:4px 8px 3px;text-transform:uppercase}.checklist-dim-picker-empty{color:#999;font-size:11.5px;padding:4px 8px 6px}.checklist-dim-picker-item{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:12.5px;gap:7px;padding:6px 8px;text-align:left;width:100%}.checklist-dim-picker-item.on{background:#00000014}.dark-mode .checklist-dim-picker-item.on{background:#ffffff21}.checklist-dim-picker-create{color:#4caf50}.checklist-dim-swatch{border-radius:2px;flex:none;height:9px;width:9px}.checklist-item-dim-wrap{align-items:center;display:flex;flex:none;position:relative}.checklist-item-dim{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:3px;opacity:0;padding:4px 2px;pointer-events:none;transition:opacity .12s}.checklist-item-dim.has,.checklist-item-dim.open,.checklist-item:hover .checklist-item-dim{opacity:1;pointer-events:auto}.checklist-item-dim-p,.checklist-item-dim-r{border-radius:2px;display:block;height:7px;width:7px}.checklist-item-dim-p{background:#0000;box-shadow:inset 0 0 0 1.5px #0000004d}.dark-mode .checklist-item-dim-p{box-shadow:inset 0 0 0 1.5px #ffffff59}.checklist-item-dim.has .checklist-item-dim-p{box-shadow:none}.checklist-item-dim-r{border-radius:50%}.checklist-dim-rowmenu{background:#fff;border:1px solid #00000014;border-radius:9px;box-shadow:0 8px 26px #00000038;max-height:60vh;overflow-y:auto;padding:4px;width:190px;z-index:220}.dark-mode .checklist-dim-rowmenu{background:#333;border-color:#ffffff1f;box-shadow:0 8px 26px #00000080}.checklist-dim-rowmenu-sec{color:#999;font-size:10px;letter-spacing:.06em;padding:5px 8px 3px;text-transform:uppercase}.checklist-dim-rowmenu-empty{color:#999;font-size:11px;padding:2px 8px 6px}.checklist-dim-rowmenu-item{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:12.5px;gap:7px;padding:6px 8px;text-align:left;width:100%}.checklist-dim-rowmenu-item>i{border-radius:2px;flex:none;height:9px;width:9px}.checklist-dim-rowmenu-item.on{background:#00000014;font-weight:600}.dark-mode .checklist-dim-rowmenu-item.on{background:#ffffff21}.checklist-dim-rowmenu-item.muted{color:#999;padding-left:24px}.generated-voice-badge{align-items:center;background:#0000000f;border-radius:9px;color:#888;display:flex;gap:3px;height:18px;padding:0 5px;pointer-events:none;position:absolute;right:6px;top:6px;z-index:2}.dark-mode .generated-voice-badge{background:#ffffff1a;color:#bbb}.generated-voice-badge.stuck{color:#d99a3d;cursor:pointer;pointer-events:auto}.generated-voice-badge.stuck:hover{background:#d99a3d40}@keyframes note-effect-pending-blink{0%,45%{opacity:1}55%,to{opacity:.28}}.note-effect-pending{animation:note-effect-pending-blink 1.1s ease-in-out infinite;background:#fbc02d29;border:1px solid #fbc02d;border-radius:9px;color:#fbc02d;cursor:pointer;font:inherit;font-size:10.5px;font-weight:600;height:18px;padding:0 8px;position:absolute;right:6px;top:6px;z-index:3}.note-effect-pending:hover{animation:none;background:#fbc02d4d;opacity:1}.note-effect-pending:disabled{cursor:default}.note-card.effect-pending{box-shadow:inset 3px 0 0 #fbc02d8c}.dark-mode .note-card{--note-card-bg:#2d2d2d;background:#2d2d2d;box-shadow:0 2px 4px #0003;color:#a3a3a3}.additions-panel{background:#fff;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:8px;margin:-8px 4px 4px;padding:10px}.dark-mode .additions-panel{background:#2d2d2d}.note-card.completed+.additions-panel{background:#eee}.dark-mode .note-card.completed+.additions-panel{background:#242424}.note-card.additions-open{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}.additions-record-controls{align-items:center;align-self:center;display:flex;flex-direction:row;gap:6px;justify-content:center}.additions-record-controls .pause-fab{margin-left:0}.additions-record-controls .addition-text-toggle-button,.additions-record-controls .pause-fab{border-radius:3px;box-shadow:none;height:14px;padding:0;width:21px}.additions-record-controls .record-fab{box-shadow:none;height:14px;padding:0;width:14px}.additions-list{gap:8px;transform:scaleY(.92);transform-origin:top}.addition-row,.additions-list{display:flex;flex-direction:column}.addition-row{gap:2px}.addition-undo-row{align-items:center;background:#7878781f;border-radius:14px;display:flex;justify-content:center;padding:4px 0}.dark-mode .addition-undo-row{background:#a0a0a029}.swipe-to-delete-wrapper{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.swipe-to-delete-bg{align-items:center;bottom:0;color:#e53935;display:flex;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:56px}.swipe-to-delete-content{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.addition-row-line{align-items:center;display:flex;gap:6px}.addition-row-line>.addition-text-pill-row,.addition-row-line>.audio-pill-outer{flex:1 1;min-width:0}.addition-date{color:#aaa;flex-shrink:0;font-size:10px}.dark-mode .addition-date{color:#777}.addition-text{color:#999;font-size:12px;margin:0;padding:0 4px;white-space:pre-wrap}.dark-mode .addition-text{color:#888}.addition-text-pill{background:#7878781f;border-radius:14px;color:#999;display:block;font-size:12px;margin:0;padding:6px 12px;white-space:pre-wrap}.dark-mode .addition-text-pill{background:#a0a0a029;color:#888}.addition-text-pill-row{align-items:center;display:flex;gap:4px}.addition-text-pill-row .addition-text-pill{flex:1 1;min-width:0}.addition-text-compose-pill{background:#7878781f;border-radius:14px;display:flex;padding:6px 12px;width:100%}.dark-mode .addition-text-compose-pill{background:#a0a0a029}.addition-text-compose-input{background:#0000;border:none;color:inherit;flex:1 1;font-family:inherit;font-size:12px;line-height:1.4;min-width:0;outline:none;padding:0;resize:none}.note-card.completed{--note-card-bg:#eee;background:#eee;color:#8a8a8a;opacity:.82}.note-card.completed .html-note-content,.note-card.completed .note-text,.note-card.completed .rich-text{color:#8a8a8a;text-decoration:line-through;text-decoration-thickness:1.5px}.dark-mode .note-card.completed{--note-card-bg:#242424;background:#242424;color:#777}.dark-mode .note-card.completed .html-note-content,.dark-mode .note-card.completed .note-text,.dark-mode .note-card.completed .rich-text{color:#777}.note-content{display:flex;flex-direction:column;gap:6px;height:100%;width:100%}.note-text-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;width:100%}.note-text-container{align-self:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.note-text{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;margin:0;overflow:hidden;padding:0;white-space:pre-wrap}.note-text.collapsed{-webkit-line-clamp:1}.note-text.expanded{-webkit-line-clamp:unset;display:block}.search-highlight{background:#4caf5059;border-radius:2px;color:inherit;padding:0 1px}.note-timestamp{color:#cbcbcb;font-size:.7em;margin-bottom:2px;margin-top:8px}.note-timestamp-header{color:#cbcbcb;cursor:pointer;font-size:.7em;margin-bottom:8px;text-align:center}.copy-text-button,.edit-pencil-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:inline-flex;justify-content:center;margin-left:6px;padding:2px;vertical-align:middle}.audio-pill-with-copy{position:relative}.copy-text-button-under-pill{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;float:left;justify-content:center;margin-bottom:2px;margin-right:8px;padding:3px}.dark-mode .copy-text-button-under-pill{color:#888}.note-expanded-date{align-self:flex-end;color:#999;font-size:11px}.dark-mode .note-expanded-date{color:#888}.addition-text-toggle-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:2px}.html-note-actions{display:flex;gap:4px;justify-content:flex-end}.html-note-actions .copy-text-button,.html-note-actions .edit-pencil-button{margin-left:0}.dark-mode .addition-text-toggle-button,.dark-mode .copy-text-button,.dark-mode .edit-pencil-button{color:#888}@keyframes retry-transcription-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.note-text.single-line{white-space:pre-wrap;word-break:break-word}.note-text.editing{background:#0000;border:none;color:inherit;font-family:inherit;font-size:14px;height:26px;line-height:24px;margin:0;outline:none;overflow:hidden;padding:0;position:relative;resize:none;top:-1px;width:100%}.note-text.editing.single-line{text-overflow:ellipsis;white-space:nowrap}.note-text.editing.multiline{height:auto;position:static;white-space:pre-wrap;word-break:break-word}.note-card.multiline .note-text.editing{padding:0}.note-actions{align-self:center;gap:4px}.delete-button,.note-actions{align-items:center;display:flex}.delete-button{background:#77777740;border:none;border-radius:50%;color:#666;cursor:pointer;height:24px;justify-content:center;overflow:hidden;padding:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:24px}.delete-button:before{background:#f4433666;content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left center}.delete-button svg{position:relative;z-index:1}@keyframes delete-button-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.delete-button.holding:before{animation:delete-button-fill 1s linear forwards}.dark-mode .delete-button{color:#aaa}.empty-message{background-color:#f5f5f5;border-radius:8px;color:#666;font-size:15px;padding:20px;text-align:center}.dark-mode .empty-message{background-color:#2d2d2d;color:#888}.input-wrapper{border:2px dashed #0000;position:relative;transition:border-color .3s ease}.input-wrapper.drag-over{border-color:#4caf50}.dark-mode .input-wrapper.drag-over{border-color:#81c784}.note-image{align-self:center;border-radius:4px;cursor:pointer;flex:0 0 auto;height:auto;margin-bottom:6px;max-height:300px;max-width:100%;object-fit:contain;width:auto}.note-image:hover{transform:scale(1.01)}.image-caption{cursor:text}.image-caption.empty{color:#9a9a9a;font-style:italic}.image-caption-editing{align-self:center;flex:1 1;min-width:120px}.dark-mode .image-caption.empty{color:#777}.note-image-preview{align-items:center;background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.note-image-preview img{border-radius:8px;max-height:90vh;max-width:90%;object-fit:contain}.dark-mode .note-image-preview{background:#000000e6}body.dark-mode,html.dark-mode{background-color:#1a1a1a;color:#fff}.tags-header-container{align-items:center;display:flex;flex-direction:column;margin-bottom:12px;width:100%}.tags-header-container.pinned{background-color:#f3f4f6;position:-webkit-sticky;position:sticky;top:-10px;z-index:31}.dark-mode .tags-header-container.pinned{background-color:#1a1a1a}.tags-header-wrapper{align-items:center;color:#666;font-weight:700;margin-bottom:15px;width:100%}.tags-header-wrapper .header-icons{flex:1 1}.tags-header-wrapper .header-icons:first-child{justify-content:flex-start}.tags-header-wrapper .header-icons:last-child{justify-content:flex-end}.tags-header-wrapper>span{flex:1 1;text-align:center}.tags-header-wrapper span{white-space:nowrap}.title-export-letter{cursor:pointer}.header-build-version{color:#8a7c6a}.dark-mode .header-build-version{color:#a89a86}.title-export-letter:hover{text-decoration:underline}.title-zen-letter{cursor:pointer}.title-zen-letter:hover{text-decoration:underline}.title-task-letter{cursor:pointer}.title-task-letter:hover{text-decoration:underline}.header-icons .global-tasks-badge{align-items:center;background:#ccc;border:none;border-radius:999px;box-shadow:0 1px 3px #0000004d;color:#555;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;margin-right:4px;min-width:20px;padding:0 4px}.dark-mode .header-icons .global-tasks-badge{background:#555;color:#ddd}.header-icons .global-tasks-badge.empty{background:#0000;box-shadow:inset 0 0 0 1px #8c8c8c80;color:#b0b0b0}.dark-mode .header-icons .global-tasks-badge.empty{background:#0000;box-shadow:inset 0 0 0 1px #78787873;color:#777}.tags-header-wrapper .header-icons{margin-top:0}.header-icons button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:6px}.calendar-toggle-anchor{display:flex;position:relative}.dark-mode .header-icons button{color:#aaa}.header-icons button.active{color:#4caf50}.effect-debug-panel{background:#f7f4ef;border:1px solid #e6ded0;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px 16px}.dark-mode .effect-debug-panel{background:#2d2d2d;border-color:#444}.effect-debug-header{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:space-between}.effect-debug-hint{color:#a13c2e;font-size:12px;margin:0}.effect-debug-hint--neutral{color:#6f6355}.dark-mode .effect-debug-hint--neutral{color:#a89a86}.effect-debug-hint--locked{align-items:center;color:#b8860b;display:flex;gap:6px}.dark-mode .effect-debug-hint--locked{color:#d4a72c}.effect-debug-row input[type=range]:disabled{cursor:not-allowed;opacity:.4}.effect-debug-reset:disabled,.effect-debug-save:disabled{cursor:not-allowed;opacity:.5}.effect-debug-row{color:#555;display:flex;flex-direction:column;font-size:12px;gap:4px}.dark-mode .effect-debug-row{color:#bbb}.effect-debug-row--dimmed{opacity:.4}.effect-debug-group-header{align-items:center;border-top:1px solid #e6ded0;color:#555;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-top:6px;padding-top:10px}.dark-mode .effect-debug-group-header{border-color:#444;color:#bbb}.effect-debug-echo-toggle{align-items:center;color:#6f6355;cursor:pointer;display:flex;font-size:12px;font-weight:400;gap:5px}.dark-mode .effect-debug-echo-toggle{color:#a89a86}.effect-debug-echo-toggle input{accent-color:#4caf50;cursor:pointer;height:15px;width:15px}.effect-debug-row input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#4caf50 0,#4caf50 var(--fill-percent),#ddd var(--fill-percent),#ddd 100%);border-radius:2px;height:4px;outline:none;width:100%}.dark-mode .effect-debug-row input[type=range]{background:linear-gradient(to right,#4caf50 0,#4caf50 var(--fill-percent),#555 var(--fill-percent),#555 100%)}.effect-debug-row input[type=range]::-webkit-slider-runnable-track{background:#0000;height:4px}.effect-debug-row input[type=range]::-moz-range-track{background:#0000;height:4px}.effect-debug-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fbc02d;border-radius:50%;cursor:pointer;height:14px;margin-top:-5px;width:14px}.effect-debug-row input[type=range]::-moz-range-thumb{background:#fbc02d;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.effect-test-note-picker{background:none;border:1px solid #7878784d;border-radius:6px;color:inherit;font-size:12px;padding:5px 6px;width:100%}.effect-debug-actions,.effect-profile-row{display:flex;gap:8px}.effect-profile-row{margin-top:4px}.effect-profile-btn{background:none;border:1px solid #ccc;border-radius:50%;color:inherit;cursor:pointer;font-size:13px;font-weight:600;height:32px;width:32px}.dark-mode .effect-profile-btn{border-color:#555}.effect-profile-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.effect-profile-btn.locked{align-items:center;border-color:#b8860b;color:#b8860b;display:flex;justify-content:center}.dark-mode .effect-profile-btn.locked{border-color:#d4a72c;color:#d4a72c}.effect-profile-btn.locked.active{background:#b8860b;color:#fff}.dark-mode .effect-profile-btn.locked.active{background:#d4a72c;color:#1a1a1a}.effect-profile-slot{display:inline-flex;position:relative}.effect-profile-lock{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;color:#999;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;position:absolute;right:-4px;top:-4px;width:16px}.dark-mode .effect-profile-lock{background:#2d2d2d;border-color:#555;color:#888}.effect-profile-lock.locked{background:#fff8e1;border-color:#b8860b;color:#b8860b}.dark-mode .effect-profile-lock.locked{background:#3a2f10;border-color:#d4a72c;color:#d4a72c}.effect-debug-copy,.effect-debug-paste{align-items:center;background:none;border:1px solid #ccc;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 10px}.dark-mode .effect-debug-copy,.dark-mode .effect-debug-paste{border-color:#555}.effect-debug-paste:disabled{cursor:not-allowed;opacity:.5}.effect-debug-reset{background:none;border:1px solid #ccc;border-radius:6px;color:inherit}.effect-debug-reset,.effect-debug-save{align-self:flex-start;cursor:pointer;font-size:12px;padding:6px 10px}.effect-debug-save{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;display:flex;gap:6px}.effect-test-note{background:#4caf5014;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:10px}.effect-test-record{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:center;padding:10px;-webkit-user-select:none;user-select:none;width:100%}.effect-test-record.recording{background:#fbc02d;color:#1a1a1a}.effect-test-buttons{display:flex;gap:8px}.effect-test-buttons button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:12px;padding:8px 10px}.effect-test-buttons button:first-child{background:#888}.effect-test-buttons button:disabled{cursor:default;opacity:.6}.effect-loop-button.active{background:#f44336}.tags-header{color:#666;font-size:44px;font-weight:700;margin-bottom:12px;text-align:center}.dark-mode .tags-header{color:#aaa}.tags-header-wrapper{align-items:flex-start;display:flex;font-size:44px;gap:15px}.header-icons{align-items:center;display:flex;gap:0;margin-top:14px}.loading-placeholder{align-items:center;display:flex;justify-content:center;min-height:100vh}.html-note-content{color:var(--text-color);font-size:16px;line-height:1.4;padding:5px;width:100%;word-break:break-word}.html-note-content img{border-radius:4px;margin:5px 0;max-height:300px;max-width:100%;object-fit:contain}.html-note-content div{margin-bottom:8px}.dark-mode .html-note-content{color:var(--text-color)}.color-filter-toggle-wrap{display:flex;position:relative}.color-filter-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .2s ease,transform .15s ease}.color-filter-toggle .cassette-icon{height:16px;width:24px}.dark-mode .color-filter-toggle{color:#aaa}.global-tasks-overlay{align-items:flex-start;background:#00000080;display:flex;inset:0;justify-content:center;padding-top:12vh;position:fixed;z-index:100}.global-tasks-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-height:72vh;overflow-y:auto;padding:16px 12px;scrollbar-color:#0000004d #0000;scrollbar-gutter:stable;scrollbar-width:thin;width:min(94vw,800px);width:min(94vw,var(--app-max-width,800px))}.dark-mode .global-tasks-card{background:#2d2d2d;scrollbar-color:#ffffff4d #0000}.global-tasks-card::-webkit-scrollbar{width:7px}.global-tasks-card::-webkit-scrollbar-track{background:#0000}.global-tasks-card::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:6px}.global-tasks-card::-webkit-scrollbar-thumb:hover{background-color:#00000073}.dark-mode .global-tasks-card::-webkit-scrollbar-thumb{background-color:#ffffff4d}.dark-mode .global-tasks-card::-webkit-scrollbar-thumb:hover{background-color:#ffffff73}.global-tasks-header{align-items:center;color:#999;display:flex;font-size:14px;font-weight:600;justify-content:space-between;letter-spacing:.05em;margin-bottom:10px}.dark-mode .global-tasks-header{color:#888}.global-tasks-today-tracked{font-size:12px;font-weight:400;letter-spacing:0;opacity:.75}.global-tasks-header-actions{align-items:center;display:flex;gap:6px}.global-tasks-hide-completed,.global-tasks-mute-timer,.global-tasks-sort-time,.global-tasks-stats{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px}.dark-mode .global-tasks-hide-completed,.dark-mode .global-tasks-mute-timer,.dark-mode .global-tasks-sort-time,.dark-mode .global-tasks-stats{color:#888}.global-tasks-hide-completed.active,.global-tasks-mute-timer.active,.global-tasks-sort-time.active{background:#78787833;color:#555}.dark-mode .global-tasks-hide-completed.active,.dark-mode .global-tasks-mute-timer.active,.dark-mode .global-tasks-sort-time.active{background:#c8c8c826;color:#ddd}.tag-legend-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.download-music-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:12px;padding:16px;width:min(90vw,320px)}.dark-mode .download-music-modal{background:#2d2d2d;color:#eee}.download-music-modal-actions{display:flex;gap:8px}.download-music-modal-no,.download-music-modal-yes{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px}.download-music-modal-yes{background:#4caf5026;color:#4caf50}.dark-mode .download-music-modal-yes{background:#4caf5040}.download-music-modal-no{background:#78787826;color:#666}.dark-mode .download-music-modal-no{background:#a0a0a033;color:#ccc}.download-music-modal-progress{animation:download-music-progress-pulse 1.4s ease-in-out infinite;text-align:center}@keyframes download-music-progress-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.download-music-modal-progress{animation:none}}.color-filter-toggle.active{color:#fbc02d;opacity:1}.dark-mode .color-filter-toggle.active{color:#fbc02d}.color-filter-toggle.disabled{cursor:not-allowed;opacity:.25}.notes-summary{color:#6f6355;cursor:pointer;font-size:13px;margin-top:-4px;text-align:center;width:100%}.dark-mode .notes-summary{color:#a89a86}.selection-toolbar-count{font-feature-settings:"tnum";color:#4caf50;flex:1 1;font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.selection-toolbar-cancel{align-items:center;background:#78787826;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;width:22px}.dark-mode .selection-toolbar-cancel{background:#a0a0a033}.notes-summary-breakdown{display:flex;font-size:12px;gap:14px;justify-content:center;margin-top:4px;opacity:.85}.notes-summary-breakdown span{align-items:center;display:inline-flex;gap:4px}.date-divider{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#f3f4f6;color:#999;display:flex;font-size:16px;font-weight:600;gap:6px;margin-bottom:0;margin-bottom:var(--date-notes-gap,0);padding:8px 4px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:46px;top:calc(var(--sticky-top-height, 64px) - 18px);transform:translateZ(0);z-index:20}.dark-mode .date-divider{background-color:#1a1a1a;color:#888}.board-task-anchor{height:37px;margin-bottom:-41px;margin-bottom:calc(-37px - var(--note-card-gap, 4px));margin-top:-10px;margin-top:calc(-10px + var(--pre-scroll-gap, 0px));pointer-events:none;position:-webkit-sticky;position:sticky;top:46px;top:calc(var(--sticky-top-height, 64px) - 18px);z-index:25}.board-task-anchor .board-task-slot{align-items:center;bottom:10px;bottom:calc(10px - var(--task-offset-y, 0px));display:flex;gap:6px;justify-content:flex-end;left:46%;left:calc(46% + var(--task-offset-x, 0px));pointer-events:auto;position:absolute;right:4px;right:calc(4px - var(--task-offset-x, 0px));top:8px;top:calc(8px + var(--task-offset-y, 0px));touch-action:pan-y;transition:transform .2s ease,opacity .2s ease}.board-task-anchor .board-task-slot.slide-in{animation:running-task-slide-in .28s ease both}@keyframes running-task-slide-in{0%{opacity:0;transform:translateX(60%)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.board-task-anchor .board-task-slot.slide-in{animation:none}}.board-task-anchor .board-task-slot.dragging{animation:none;transition:none}.board-task-anchor .board-task-slot.leaving{animation:none;opacity:0;pointer-events:none;transform:translateX(120%);transition:transform .25s ease,opacity .25s ease}.board-task-anchor .running-task-bar,.date-divider .running-task-bar{align-items:center;display:flex;gap:6px;max-width:100%;min-width:0}.running-task-text{background:none;border:none;color:#8a8a8a;cursor:pointer;font:inherit;font-size:12px;font-weight:500;margin:0;max-width:150px;overflow:hidden;padding:0;text-overflow:ellipsis;touch-action:pan-y;white-space:nowrap}.dark-mode .running-task-text{color:#9a9a9a}.running-task-text:hover{color:#b5b5b5}.running-task-time{font-feature-settings:"tnum";color:#4caf50;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.running-task-bar.countdown .running-task-time{color:#fbc02d}.running-task-bar.paused .running-task-time{animation:running-task-blink 1.1s step-end infinite}@keyframes running-task-blink{0%,55%{opacity:1}56%,to{opacity:.28}}.running-task-bar.done .running-task-text,.running-task-bar.done .running-task-time{animation:running-task-blink .8s step-end infinite;color:#fbc02d}.running-task-bar.done .running-task-time{font-weight:800}@media (prefers-reduced-motion:reduce){.running-task-bar.done .running-task-text,.running-task-bar.done .running-task-time{animation:none}}.running-task-btn{align-items:center;background:#9696962e;border:none;border-radius:6px;color:#aaa;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;padding:0;width:18px}.running-task-btn:hover{background:#9696964d;color:#ddd}.running-task-btn.running-task-done{color:#4caf50}.running-task-btn.running-task-done:hover{color:#66bb6a}.board-task-anchor .hidden-task-dot{background:#4caf50;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:12px;padding:0;width:12px}.board-task-anchor .hidden-task-dot:hover{background:#66bb6a;box-shadow:0 0 0 4px #4caf5033}.board-task-anchor .hidden-task-dot.countdown{background:#fbc02d}.board-task-anchor .hidden-task-dot.countdown:hover{background:#ffd54f;box-shadow:0 0 0 4px #fbc02d38}.board-task-anchor .hidden-task-dot.paused{background:#8a8a8a}.board-task-anchor .hidden-task-dot.paused:hover{background:#a5a5a5;box-shadow:0 0 0 4px #8c8c8c38}.board-task-anchor .quick-timer-start{align-items:center;display:flex;gap:6px;pointer-events:auto;position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:1}.quick-timer-btn{align-items:center;background:#96969614;border:1px solid #8c8c8c4d;border-radius:7px;color:#8a8a8a;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.quick-timer-btn.quick-timer-green:hover{border-color:#4caf5080;color:#4caf50}.quick-timer-btn.quick-timer-yellow:hover{border-color:#fbc02d80;color:#fbc02d}.quick-timer-presets{align-items:center;display:flex;gap:4px}.quick-timer-preset{font-feature-settings:"tnum";align-items:center;background:#fbc02d1f;border:1px solid #fbc02d8c;border-radius:999px;color:#fbc02d;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:24px;justify-content:center;padding:0;width:24px}.quick-timer-preset:hover{background:#fbc02d47}.checklist-item-text-empty,.task-mini-text-empty{color:#9a9a9a;font-style:italic}.dark-mode .checklist-item-text-empty,.dark-mode .task-mini-text-empty{color:#777}.task-mini-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:60}.task-mini-card{background:#fff;border-radius:14px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;gap:12px;max-width:340px;padding:20px 18px 16px;position:relative;width:100%}.dark-mode .task-mini-card{background:#262626;color:#eee}.task-mini-close{background:none;border:none;color:#999;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px;top:8px}.task-mini-close:hover{color:#555}.dark-mode .task-mini-close:hover{color:#ddd}.task-mini-text{border-radius:4px;cursor:text;font-size:14px;font-weight:500;line-height:1.4;max-height:40vh;overflow-wrap:anywhere;overflow-y:auto;padding-right:18px;white-space:pre-wrap}.task-mini-text:hover{background:#8c8c8c1f}.task-mini-text-edit{background:#8c8c8c14;border:1px solid #8c8c8c66;border-radius:6px;box-sizing:border-box;color:inherit;font:inherit;font-size:14px;font-weight:500;line-height:1.4;max-height:40vh;padding:6px 8px;resize:none;width:100%}.task-mini-text-edit:focus{border-color:#4caf50;outline:none}.task-mini-time{font-feature-settings:"tnum";color:#4caf50;font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.5px}.task-mini-time.countdown{color:#fbc02d}.task-mini-time.paused{animation:running-task-blink 1.1s step-end infinite}.task-mini-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.task-mini-timer{align-items:center;background:#9696961a;border:1px solid #8c8c8c59;border-radius:9px;color:#888;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;width:34px}.task-mini-timer:hover{border-color:#4caf5080;color:#4caf50}.task-mini-timer.active{background:#4caf501f;border-color:#4caf50;color:#4caf50}.task-mini-timer.countdown:hover{border-color:#fbc02d99;color:#fbc02d}.task-mini-timer.countdown.active,.task-mini-timer.countdown.picking{background:#fbc02d1f;border-color:#fbc02d;color:#fbc02d}.task-mini-presets{display:flex;gap:5px}.task-mini-preset{background:#fbc02d1f;border:1px solid #fbc02d8c;border-radius:999px;color:#fbc02d;cursor:pointer;font-size:12px;font-weight:700;height:30px;width:30px}.task-mini-preset:hover{background:#fbc02d40}.task-mini-actions{border-top:1px solid #8c8c8c33;display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.task-mini-action{align-items:center;background:#9696961f;border:none;border-radius:7px;color:#666;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.task-mini-action:hover{background:#96969638}.dark-mode .task-mini-action{color:#bbb}.task-mini-action.task-mini-done{color:#4caf50}.task-mini-action.task-mini-done:hover{background:#4caf5029}.date-divider-play{align-items:center;background:none;border:none;color:#4caf50;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;left:-5px;position:relative;top:2px;transition:color .15s ease;width:18px}.date-divider-play.reverse{color:#fbc02d}.date-divider-match-count{color:inherit;font-size:12px;font-weight:400;margin-left:auto;white-space:nowrap}.date-divider-tag-wrap{align-items:center;display:flex;position:relative}.date-divider-tag-button{align-items:center;background:none;border:none;color:#aaa;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;transition:color .15s ease;width:24px}.dark-mode .date-divider-tag-button,.date-divider-tag-button:hover{color:#777}.dark-mode .date-divider-tag-button:hover{color:#aaa}.selection-actions-row .delete-button,.selection-actions-row .trash-delete-forever-button{height:24px;width:24px}.date-divider:after{background:linear-gradient(180deg,#f3f4f6 0,#0000);bottom:-4px;content:"";height:4px;left:0;pointer-events:none;position:absolute;right:0}.dark-mode .date-divider:after{background:linear-gradient(180deg,#1a1a1a 0,#0000)}.pinned-cassette{height:490px;height:var(--zen-cassette-height,490px);margin-left:-55px;margin-left:calc(var(--zen-cassette-bleed, 55px)*-1);margin-right:-55px;margin-right:calc(var(--zen-cassette-bleed, 55px)*-1);opacity:1;opacity:var(--zen-cassette-opacity,1);overflow:hidden}.pinned-cassette-video{height:100%;object-fit:cover;object-position:center center;transform:translateY(0);transform:translateY(var(--zen-cassette-offset-y,0));width:100%}.ambient-music-toggle,.raw-playback-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:6px;position:relative;transform:translateX(3px)}.dark-mode .ambient-music-toggle,.dark-mode .raw-playback-toggle{color:#aaa}.ambient-music-toggle.level-half,.raw-playback-toggle.cassette-mode{color:#fbc02d}.ambient-music-drag-label{background:#333;border-radius:4px;color:#fff;font-size:11px;line-height:1;margin-right:8px;padding:3px 6px;pointer-events:none;position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:40}.dark-mode .ambient-music-toggle.level-half,.dark-mode .raw-playback-toggle.cassette-mode{color:#fbc02d}.trash-toggle-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:5px;position:relative}.dark-mode .trash-toggle-button{color:#aaa}.trash-toggle-button.active{color:#4caf50}.header-icons .auto-play-toggle{align-items:center;align-self:center;display:flex;gap:4px;justify-content:center;padding:5px 6px;position:relative;top:0;transform:translateX(3px)}.auto-play-toggle-cube{align-items:center;display:flex;flex-direction:column;font-size:10px;font-weight:800;height:20px;justify-content:center;letter-spacing:.02em;line-height:1;transform:scaleY(.72);white-space:nowrap}.compose-open-pill{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;gap:4px;height:26px;padding:0 7px}.compose-open-half{align-items:center;color:#666;display:flex;justify-content:center;padding:3px 2px}.dark-mode .compose-open-half{color:#aaa}.compose-open-cursor.active{color:#4caf50}.compose-open-search.active{color:#fbc02d}.compose-open-divider{color:#bbb;flex-shrink:0}.dark-mode .compose-open-divider{color:#666}.compose-open-pill-compact{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;width:26px}.compose-flip-stage{height:15px;perspective:200px;position:relative;transform-style:preserve-3d;width:15px}.compose-flip-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#666;inset:0;position:absolute;transition:transform .32s cubic-bezier(.4,0,.2,1),color .32s}.dark-mode .compose-flip-icon{color:#aaa}.compose-flip-icon.face-front{transform:rotateY(0deg)}.compose-flip-cursor.face-back{transform:rotateY(-180deg)}.compose-flip-search.face-back{transform:rotateY(180deg)}.compose-flip-cursor.lit{color:#4caf50}.compose-flip-search.lit{color:#fbc02d}@media (prefers-reduced-motion:reduce){.compose-flip-icon{transition:none}}.input-search-switch{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:4px;padding:5px}.input-search-switch:hover{color:#4caf50}.dark-mode .input-search-switch{color:#888}.auto-flip-stage{flex-shrink:0;height:16px;overflow:hidden;position:relative;width:20px}.auto-flip-strip{display:flex;height:100%;transition:transform .32s cubic-bezier(.4,0,.2,1)}.auto-flip-strip.no-anim{transition:none}.auto-flip-face{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:20px}.auto-flip-arrows-svg{height:auto;overflow:visible;width:18px}.auto-flip-arrows-svg .ud-down path,.auto-flip-arrows-svg .ud-up path{stroke:#8a8a8a;transition:stroke .2s ease}.auto-flip-strip[data-arrows=up] .auto-flip-arrows-svg .ud-up path{stroke:#4caf50}.auto-flip-strip[data-arrows=down] .auto-flip-arrows-svg .ud-down path{stroke:#fbc02d}@media (prefers-reduced-motion:reduce){.auto-flip-strip{transition:none}}.auto-play-toggle.active{color:#4caf50!important}.settings-menu{background:#f7f4ef;border:1px solid #e6ded0;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:10px;max-height:70vh;overflow-anchor:none;overflow-y:auto;padding:14px 16px}.dark-mode .settings-menu{background:#2d2d2d;border-color:#444}.settings-snapshot-row{display:flex;gap:8px;justify-content:flex-end}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section-title{color:#cbcbcb;font-size:13px;font-weight:600;margin:0}.settings-section-title-collapsible{align-items:center;background:#0000000d;border-radius:7px;color:#cbcbcb;cursor:pointer;display:flex;gap:6px;justify-content:space-between;padding:9px 12px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.settings-section-title-collapsible:hover{background:#00000017}.dark-mode .settings-section-title-collapsible{background:#ffffff0f}.dark-mode .settings-section-title-collapsible:hover{background:#ffffff1c}.settings-section-title-with-icon{align-items:center;display:flex;gap:6px}.settings-section-chevron{color:#999;display:inline-block;font-size:13px;transition:transform .15s ease}.dark-mode .settings-section-chevron{color:#888}.settings-section-chevron.open{transform:rotate(90deg)}.settings-action-button{align-self:flex-start;background:#0000000d;border:none;border-radius:7px;color:#cbcbcb;cursor:pointer;font-size:12px;padding:7px 12px;transition:background .15s ease}.settings-action-button:hover:not(:disabled){background:#00000017}.settings-action-button:disabled{cursor:default;opacity:.6}.dark-mode .settings-action-button{background:#ffffff0f;color:#cbcbcb}.dark-mode .settings-action-button:hover:not(:disabled){background:#ffffff1c}.settings-checkbox-row{align-items:flex-start;color:#cbcbcb;cursor:pointer;display:flex;font-size:13px;gap:8px;line-height:1.3}.settings-checkbox-row input[type=checkbox],.settings-checkbox-row input[type=radio]{flex-shrink:0;margin-top:2px}.rec-color-option input[type=radio],.settings-checkbox-row input[type=checkbox],.settings-checkbox-row input[type=radio]{appearance:none;-webkit-appearance:none;background:#0000;border:1.5px solid #c9bfa8;cursor:pointer;height:15px;position:relative;width:15px}.dark-mode .rec-color-option input[type=radio],.dark-mode .settings-checkbox-row input[type=checkbox],.dark-mode .settings-checkbox-row input[type=radio]{border-color:#666}.settings-checkbox-row input[type=checkbox]{border-radius:4px}.rec-color-option input[type=radio],.settings-checkbox-row input[type=radio]{border-radius:50%}.rec-color-option input[type=radio]:checked,.settings-checkbox-row input[type=checkbox]:checked,.settings-checkbox-row input[type=radio]:checked{background:#fbc02d;border-color:#fbc02d}.settings-checkbox-row input[type=checkbox]:checked:after{border:solid #2d2d2d;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.rec-color-option input[type=radio]:checked:after,.settings-checkbox-row input[type=radio]:checked:after{background:#2d2d2d;border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}.settings-slider-row{display:flex;flex-direction:column;font-size:13px;gap:4px;line-height:1.3}.settings-slider-group{display:flex;flex-direction:column;gap:8px}.settings-slider-group .settings-slider-row.settings-slider-inline{gap:2px}.settings-slider-inline>span{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.settings-slider-inline>span b{font-feature-settings:"tnum";color:#4caf50;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:700}.settings-subhead{color:#999;font-size:10px;font-weight:700;letter-spacing:.05em;margin-top:8px;text-transform:uppercase}.settings-subhead:first-child{margin-top:0}.dark-mode .settings-subhead{color:#888}.music-track-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.music-track-btn{background:none;border:1px solid #ccc;border-radius:999px;color:#555;cursor:pointer;font-size:13px;padding:6px 12px}.dark-mode .music-track-btn{border-color:#555;color:#ccc}.music-track-btn.active{background:#4caf5026;border-color:#4caf50;color:#2e7d32}.dark-mode .music-track-btn.active{color:#81c784}.settings-slider-row input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#4caf50 0,#4caf50 0,#ddd 0,#ddd);background:linear-gradient(to right,#4caf50 0,#4caf50 var(--fill-percent,0),#ddd var(--fill-percent,0),#ddd 100%);border-radius:2px;height:4px;outline:none;width:100%}.dark-mode .settings-slider-row input[type=range]{background:linear-gradient(90deg,#4caf50 0,#4caf50 0,#555 0,#555);background:linear-gradient(to right,#4caf50 0,#4caf50 var(--fill-percent,0),#555 var(--fill-percent,0),#555 100%)}.settings-slider-row input[type=range]::-webkit-slider-runnable-track{background:#0000;height:4px}.settings-slider-row input[type=range]::-moz-range-track{background:#0000;height:4px}.settings-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fbc02d;border-radius:50%;cursor:pointer;height:14px;margin-top:-5px;width:14px}.settings-slider-row input[type=range]::-moz-range-thumb{background:#fbc02d;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}.rec-color-row{align-items:center;color:#cbcbcb;display:flex;font-size:13px;gap:14px;line-height:1.3}.rec-color-option{gap:6px}.rec-color-option,.rec-color-swatch-button{align-items:center;cursor:pointer;display:flex}.rec-color-swatch-button{border:none;border-radius:50%;color:#000;flex-shrink:0;height:18px;justify-content:center;padding:0;width:18px}.rec-color-swatch-button.selected{box-shadow:0 0 0 2px #ffffffd9}.dark-mode .rec-color-swatch-button.selected{box-shadow:0 0 0 2px #fff9}.waveform-style-picker{color:#555;display:flex;flex-direction:column;font-size:13px;gap:8px;line-height:1.3}.dark-mode .waveform-style-picker{color:#cbcbcb}.waveform-style-picker-label{flex-shrink:0}.waveform-style-segments{background:#0000000f;border-radius:8px;display:flex;gap:3px;padding:3px}.dark-mode .waveform-style-segments{background:#ffffff0f}.waveform-style-segment{background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;flex:1 1;font:inherit;font-size:12px;min-width:0;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;transition:background-color .12s ease,color .12s ease;white-space:nowrap}.waveform-style-segment:hover{background:#0000000d}.dark-mode .waveform-style-segment:hover{background:#ffffff0d}.waveform-style-segment.active,.waveform-style-segment.active:hover{background:#fbc02d;color:#2d2d2d;font-weight:600}.waveform-style-segment:focus-visible{outline:2px solid #fbc02d;outline-offset:1px}.waveform-style-preview-frame{background:#00000026;border-radius:6px;box-sizing:border-box;height:40px;padding:5px 8px}.dark-mode .waveform-style-preview-frame{background:#ffffff14}.settings-section .effect-debug-panel{background:none;border:none;margin-bottom:0;padding:0}.trash-panel{display:flex;flex-direction:column;gap:10px;margin-top:10px}.trash-panel-header{align-items:center;display:flex;font-weight:600;gap:12px}.trash-back-button{background:none;border:1px solid #ccc;border-radius:6px;color:inherit;cursor:pointer;font-size:12px;padding:6px 10px}.trash-restore-button{align-items:center;background:none;border:none;border-radius:50%;color:#4caf50;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.trash-restore-button:hover{background:#4caf501f}.trash-delete-forever-button{align-items:center;background:#f4433626;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;height:28px;justify-content:center;overflow:hidden;padding:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:28px}.trash-delete-forever-button:before{background:#f4433666;content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left center}.trash-delete-forever-button svg{position:relative;z-index:1}.trash-delete-forever-button.holding:before{animation:delete-button-fill 3s linear forwards}.error-toast{animation:error-toast-in .2s ease-out;background:#4caf50;border-radius:10px;bottom:24px;box-shadow:0 4px 16px #00000040;color:#fff;cursor:pointer;font-size:13px;left:50%;line-height:1.4;max-width:min(90vw,420px);padding:10px 16px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1100}.dark-mode .error-toast{background:#43a047}@keyframes error-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.audio-import-bar{animation:audio-import-drop .22s cubic-bezier(.2,.7,.3,1);background:#fbc02d;border-radius:12px;box-shadow:0 8px 28px #00000080;color:#1b1b1d;left:50%;padding:12px 18px 14px;position:fixed;top:14px;transform:translateX(-50%);width:min(94vw,520px);z-index:100000}.audio-import-bar.done{background:#4caf50;color:#fff}@keyframes audio-import-drop{0%{opacity:0;transform:translateX(-50%) translateY(-14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.audio-import-bar .aib-label{font-size:13.5px;font-weight:700;line-height:1.35;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-import-bar .aib-track{background:#0000002e;border-radius:3px;height:6px;overflow:hidden}.audio-import-bar.done .aib-track{background:#ffffff40}.audio-import-bar .aib-fill{background:#1b1b1d;border-radius:3px;height:100%;transition:width .25s ease}.audio-import-bar.done .aib-fill{background:#fff}.note-just-imported{animation:note-just-imported 2.4s ease-out}@keyframes note-just-imported{0%{box-shadow:0 0 0 2px #fbc02d,0 0 16px 2px #fbc02d80}70%{box-shadow:0 0 0 2px #fbc02d,0 0 16px 2px #fbc02d80}to{box-shadow:0 0 0 0 #fbc02d00}}.undo-delete-fab{align-items:center;animation:error-toast-in .2s ease-out;background:#fbc02d;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #00000040;color:#2d2d2d;cursor:pointer;display:flex;height:44px;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);width:44px;z-index:1100}.undo-delete-fab-count{background:#4caf50;border-radius:8px;color:#fff;font-size:10px;font-weight:600;height:16px;line-height:16px;min-width:16px;padding:0 3px;position:absolute;right:-4px;text-align:center;top:-4px}.indicators-wrapper{align-items:center;display:flex;gap:8px}.expand-indicator{align-items:center;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .2s ease}.dark-mode .expand-indicator{color:#aaa}.expand-indicator.active{color:#4caf50}.expanded-editor-overlay{align-items:center;background-color:#2a2a2a;border-radius:5px;bottom:10px;display:flex;justify-content:center;left:0;position:fixed;right:0;top:70px;z-index:1000}.expanded-editor-container{background-color:var(--bg-color);border:0 solid var(--border-color);border-radius:1px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:98%;padding:0;width:95%}.unified-editor{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);flex:1 1;font-size:18px;line-height:1.6;margin:10px;outline:none;overflow-y:auto;padding:15px;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word}.unified-editor:focus{border-color:var(--accent-color)}.unified-editor div{margin-bottom:8px;min-height:1.6em}.unified-editor p{margin:0 0 8px}.editor-image{border-radius:4px;cursor:default;display:block;margin:10px 0;max-height:500px;max-width:100%;object-fit:contain}.unified-editor br{content:"";display:block;margin-top:8px}.expanded-editor-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px}.expanded-editor-footer{display:flex;justify-content:flex-end;margin-top:5px}.close-button,.image-upload-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.close-button:hover,.image-upload-button:hover{background-color:#0000001a}.save-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:opacity .2s}.save-button:hover{opacity:.9}.input-wrapper.hidden{display:none}.dark-mode .unified-editor{background-color:var(--bg-color-darker);border-color:var(--border-color-darker);color:var(--text-color)}.dark-mode .unified-editor:focus{border-color:var(--accent-color)}.login-screen{align-items:center;background:#141414;background-image:radial-gradient(circle at 50% 0,#d9770614,#0000 60%);display:flex;justify-content:center;min-height:100vh;padding:24px;width:100%}.login-card{max-width:340px;width:100%}.login-logo-row{grid-column-gap:12px;align-items:center;column-gap:12px;display:grid;grid-template-columns:1fr 1fr;margin:0 auto 16px;max-width:300px;transform:translateX(-22px);width:100%}.login-logo-icon{display:flex;justify-content:flex-end}.login-logo-icon svg{display:block;height:auto;width:60px}.login-logo-text{color:#f1eee7;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.01em;line-height:1.06}.login-subtitle{color:#7a7a7a;font-size:13px;margin:0 0 32px;text-align:center}.login-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;width:100%}.login-btn:active{transform:scale(.98)}.login-btn-outline{align-items:center;background:#f1eee708;border-color:#f1eee729;color:#f1eee7;display:flex;gap:9px;justify-content:center}.login-btn-outline:hover{background:#f1eee70f;border-color:#f1eee747}.login-btn-icon{flex-shrink:0;height:18px;width:18px}.login-divider{align-items:center;color:#555;display:flex;font-size:12px;gap:12px;letter-spacing:.08em;margin:20px 0;text-transform:uppercase}.login-divider:after,.login-divider:before{background:#2a2a2a;content:"";flex:1 1;height:1px}.login-field{background:#1e1e1e;border:1px solid #2e2e2e;border-radius:10px;box-sizing:border-box;color:#f0f0f0;font-size:14px;margin-bottom:10px;outline:none;padding:12px 14px;transition:border-color .15s ease;width:100%}.login-field::placeholder{color:#6a6a6a}.login-field:focus{border-color:#d97706}.login-btn-secondary{background:#0000;border-color:#2e2e2e;color:#a0a0a0;margin-top:8px}.login-btn-secondary:hover{border-color:#444;color:#f0f0f0}.login-error{color:#f87171;font-size:13px;margin-top:14px;min-height:18px;text-align:center}.App{background-color:#f3f4f6;display:flex;justify-content:center;min-height:100vh;transition:background-color .3s ease}.App.dark-mode,html[class*=dark-mode] .App{background-color:#1a1a1a}.App.dark-mode{color:#fff}.App-logo{height:40px;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d06e57da.css.map*/