.quickfeed-container.svelte-dfao8r{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}.sr-only.svelte-dfao8r{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quickfeed-content.svelte-dfao8r{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.audio-item.svelte-dfao8r{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3c72,#2a5298)}.background-blur.svelte-dfao8r{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.content-overlay.svelte-dfao8r{position:absolute;inset:0;display:grid;grid-template-areas:". . actions" ". controls actions" "info info actions";grid-template-columns:1fr 2fr 120px;grid-template-rows:1fr 1fr 1fr;padding:2rem;gap:1rem}.audio-controls.svelte-dfao8r{grid-area:controls;display:flex;flex-direction:column;align-items:center;justify-content:center}.waveform-container.svelte-dfao8r{display:flex;flex-direction:column;align-items:center;gap:2rem}.navigation-controls.svelte-dfao8r{display:flex;align-items:center;gap:1.5rem}.play-button.svelte-dfao8r button:where(.svelte-dfao8r){width:80px;height:80px;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button.svelte-dfao8r button:where(.svelte-dfao8r):hover{background:#ffffff4d;transform:scale(1.1)}.nav-button.svelte-dfao8r button:where(.svelte-dfao8r){width:60px;height:60px;border-radius:50%;border:none;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-button.svelte-dfao8r button:where(.svelte-dfao8r):hover{background:#ffffff40;transform:scale(1.05)}.nav-button.svelte-dfao8r button:where(.svelte-dfao8r):active{transform:scale(.95)}.loading-spinner.svelte-dfao8r{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-dfao8r-spin 1s linear infinite}.loading-item.svelte-dfao8r{background:linear-gradient(135deg,#2c3e50,#3498db)}.loading-content.svelte-dfao8r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100%;color:#fff}.loading-content.svelte-dfao8r p:where(.svelte-dfao8r){font-size:1.1rem;margin:0;opacity:.9}.transition-indicator.svelte-dfao8r{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:8px;padding:1rem 1.5rem;z-index:2000;color:#fff;font-size:.9rem}.transition-content.svelte-dfao8r{display:flex;align-items:center;gap:.5rem}.transition-spinner.svelte-dfao8r{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:svelte-dfao8r-spin .8s linear infinite}@keyframes svelte-dfao8r-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-panel.svelte-dfao8r{position:fixed;top:1rem;left:1rem;background:#000000e6;color:#fff;padding:1rem;border-radius:8px;font-family:monospace;font-size:.8rem;z-index:1500;min-width:200px}.debug-panel.svelte-dfao8r h4:where(.svelte-dfao8r){margin:0 0 .5rem;color:#ff6b6b}.debug-info.svelte-dfao8r div:where(.svelte-dfao8r){margin-bottom:.3rem;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.slot-info.svelte-dfao8r{font-size:.7rem;opacity:.7}.slot-info.active.svelte-dfao8r{color:#ff6b6b;font-weight:700;opacity:1}.progress-bar.svelte-dfao8r{width:300px;display:flex;flex-direction:column;gap:.5rem}.progress-track.svelte-dfao8r{width:100%;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill.svelte-dfao8r{height:100%;background:#fff;transition:width .1s ease}.time-display.svelte-dfao8r{display:flex;justify-content:space-between;font-size:.9rem;color:#fffc}.content-info.svelte-dfao8r{grid-area:info;color:#fff;max-width:70%}.content-info.svelte-dfao8r h2:where(.svelte-dfao8r){font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.author.svelte-dfao8r{font-size:1rem;margin:0 0 1rem;opacity:.9}.author.svelte-dfao8r a:where(.svelte-dfao8r){color:#fff;text-decoration:none;font-weight:500}.description.svelte-dfao8r{font-size:.9rem;line-height:1.4;margin-bottom:1rem;opacity:.8}.stats.svelte-dfao8r{display:flex;gap:.5rem;font-size:.8rem;opacity:.7}.action-buttons.svelte-dfao8r{grid-area:actions;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center}.action-btn.svelte-dfao8r{width:56px;height:56px;border-radius:50%;border:none;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;color:#fff;font-size:.7rem;font-weight:600}.action-btn.svelte-dfao8r:hover{background:#ffffff4d;transform:scale(1.1)}.favorite-btn.favorited.svelte-dfao8r{background:#ff6b6b4d}.action-btn.svelte-dfao8r span:where(.svelte-dfao8r){margin-top:.2rem}.comments-dialog.svelte-dfao8r{width:100%;max-width:100vw;height:70vh;margin:auto 0 0;padding:1.5rem;background:#fff;border:none;border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;overflow:hidden;touch-action:pan-y}.comments-dialog.svelte-dfao8r::backdrop{background:#000c}.comments-header.svelte-dfao8r{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:1rem}.comments-header.svelte-dfao8r h3:where(.svelte-dfao8r){margin:0;color:#333}.close-btn.svelte-dfao8r{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.comments-content.svelte-dfao8r{flex:1;overflow-y:auto;color:#333;display:flex;flex-direction:column}.no-comments.svelte-dfao8r{text-align:center;color:#666;font-style:italic;margin:2rem 0}.comment-form.svelte-dfao8r{margin-top:auto;padding-top:1rem;border-top:1px solid #eee}.comment-form.svelte-dfao8r .warning:where(.svelte-dfao8r){background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:.5rem;border-radius:.25rem;margin-bottom:.5rem;font-size:.9rem}.comment-form.svelte-dfao8r textarea:where(.svelte-dfao8r){width:100%;border:1px solid #ddd;border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.5rem}.comment-form.svelte-dfao8r textarea:where(.svelte-dfao8r):focus{outline:none;border-color:#007bff}.comment-form.svelte-dfao8r button:where(.svelte-dfao8r){background:#007bff;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.comment-form.svelte-dfao8r button:where(.svelte-dfao8r):hover{background:#0056b3}.login-prompt.svelte-dfao8r{text-align:center;margin:2rem 0;color:#666}.login-prompt.svelte-dfao8r a:where(.svelte-dfao8r){color:#007bff;text-decoration:none;font-weight:600}.login-prompt.svelte-dfao8r a:where(.svelte-dfao8r):hover{text-decoration:underline}.control-hints.svelte-dfao8r{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.mobile-hints.svelte-dfao8r{display:none}.desktop-hints.svelte-dfao8r{display:flex;flex-direction:column;gap:.5rem}.hint.svelte-dfao8r{background:#000000b3;color:#fff;padding:.3rem .6rem;border-radius:1rem;font-size:.7rem;font-weight:500}@media(max-width:768px){.content-overlay.svelte-dfao8r{grid-template-columns:1fr 80px;grid-template-areas:". actions" "controls actions" "info actions";padding:1rem}.progress-bar.svelte-dfao8r{width:200px}.content-info.svelte-dfao8r h2:where(.svelte-dfao8r){font-size:1.2rem}.desktop-hints.svelte-dfao8r{display:none}.mobile-hints.svelte-dfao8r{display:flex;flex-direction:column;gap:.5rem}.audio-item.svelte-dfao8r{height:100dvh}}body{margin:0;padding:0;overflow:hidden}main{padding:0;height:calc(100vh - 80px);overflow:hidden}
