.recorder-container[data-astro-cid-xr7v3sge]{max-width:860px;margin:0 auto;padding:2em;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--box-shadow-lg)}.recorder-header[data-astro-cid-xr7v3sge]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5em;flex-wrap:wrap;gap:1em}.recorder-header[data-astro-cid-xr7v3sge] h2[data-astro-cid-xr7v3sge]{font-size:1.6rem;margin:0}.rec-status[data-astro-cid-xr7v3sge]{display:flex;align-items:center;gap:.5em;padding:.4em 1em;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50px;font-size:.85rem;color:var(--text-secondary)}.status-dot[data-astro-cid-xr7v3sge]{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.rec-status[data-astro-cid-xr7v3sge].recording .status-dot[data-astro-cid-xr7v3sge]{background:var(--danger);animation:pulse 1.5s infinite}.rec-status[data-astro-cid-xr7v3sge].paused .status-dot[data-astro-cid-xr7v3sge]{background:var(--warning)}.rec-status[data-astro-cid-xr7v3sge].recording .status-text[data-astro-cid-xr7v3sge]{color:var(--danger)}.rec-status[data-astro-cid-xr7v3sge].paused .status-text[data-astro-cid-xr7v3sge]{color:var(--warning)}.preview-area[data-astro-cid-xr7v3sge]{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;margin-bottom:1.5em;display:flex;align-items:center;justify-content:center}.preview-placeholder[data-astro-cid-xr7v3sge]{display:flex;flex-direction:column;align-items:center;gap:.6em;color:var(--text-muted);text-align:center;padding:2em}.preview-placeholder[data-astro-cid-xr7v3sge] span[data-astro-cid-xr7v3sge]{font-size:.95rem}.preview-placeholder[data-astro-cid-xr7v3sge] small[data-astro-cid-xr7v3sge]{font-size:.8rem;opacity:.6}#screen-preview[data-astro-cid-xr7v3sge]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:none;background:#000}#webcam-preview[data-astro-cid-xr7v3sge]{position:absolute;bottom:16px;right:16px;width:160px;height:120px;border-radius:var(--radius);border:2px solid var(--accent-primary);object-fit:cover;display:none;z-index:2;box-shadow:0 4px 15px #0006}.timer-display[data-astro-cid-xr7v3sge]{text-align:center;margin-bottom:1.5em;display:none}.timer-display[data-astro-cid-xr7v3sge].visible{display:block}.timer-value[data-astro-cid-xr7v3sge]{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.controls[data-astro-cid-xr7v3sge]{display:flex;flex-direction:column;gap:1.5em;margin-bottom:1.5em}.controls-row[data-astro-cid-xr7v3sge]{display:flex;justify-content:center;gap:.8em;flex-wrap:wrap}.options-row[data-astro-cid-xr7v3sge]{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap}.option-toggle[data-astro-cid-xr7v3sge]{display:flex;align-items:center;gap:.6em;cursor:pointer;user-select:none}.option-toggle[data-astro-cid-xr7v3sge] input[data-astro-cid-xr7v3sge]{display:none}.option-toggle[data-astro-cid-xr7v3sge]:has(input:disabled){opacity:.5;cursor:not-allowed}.toggle-slider[data-astro-cid-xr7v3sge]{width:36px;height:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50px;position:relative;transition:all .3s ease}.toggle-slider[data-astro-cid-xr7v3sge]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all .3s ease}.option-toggle[data-astro-cid-xr7v3sge] input[data-astro-cid-xr7v3sge]:checked+.toggle-slider[data-astro-cid-xr7v3sge]{background:var(--accent-primary);border-color:var(--accent-primary)}.option-toggle[data-astro-cid-xr7v3sge] input[data-astro-cid-xr7v3sge]:checked+.toggle-slider[data-astro-cid-xr7v3sge]:after{left:18px;background:#fff}.toggle-label[data-astro-cid-xr7v3sge]{display:flex;align-items:center;gap:.3em;font-size:.85rem;color:var(--text-secondary)}.format-select[data-astro-cid-xr7v3sge]{display:flex;align-items:center;gap:.6em}.format-select[data-astro-cid-xr7v3sge].disabled{opacity:.5;pointer-events:none}.format-label[data-astro-cid-xr7v3sge]{display:flex;align-items:center;gap:.3em;font-size:.85rem;color:var(--text-secondary)}.format-select[data-astro-cid-xr7v3sge] select[data-astro-cid-xr7v3sge]{font-family:var(--font-sans);font-size:.85rem;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.35em .6em;cursor:pointer;transition:border-color .2s ease}.format-select[data-astro-cid-xr7v3sge] select[data-astro-cid-xr7v3sge]:hover,.format-select[data-astro-cid-xr7v3sge] select[data-astro-cid-xr7v3sge]:focus{border-color:var(--accent-primary);outline:none}.download-card[data-astro-cid-xr7v3sge]{text-align:center;padding:2em;background:var(--bg-primary)}.download-card[data-astro-cid-xr7v3sge] h3[data-astro-cid-xr7v3sge]{margin-bottom:.3em}.rec-info[data-astro-cid-xr7v3sge]{font-size:.85rem;color:var(--text-muted);margin-bottom:1.2em}#playback-video[data-astro-cid-xr7v3sge]{width:100%;max-height:400px;border-radius:var(--radius);background:#000;margin-bottom:1.5em}.download-actions[data-astro-cid-xr7v3sge]{display:flex;justify-content:center;gap:1em;margin-bottom:1em;flex-wrap:wrap}.download-note[data-astro-cid-xr7v3sge]{display:flex;align-items:center;justify-content:center;gap:.4em;font-size:.8rem;color:var(--text-muted);margin:0}.browser-note[data-astro-cid-xr7v3sge]{text-align:center;font-size:.8rem;color:var(--text-muted);opacity:.7;margin:0}@media(max-width:768px){.recorder-container[data-astro-cid-xr7v3sge]{padding:1.2em}.recorder-header[data-astro-cid-xr7v3sge] h2[data-astro-cid-xr7v3sge]{font-size:1.3rem}#webcam-preview[data-astro-cid-xr7v3sge]{width:100px;height:75px;bottom:8px;right:8px}.options-row[data-astro-cid-xr7v3sge]{gap:1em}}.hero[data-astro-cid-j7pv25f6]{text-align:center;padding:4em 1em 1em;max-width:800px;margin:0 auto}.hero-badge[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:.5em;padding:.4em 1.2em;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;font-size:.8rem;color:var(--text-secondary);margin-bottom:1.5em}.badge-dot[data-astro-cid-j7pv25f6]{width:6px;height:6px;background:var(--success);border-radius:50%;display:inline-block;animation:pulse 2s infinite}.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(2.5rem,5vw,3.6rem);font-weight:600;line-height:1.15;margin-bottom:.6em;letter-spacing:-.015em}.hero-title[data-astro-cid-j7pv25f6] em[data-astro-cid-j7pv25f6]{font-style:italic;color:var(--accent-primary)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1.15rem;color:var(--text-secondary);max-width:540px;margin:0 auto 2em;line-height:1.7}.hero-actions[data-astro-cid-j7pv25f6]{display:flex;gap:1em;justify-content:center;margin-bottom:1em;flex-wrap:wrap}.btn-lg[data-astro-cid-j7pv25f6]{padding:1em 2.2em;font-size:1.05rem}.record-section[data-astro-cid-j7pv25f6]{padding:2em 1em 3em;scroll-margin-top:90px}.features[data-astro-cid-j7pv25f6]{padding:3em 1em;max-width:900px;margin:0 auto}.section-title[data-astro-cid-j7pv25f6]{text-align:center;font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.3em}.section-subtitle[data-astro-cid-j7pv25f6]{text-align:center;color:var(--text-muted);font-size:1rem;margin-bottom:3em}.features-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em}.feature-card[data-astro-cid-j7pv25f6]{text-align:left}.feature-icon[data-astro-cid-j7pv25f6]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:12px;margin-bottom:1em}.feature-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.15rem;margin-bottom:.5em}.feature-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.how-it-works[data-astro-cid-j7pv25f6]{padding:3em 1em;max-width:900px;margin:0 auto}.steps-grid[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:3em}.step[data-astro-cid-j7pv25f6]{text-align:center;flex:1;max-width:220px;padding:0 1em}.step-number[data-astro-cid-j7pv25f6]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;font-weight:700;font-size:1.2rem;margin:0 auto 1em;color:#fff}.step[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.1rem;margin-bottom:.5em}.step[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.85rem;color:var(--text-muted);margin:0}.step-connector[data-astro-cid-j7pv25f6]{width:60px;height:2px;background:var(--border-color);margin-top:24px;flex-shrink:0}.cta-section[data-astro-cid-j7pv25f6]{text-align:center;padding:2em 0}.faq[data-astro-cid-j7pv25f6]{padding:2em 1em 4em;max-width:720px;margin:0 auto}.faq-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.8em}.faq-item[data-astro-cid-j7pv25f6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:0 1.4em;box-shadow:0 1px 3px #1f1e1d0a;transition:border-color .2s ease}.faq-item[data-astro-cid-j7pv25f6][open]{border-color:var(--border-glow)}.faq-item[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1.1em 0;font-weight:600;font-size:.95rem;color:var(--text-primary);cursor:pointer;list-style:none}.faq-item[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-j7pv25f6] summary[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.faq-item[data-astro-cid-j7pv25f6][open] summary[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{transform:rotate(180deg)}.faq-item[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1.2em}@media(max-width:768px){.features-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.steps-grid[data-astro-cid-j7pv25f6]{flex-direction:column;align-items:center}.step-connector[data-astro-cid-j7pv25f6]{width:2px;height:30px;margin:0}.hero[data-astro-cid-j7pv25f6]{padding:2em .5em .5em}.record-section[data-astro-cid-j7pv25f6]{padding:1.5em 0 2em}}