.oggfo{--oggfo-primary:#3b3935;--oggfo-primary-hover:#25231f;--oggfo-on-primary:#fae9ba;--oggfo-accent:#d6a15e;--oggfo-accent-ink:#8a5a1f;--oggfo-accent-soft:#fad99c;--oggfo-text:#3b3935;--oggfo-muted:#6e6558;--oggfo-border:#ecd9ae;--oggfo-bg:#fffaee;--oggfo-surface:#fae9ba;--oggfo-wave:#e2c48c;--oggfo-wave-played:#3b3935;--oggfo-radius:14px;box-sizing:border-box;max-width:820px;margin:0 auto 2em;padding:28px;background:var(--oggfo-bg);color:var(--oggfo-text);border:1px solid var(--oggfo-border);border-radius:20px;box-shadow:0 10px 30px -12px rgb(59 57 53 / .25);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;text-align:left}.oggfo *,.oggfo *::before,.oggfo *::after{box-sizing:border-box}.oggfo [hidden]{display:none!important}.oggfo-head{text-align:center;margin-bottom:20px}.oggfo .oggfo-title{margin:0 0 6px;font-size:1.6em;line-height:1.2;font-weight:700;color:var(--oggfo-text)}.oggfo .oggfo-sub{margin:0 auto;max-width:560px;color:var(--oggfo-muted);font-size:.95em}.oggfo .oggfo-h3{margin:0 0 12px;font-size:1.05em;font-weight:650;color:var(--oggfo-text)}.oggfo-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;margin:0;border:2px dashed var(--oggfo-accent);border-radius:var(--oggfo-radius);background:var(--oggfo-accent-soft);cursor:pointer;text-align:center;transition:background .15s,border-color .15s,transform .15s}.oggfo-drop:hover,.oggfo-drop:focus-visible,.oggfo-drop.is-over{border-color:var(--oggfo-primary);background:#f8d08a;outline:none}.oggfo-drop.is-over{transform:scale(1.01)}.oggfo-drop-icon{color:var(--oggfo-primary)}.oggfo-drop-main{font-size:1.15em;font-weight:650}.oggfo-drop-alt{color:var(--oggfo-muted);display:flex;align-items:center;gap:8px}.oggfo-drop-note{color:var(--oggfo-muted);font-size:.82em;margin-top:4px}.oggfo .oggfo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;margin:0;font:inherit;font-size:.92em;font-weight:600;line-height:1.2;color:var(--oggfo-text);background:var(--oggfo-bg);border:1px solid var(--oggfo-border);border-radius:10px;cursor:pointer;text-decoration:none;text-transform:none;letter-spacing:normal;box-shadow:none;transition:background .15s,border-color .15s}.oggfo .oggfo-btn:hover{border-color:var(--oggfo-accent);background:var(--oggfo-surface)}.oggfo .oggfo-btn:disabled{opacity:.55;cursor:default}.oggfo .oggfo-btn-primary{background:var(--oggfo-primary);border-color:var(--oggfo-primary);color:var(--oggfo-on-primary)}.oggfo .oggfo-btn-primary:hover{background:var(--oggfo-primary-hover);border-color:var(--oggfo-primary-hover);color:var(--oggfo-on-primary)}.oggfo .oggfo-btn-ghost{background:#fff0;border-color:#fff0;color:var(--oggfo-accent-ink)}.oggfo .oggfo-btn-ghost:hover{background:var(--oggfo-accent-soft);border-color:#fff0}.oggfo .oggfo-btn-small{min-height:34px;padding:6px 12px;font-size:.85em}.oggfo-msg{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.92em;background:var(--oggfo-surface)}.oggfo-msg.is-error{background:#fdecec;color:#8f1d1d}.oggfo-msg.is-warn{background:var(--oggfo-accent-soft);color:#5c3b10}.oggfo-panel{margin-top:4px}.oggfo-filebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.oggfo-filename{font-weight:650;word-break:break-all;min-width:0}.oggfo-media audio{display:none}.oggfo-video{display:block;width:100%;max-height:460px;background:#000;border-radius:var(--oggfo-radius);margin-bottom:14px;cursor:pointer}.oggfo-wave-wrap{position:relative;height:96px;margin-bottom:12px;background:#fdf2d4;border-radius:var(--oggfo-radius);overflow:hidden}.oggfo-wave{display:block;width:100%;height:100%;cursor:pointer}.oggfo-trim-shade{position:absolute;top:0;bottom:0;width:0;background:rgb(59 57 53 / .14);pointer-events:none}.oggfo-trim-l{left:0;border-right:2px solid var(--oggfo-accent)}.oggfo-trim-r{right:0;border-left:2px solid var(--oggfo-accent)}.oggfo-trim-l[style*="width: 0%"],.oggfo-trim-r[style*="width: 0%"]{border:0}.oggfo-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:4px 0 8px}.oggfo .oggfo-play{width:52px;height:52px;padding:0;margin:0;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--oggfo-primary);color:var(--oggfo-on-primary);cursor:pointer;box-shadow:0 6px 16px -6px rgb(59 57 53 / .55);transition:background .15s,transform .1s}.oggfo .oggfo-play:hover{background:var(--oggfo-primary-hover)}.oggfo .oggfo-play:active{transform:scale(.95)}.oggfo-time{font-variant-numeric:tabular-nums;color:var(--oggfo-muted);font-size:.95em}.oggfo-speed,.oggfo-vol{display:inline-flex;align-items:center;gap:8px;color:var(--oggfo-muted);font-size:.9em;margin:0}.oggfo-vol{margin-left:auto}.oggfo-vol input[type=range]{width:100px;accent-color:var(--oggfo-accent);margin:0;padding:0;border:0;background:#fff0}.oggfo select,.oggfo input[type=text]{font:inherit;font-size:.92em;color:var(--oggfo-text);height:36px;padding:4px 10px;margin:0;background:var(--oggfo-bg);border:1px solid var(--oggfo-border);border-radius:8px;box-shadow:none;width:auto;max-width:100%}.oggfo input[type=text]{width:96px;font-variant-numeric:tabular-nums}.oggfo select:focus,.oggfo input[type=text]:focus{outline:2px solid var(--oggfo-accent);outline-offset:1px;border-color:#fff0}.oggfo-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:14px 0 0;padding:0}.oggfo-info div{background:var(--oggfo-surface);border-radius:10px;padding:10px 12px}.oggfo-info dt{margin:0;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:var(--oggfo-muted);font-weight:600}.oggfo-info dd{margin:2px 0 0;font-weight:600;font-size:.95em;font-variant-numeric:tabular-nums}.oggfo-convert{margin-top:22px;padding-top:20px;border-top:1px solid var(--oggfo-border)}.oggfo-trim,.oggfo-export{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.oggfo-trim label,.oggfo-export label{display:inline-flex;align-items:center;gap:8px;font-size:.9em;color:var(--oggfo-muted);margin:0}.oggfo-progress{display:flex;align-items:center;gap:12px}.oggfo-progress-bar{flex:1;height:8px;background:var(--oggfo-surface);border-radius:99px;overflow:hidden}.oggfo-progress-bar span{display:block;height:100%;width:0;background:var(--oggfo-accent);transition:width .2s}.oggfo-progress-label{font-size:.85em;color:var(--oggfo-muted);min-width:150px;font-variant-numeric:tabular-nums}.oggfo .oggfo-privacy{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;font-size:.82em;color:var(--oggfo-muted);text-align:center}.oggfo-privacy svg{color:var(--oggfo-accent-ink);flex:none}@media (max-width:600px){.oggfo{padding:18px 16px;border-radius:16px}.oggfo .oggfo-title{font-size:1.35em}.oggfo-drop{padding:32px 14px}.oggfo-vol{margin-left:0}.oggfo-controls{gap:12px}.oggfo-progress-label{min-width:0}}.oggfo-video.is-novideo{display:none}