.vn-app{--vn-bg: #09090b;--vn-panel: #111116;--vn-panel2: #17171d;--vn-line: #27272a;--vn-text: #f4f4f5;--vn-dim: #a1a1aa;--vn-accent: #f59e0b;--vn-accent-soft: rgba(245, 158, 11, .16);--vn-fix: #fb7185;--vn-idea: #38bdf8;--vn-good: #34d399;--vn-question: #a78bfa;--vn-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--vn-radius: 14px;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem;color:var(--vn-text)}.vn-dim{color:var(--vn-dim)}.vn-app [hidden]{display:none!important}.vn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.vn-title{font-size:1.65rem;margin:0 0 .35rem;background:linear-gradient(135deg,#fde68a,#f59e0b 55%,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vn-lead{margin:0;color:var(--vn-dim);font-size:.9rem;line-height:1.7;max-width:72ch}.vn-head-actions{display:flex;gap:.5rem;align-items:center}.vn-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:0;margin:0 0 1.1rem}.vn-step{display:flex;gap:.6rem;background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:12px;padding:.7rem .8rem}.vn-step-num{flex:none;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--vn-accent-soft);color:var(--vn-accent);font-weight:800;font-size:.85rem;display:grid;place-items:center}.vn-step-title{margin:0 0 .2rem;font-size:.9rem;font-weight:700}.vn-step-text{margin:0;font-size:.78rem;color:var(--vn-dim);line-height:1.55}.vn-h2{font-size:1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.4rem}.vn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border:1.5px solid transparent;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;line-height:1.2;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.vn-btn:disabled{opacity:.45;cursor:not-allowed}.vn-btn:not(:disabled):active{transform:scale(.97)}.vn-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1917;box-shadow:0 6px 18px #f59e0b47}.vn-btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.vn-btn-ghost{background:var(--vn-panel2);color:var(--vn-text);border-color:#3f3f46}.vn-btn-ghost:not(:disabled):hover{background:#222229;border-color:#52525b}.vn-btn-sm{padding:.4rem .7rem;font-size:.8rem}.vn-btn:focus-visible,.vn-tbtn:focus-visible,.vn-chip:focus-visible,.vn-type:focus-visible,.vn-mini:focus-visible{outline:2px solid var(--vn-accent);outline-offset:2px}.vn-section{background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:var(--vn-radius);padding:1rem;margin-top:1rem}.vn-section-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.vn-note{margin:.7rem 0 0;font-size:.78rem;color:var(--vn-dim);line-height:1.6}.vn-empty{color:#7c7c86;font-size:.85rem;line-height:1.6;text-align:center;padding:1.2rem .5rem;margin:0}.vn-empty[hidden]{display:none}.vn-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;align-items:start}.vn-col{min-width:0}.vn-col-notes{background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:var(--vn-radius);padding:1rem;position:sticky;top:.75rem;max-height:calc(100vh - 1.5rem);display:flex;flex-direction:column}.vn-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:2.6rem 1.4rem;border-radius:var(--vn-radius);background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.16),transparent 65%),var(--vn-panel);border:2px dashed rgba(245,158,11,.4);cursor:pointer;text-align:center;transition:border-color .2s,transform .15s}.vn-dropzone:hover,.vn-dropzone.dragover{border-color:var(--vn-accent)}.vn-dropzone.dragover{transform:scale(1.005);background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.3),transparent 65%),var(--vn-panel)}.vn-dropzone[hidden]{display:none}.vn-dz-icon{font-size:2.4rem}.vn-dz-title{font-size:1.1rem;font-weight:700}.vn-dz-sub{font-size:.82rem;color:var(--vn-dim);line-height:1.6;max-width:46ch}.vn-dz-btn{margin-top:.5rem}.vn-dz-error{margin:.4rem 0 0;color:#fca5a5;font-size:.82rem}.vn-player[hidden]{display:none}.vn-video-wrap{background:#000;border-radius:var(--vn-radius);overflow:hidden;border:1px solid var(--vn-line)}.vn-video-wrap video{display:block;width:100%;max-height:62vh;background:#000}.vn-fileinfo{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;padding:.55rem .2rem 0;font-size:.82rem}.vn-fileinfo-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;flex:1 1 12rem;min-width:0}.vn-fileinfo-meta{display:flex;gap:.8rem;font-variant-numeric:tabular-nums}.vn-fileinfo-meta .vn-dim{margin-right:.25rem}.vn-timeline-wrap{margin-top:.7rem}.vn-timeline-label{font-size:.72rem;color:var(--vn-dim);margin-bottom:.25rem}.vn-timeline{position:relative;height:26px;background:var(--vn-panel2);border:1px solid var(--vn-line);border-radius:8px;cursor:pointer;overflow:hidden}.vn-tl-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:#f59e0b1f;pointer-events:none}.vn-tl-cursor{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--vn-accent);pointer-events:none;left:0}.vn-tl-marks{position:absolute;inset:0}.vn-mark{position:absolute;top:4px;bottom:4px;width:4px;margin-left:-2px;border-radius:3px;background:var(--vn-mark-color, var(--vn-fix));border:0;padding:0;cursor:pointer;opacity:.95}.vn-mark.vn-mark-range{width:auto;margin-left:0;min-width:4px;opacity:.55}.vn-mark:hover{opacity:1;box-shadow:0 0 0 2px #ffffff59}.vn-transport{display:flex;align-items:center;gap:.5rem .9rem;flex-wrap:wrap;margin-top:.6rem}.vn-transport-group{display:inline-flex;gap:.25rem}.vn-tbtn{background:var(--vn-panel2);border:1px solid #3f3f46;color:var(--vn-text);border-radius:8px;padding:.4rem .55rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:var(--vn-mono);min-width:2.4rem}.vn-tbtn:hover{background:#222229;border-color:#52525b}.vn-tbtn-play{background:var(--vn-accent-soft);border-color:#f59e0b80;color:#fde68a;min-width:2.8rem}.vn-time{font-family:var(--vn-mono);font-size:.9rem;font-variant-numeric:tabular-nums}.vn-speed,.vn-sel{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.vn-speed select,.vn-sel select{background:var(--vn-panel2);color:var(--vn-text);border:1px solid #3f3f46;border-radius:8px;padding:.35rem .5rem;font-size:.8rem;font-family:inherit}.vn-loop{border-color:#f59e0b99;color:#fde68a}.vn-composer{margin-top:.9rem;background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:var(--vn-radius);padding:.9rem 1rem .8rem}.vn-composer.is-active{border-color:#f59e0b8c;box-shadow:0 0 0 3px #f59e0b1f}.vn-composer-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem}.vn-editing{font-size:.72rem;font-weight:700;color:var(--vn-accent);background:var(--vn-accent-soft);border-radius:999px;padding:.1rem .5rem}.vn-timerow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.vn-timechip{display:inline-flex;align-items:center;gap:.45rem;background:var(--vn-panel2);border:1px solid var(--vn-line);border-radius:999px;padding:.3rem .5rem .3rem .75rem;font-size:.82rem}.vn-timechip strong{font-family:var(--vn-mono);font-variant-numeric:tabular-nums;min-width:3ch;color:#fde68a}.vn-timechip-sep{color:var(--vn-dim)}.vn-mini{background:transparent;border:1px solid #3f3f46;color:var(--vn-dim);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit}.vn-mini:hover{color:var(--vn-text);border-color:#7c7c86}.vn-mini[hidden]{display:none}.vn-types{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.55rem}.vn-type,.vn-chip{background:var(--vn-panel2);border:1.5px solid #3f3f46;color:var(--vn-dim);border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s}.vn-type[data-type=fix]{--c: var(--vn-fix)}.vn-type[data-type=idea]{--c: var(--vn-idea)}.vn-type[data-type=good]{--c: var(--vn-good)}.vn-type[data-type=question]{--c: var(--vn-question)}.vn-chip-fix{--c: var(--vn-fix)}.vn-chip-idea{--c: var(--vn-idea)}.vn-chip-good{--c: var(--vn-good)}.vn-chip-question{--c: var(--vn-question)}.vn-type:hover,.vn-chip:hover{color:var(--vn-text);border-color:#7c7c86}.vn-type[aria-checked=true],.vn-chip.is-on{color:var(--c, var(--vn-accent));border-color:var(--c, var(--vn-accent));background:color-mix(in srgb,var(--c, var(--vn-accent)) 14%,transparent)}.vn-textarea,.vn-preview{width:100%;box-sizing:border-box;background:var(--vn-panel2);color:var(--vn-text);border:1px solid #3f3f46;border-radius:10px;padding:.6rem .7rem;font-size:.92rem;line-height:1.6;font-family:inherit;resize:vertical}.vn-textarea:focus,.vn-preview:focus{outline:none;border-color:var(--vn-accent)}.vn-preview{font-family:var(--vn-mono);font-size:.8rem;margin-top:.7rem}.vn-composer-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.55rem}.vn-opts{display:flex;gap:.3rem .9rem;flex-wrap:wrap;font-size:.76rem;color:var(--vn-dim)}.vn-opts label{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.vn-opts input{accent-color:var(--vn-accent)}.vn-composer-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.vn-hint{font-size:.72rem;color:#7c7c86}.vn-composer-idle{margin:.6rem 0 0;font-size:.78rem;color:#7c7c86;line-height:1.6}.vn-composer.is-active .vn-composer-idle{display:none}.vn-list-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.vn-count{font-size:.75rem;font-weight:800;color:var(--vn-accent);background:var(--vn-accent-soft);border-radius:999px;padding:.1rem .55rem;font-variant-numeric:tabular-nums}.vn-filter{display:flex;gap:.3rem;flex-wrap:wrap}.vn-filter .vn-chip{padding:.2rem .6rem;font-size:.72rem}.vn-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;overflow:auto;min-height:0;flex:1}.vn-item{display:grid;grid-template-columns:auto 1fr;gap:.5rem .7rem;background:var(--vn-panel2);border:1px solid var(--vn-line);border-left:4px solid var(--vn-item-color, var(--vn-fix));border-radius:10px;padding:.6rem .7rem}.vn-item.is-current{border-color:#f59e0b80;border-left-color:var(--vn-item-color, var(--vn-fix));background:#1c1a14}.vn-item-time{background:transparent;border:1px solid #3f3f46;color:#fde68a;border-radius:8px;padding:.25rem .5rem;font-family:var(--vn-mono);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;align-self:start}.vn-item-time:hover{border-color:var(--vn-accent)}.vn-item-body{min-width:0}.vn-item-top{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.25rem}.vn-badge{font-size:.68rem;font-weight:800;color:var(--vn-item-color, var(--vn-fix));border:1px solid color-mix(in srgb,var(--vn-item-color, var(--vn-fix)) 60%,transparent);background:color-mix(in srgb,var(--vn-item-color, var(--vn-fix)) 12%,transparent);border-radius:999px;padding:.05rem .5rem}.vn-item-text{margin:0;font-size:.88rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.vn-item-thumb{display:block;width:120px;max-width:100%;border-radius:6px;border:1px solid var(--vn-line);margin-top:.4rem;cursor:pointer}.vn-item-actions{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.4rem}.vn-item-actions .vn-mini{font-size:.7rem}.vn-item-actions .vn-mini.is-on{color:#fde68a;border-color:var(--vn-accent)}.vn-export-ctl{display:flex;gap:.8rem;flex-wrap:wrap}.vn-export-actions{display:flex;gap:.5rem;flex-wrap:wrap}.vn-import-hint{margin-top:.6rem}.vn-import-panel{margin-top:.7rem;background:var(--vn-panel2);border:1px solid rgba(245,158,11,.45);border-radius:10px;padding:.7rem}.vn-import-panel[hidden]{display:none}.vn-import-panel .vn-textarea{background:var(--vn-panel)}.vn-import-panel-actions{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.5rem}.vn-item.is-done{opacity:.6}.vn-item.is-done .vn-item-text{text-decoration:line-through;text-decoration-color:#fff6}.vn-done{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--vn-dim);cursor:pointer;margin-left:auto;white-space:nowrap}.vn-done input{accent-color:var(--vn-good);margin:0}.vn-count-done{font-size:.72rem;font-weight:700;color:var(--vn-good)}.vn-sess-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.4rem}.vn-sess{display:flex;align-items:center;gap:.5rem .9rem;flex-wrap:wrap;background:var(--vn-panel2);border:1px solid var(--vn-line);border-radius:10px;padding:.55rem .7rem;font-size:.82rem}.vn-sess.is-current{border-color:#f59e0b80}.vn-sess-name{font-weight:700;flex:1 1 14rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vn-sess-meta{color:var(--vn-dim);font-size:.76rem;white-space:nowrap}.vn-sess-actions{display:flex;gap:.3rem}.vn-sc-list{list-style:none;padding:0;margin:.7rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.35rem 1rem;font-size:.82rem}.vn-sc-list li{display:flex;align-items:center;gap:.6rem}.vn-keys{display:inline-flex;gap:.25rem;min-width:7rem}.vn-keys kbd{font-family:var(--vn-mono);font-size:.72rem;background:var(--vn-panel2);border:1px solid #3f3f46;border-bottom-width:2px;border-radius:5px;padding:.05rem .4rem;color:var(--vn-text)}.vn-seo{margin-top:2.2rem;border-top:1px solid var(--vn-line);padding-top:1.2rem}.vn-seo-title{font-size:1.05rem;font-weight:700;margin:1.4rem 0 .6rem}.vn-seo-list{margin:0;padding-left:1.2rem;color:#d4d4d8;font-size:.88rem;line-height:1.75}.vn-seo-text{margin:0;color:#d4d4d8;font-size:.88rem;line-height:1.75}.vn-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.vn-usecase{background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:12px;padding:.8rem .9rem}.vn-usecase h3{margin:0 0 .3rem;font-size:.9rem;font-weight:700}.vn-usecase p{margin:0;font-size:.82rem;color:var(--vn-dim);line-height:1.65}.vn-faq{background:var(--vn-panel);border:1px solid var(--vn-line);border-radius:10px;padding:.6rem .9rem;margin-bottom:.45rem}.vn-faq summary{cursor:pointer;font-weight:700;font-size:.9rem}.vn-faq p{margin:.5rem 0 0;font-size:.85rem;color:#d4d4d8;line-height:1.7}.vn-contact{text-align:center;font-size:.82rem;margin:.5rem 0 0}.vn-contact a{color:var(--vn-dim)}.vn-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);background:#27272a;color:var(--vn-text);border:1px solid #3f3f46;border-radius:999px;padding:.55rem 1rem;font-size:.85rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 10px 30px #00000073;z-index:50;max-width:calc(100vw - 2rem)}.vn-toast[hidden]{display:none}.vn-toast-btn{background:transparent;border:0;color:#fde68a;font-weight:800;cursor:pointer;font-family:inherit;font-size:.85rem;padding:0}.vn-toast-btn[hidden]{display:none}@media(max-width:960px){.vn-main{grid-template-columns:1fr}.vn-col-notes{position:static;max-height:none}.vn-list{max-height:60vh}.vn-steps{grid-template-columns:1fr}}@media(max-width:600px){.vn-usecases{grid-template-columns:1fr}.vn-composer-actions{margin-left:0;width:100%;justify-content:flex-end}.vn-hint{display:none}.vn-video-wrap video{max-height:45vh}}