:root{--vtn-bg:#f8f7ff;--vtn-card:#ffffff;--vtn-border:#e5e3f0;--vtn-primary:#4f46e5;--vtn-primary2:#3730a3;--vtn-accent:#06d6a0;--vtn-text:#1a1a2e;--vtn-muted:#6b6b8a;--vtn-success:#10b981;--vtn-radius:12px;--vtn-editor-h:460px;--vtn-font:'Inter', 'Segoe UI', system-ui, sans-serif}.vtn-dark{--vtn-bg:#13131f;--vtn-card:#1e1e2e;--vtn-border:#2e2e42;--vtn-text:#e8e8f5;--vtn-muted:#8888aa}.vtn-wrap *{box-sizing:border-box;margin:0;padding:0}.vtn-wrap{font-family:var(--vtn-font);background:var(--vtn-bg);border:1.5px solid var(--vtn-border);border-radius:18px;overflow:hidden;max-width:1100px;margin:0 auto;color:var(--vtn-text);box-shadow:0 4px 28px rgb(79 70 229 / .10);transition:background .2s,color .2s,border-color .2s}.vtn-topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--vtn-primary);color:#fff}.vtn-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;opacity:.95}.vtn-topbar-center{flex:1;min-width:0}.vtn-title-input{width:100%;padding:6px 12px;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .25);border-radius:8px;color:#fff;font-size:14px;font-weight:600;outline:none;font-family:inherit}.vtn-title-input::placeholder{color:rgb(255 255 255 / .6)}.vtn-title-input:focus{background:rgb(255 255 255 / .22);border-color:rgb(255 255 255 / .5)}.vtn-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.vtn-autosave-dot{width:8px;height:8px;border-radius:50%;background:var(--vtn-accent);flex-shrink:0;transition:background .3s}.vtn-autosave-dot.saving{background:#f59e0b;animation:vtn-pulse 1s infinite}.vtn-save-label{font-size:11px;color:rgb(255 255 255 / .75);font-weight:500}.vtn-topbar-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgb(255 255 255 / .18);border:1px solid rgb(255 255 255 / .28);border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.vtn-topbar-btn:hover{background:rgb(255 255 255 / .28)}.vtn-tabs-bar{display:flex;align-items:center;background:var(--vtn-card);border-bottom:1.5px solid var(--vtn-border);padding:0 8px;overflow-x:auto}.vtn-tabs{display:flex;gap:2px;flex:1}.vtn-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-bottom:2px solid #fff0;background:#fff0;cursor:pointer;font-size:12px;font-weight:600;color:var(--vtn-muted);white-space:nowrap;transition:all .15s;font-family:inherit;max-width:160px}.vtn-tab.active{color:var(--vtn-primary);border-bottom-color:var(--vtn-primary)}.vtn-tab:hover:not(.active){color:var(--vtn-text);background:var(--vtn-bg)}.vtn-tab-name{overflow:hidden;text-overflow:ellipsis;max-width:100px}.vtn-tab-close{width:16px;height:16px;border-radius:50%;border:none;background:#fff0;cursor:pointer;font-size:11px;color:var(--vtn-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s;padding:0}.vtn-tab-close:hover{background:#fecaca;color:#dc2626}.vtn-add-tab{padding:6px 10px;border:1.5px dashed var(--vtn-border);border-radius:7px;background:#fff0;cursor:pointer;color:var(--vtn-muted);display:flex;align-items:center;transition:all .15s;flex-shrink:0;margin-left:4px}.vtn-add-tab:hover{border-color:var(--vtn-primary);color:var(--vtn-primary);background:var(--vtn-bg)}.vtn-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--vtn-card);border-bottom:1.5px solid var(--vtn-border);gap:8px;flex-wrap:wrap}.vtn-toolbar-left,.vtn-toolbar-right{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.vtn-tb-btn{padding:5px 10px;border:1.5px solid var(--vtn-border);border-radius:7px;background:var(--vtn-bg);cursor:pointer;font-size:12px;font-weight:600;color:var(--vtn-text);display:flex;align-items:center;gap:5px;transition:all .15s;font-family:inherit;white-space:nowrap}.vtn-tb-btn:hover{border-color:var(--vtn-primary);color:var(--vtn-primary);background:#f0effe}.vtn-tb-btn.active{background:var(--vtn-primary);color:#fff;border-color:var(--vtn-primary)}.vtn-tb-sep{width:1px;height:20px;background:var(--vtn-border);margin:0 2px}.vtn-tb-select{padding:5px 8px;border:1.5px solid var(--vtn-border);border-radius:7px;background:var(--vtn-bg);font-size:12px;color:var(--vtn-text);cursor:pointer;outline:none;font-family:inherit;transition:border-color .15s}.vtn-tb-select:focus{border-color:var(--vtn-primary)}.vtn-tb-size{width:58px}.vtn-findbar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fffbeb;border-bottom:1.5px solid #fde68a;flex-wrap:wrap}.vtn-find-input{padding:5px 10px;border:1.5px solid var(--vtn-border);border-radius:7px;font-size:13px;color:var(--vtn-text);background:#fff;outline:none;font-family:inherit;width:160px}.vtn-find-input:focus{border-color:var(--vtn-primary)}.vtn-findbar-close{margin-left:auto;padding:4px 8px;border:none;background:#fff0;cursor:pointer;color:var(--vtn-muted);font-size:14px;border-radius:5px}.vtn-findbar-close:hover{background:#fecaca;color:#dc2626}.vtn-editor-wrap{display:flex;min-height:var(--vtn-editor-h);background:var(--vtn-card)}.vtn-editor{flex:1;min-height:var(--vtn-editor-h);padding:20px 24px;border:none;outline:none;resize:none;font-size:16px;line-height:1.75;color:var(--vtn-text);background:var(--vtn-card);font-family:var(--vtn-font);transition:background .2s,color .2s}.vtn-editor::placeholder{color:var(--vtn-muted)}.vtn-md-preview{flex:1;min-height:var(--vtn-editor-h);padding:20px 24px;border-left:1.5px solid var(--vtn-border);overflow-y:auto;font-size:15px;line-height:1.8;color:var(--vtn-text);background:var(--vtn-bg)}.vtn-md-preview h1{font-size:24px;font-weight:800;margin-bottom:12px;margin-top:20px;color:var(--vtn-text)}.vtn-md-preview h2{font-size:20px;font-weight:700;margin-bottom:10px;margin-top:18px}.vtn-md-preview h3{font-size:16px;font-weight:700;margin-bottom:8px;margin-top:14px}.vtn-md-preview p{margin-bottom:12px}.vtn-md-preview ul,.vtn-md-preview ol{padding-left:22px;margin-bottom:12px}.vtn-md-preview li{margin-bottom:4px}.vtn-md-preview code{background:#f0effe;padding:2px 6px;border-radius:5px;font-family:'Fira Code','Courier New',monospace;font-size:13px;color:var(--vtn-primary)}.vtn-md-preview pre{background:#1e1e2e;color:#e8e8f5;padding:14px 16px;border-radius:10px;overflow-x:auto;margin-bottom:14px}.vtn-md-preview pre code{background:none;color:inherit;padding:0}.vtn-md-preview blockquote{border-left:3px solid var(--vtn-primary);padding-left:14px;color:var(--vtn-muted);margin-bottom:12px}.vtn-md-preview a{color:var(--vtn-primary)}.vtn-md-preview hr{border:none;border-top:1.5px solid var(--vtn-border);margin:16px 0}.vtn-md-preview table{border-collapse:collapse;width:100%;margin-bottom:14px}.vtn-md-preview th,.vtn-md-preview td{border:1px solid var(--vtn-border);padding:7px 10px}.vtn-md-preview th{background:var(--vtn-bg);font-weight:700}.vtn-md-preview strong{font-weight:700}.vtn-md-preview em{font-style:italic}.vtn-statusbar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--vtn-card);border-top:1.5px solid var(--vtn-border);flex-wrap:wrap;gap:8px}.vtn-stats-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vtn-stats-right{display:flex;align-items:center;gap:10px}.vtn-statusbar span{font-size:11px;color:var(--vtn-muted);font-weight:600}.vtn-stat-sep{color:var(--vtn-border)!important}.vtn-goal-wrap{display:flex;align-items:center;gap:8px}.vtn-goal-label{font-size:11px;font-weight:700;color:var(--vtn-primary);white-space:nowrap}.vtn-goal-bar-bg{width:100px;height:6px;background:var(--vtn-border);border-radius:99px;overflow:hidden}.vtn-goal-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vtn-primary),var(--vtn-accent));transition:width .3s ease;width:0%}.vtn-goal-set-btn{padding:3px 9px;font-size:10px;font-weight:700;border:1.5px solid var(--vtn-border);border-radius:6px;background:var(--vtn-bg);cursor:pointer;color:var(--vtn-muted);font-family:inherit;transition:all .15s}.vtn-goal-set-btn:hover{border-color:var(--vtn-primary);color:var(--vtn-primary)}.vtn-modal-overlay{position:fixed;inset:0;z-index:9999;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:vtn-fadein .2s ease}.vtn-modal{background:var(--vtn-card);border-radius:16px;padding:24px;width:100%;max-width:400px;box-shadow:0 20px 60px rgb(0 0 0 / .25);animation:vtn-slideup .2s ease}.vtn-modal-title{font-size:16px;font-weight:800;color:var(--vtn-text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.vtn-modal-sub{font-size:13px;color:var(--vtn-muted);margin-bottom:18px;line-height:1.5}.vtn-modal-row{margin-bottom:14px}.vtn-modal-label{display:block;font-size:12px;font-weight:700;color:var(--vtn-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.vtn-modal-input{width:100%;padding:10px 12px;border:1.5px solid var(--vtn-border);border-radius:9px;font-size:14px;color:var(--vtn-text);background:var(--vtn-bg);outline:none;font-family:inherit}.vtn-modal-input:focus{border-color:var(--vtn-primary)}.vtn-modal-btns{display:flex;gap:10px}.vtn-modal-cancel{flex:1;padding:10px;border:1.5px solid var(--vtn-border);border-radius:9px;background:var(--vtn-bg);cursor:pointer;font-size:13px;font-weight:700;color:var(--vtn-muted);font-family:inherit}.vtn-modal-cancel:hover{border-color:var(--vtn-text);color:var(--vtn-text)}.vtn-modal-save{flex:1;padding:10px;border:none;border-radius:9px;background:var(--vtn-primary);cursor:pointer;font-size:13px;font-weight:700;color:#fff;font-family:inherit;transition:background .15s}.vtn-modal-save:hover{background:var(--vtn-primary2)}.vtn-share-link-row{display:flex;gap:8px;margin-bottom:14px}.vtn-share-url-input{flex:1;padding:9px 12px;border:1.5px solid var(--vtn-border);border-radius:9px;font-size:12px;color:var(--vtn-text);background:var(--vtn-bg);outline:none;font-family:inherit}.vtn-share-actions{display:flex;gap:8px;flex-wrap:wrap}.vtn-share-action-btn{flex:1;padding:9px 12px;border:1.5px solid var(--vtn-border);border-radius:9px;background:var(--vtn-bg);cursor:pointer;font-size:12px;font-weight:700;color:var(--vtn-text);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;transition:all .15s}.vtn-share-action-btn:hover{border-color:var(--vtn-primary);color:var(--vtn-primary)}.vtn-celebrate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px);animation:vtn-fadein .25s ease}.vtn-celebrate-card{background:var(--vtn-card);border-radius:20px;padding:32px 28px;text-align:center;max-width:340px;width:100%;box-shadow:0 24px 60px rgb(0 0 0 / .3);position:relative;z-index:2;animation:vtn-bounceIn .4s cubic-bezier(.34,1.56,.64,1)}.vtn-celebrate-emoji{font-size:56px;margin-bottom:14px;display:block}.vtn-celebrate-title{font-size:24px;font-weight:800;color:var(--vtn-text);margin-bottom:8px}.vtn-celebrate-sub{font-size:14px;color:var(--vtn-muted);margin-bottom:20px}.vtn-celebrate-card .vtn-modal-save{margin-bottom:10px}.vtn-celebrate-card .vtn-modal-cancel{flex:none;width:100%}.vtn-confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.vtn-focus-mode .vtn-topbar,.vtn-focus-mode .vtn-tabs-bar,.vtn-focus-mode .vtn-toolbar,.vtn-focus-mode .vtn-findbar,.vtn-focus-mode .vtn-statusbar,.vtn-focus-mode .vtn-footer{display:none!important}.vtn-focus-mode .vtn-editor{min-height:100vh;padding:60px;font-size:18px;max-width:700px;margin:0 auto}.vtn-focus-mode .vtn-editor-wrap{min-height:100vh}.vtn-footer{text-align:center;padding:10px 16px;background:var(--vtn-card);border-top:1.5px solid var(--vtn-border);font-size:11px;color:var(--vtn-muted);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.vtn-footer a{color:var(--vtn-primary);font-weight:700;text-decoration:none}.vtn-footer a:hover{text-decoration:underline}@keyframes vtn-fadein{from{opacity:0}to{opacity:1}}@keyframes vtn-slideup{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vtn-bounceIn{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vtn-pulse{0%,100%{opacity:1}50%{opacity:.4}}@media (max-width:700px){.vtn-editor-wrap{flex-direction:column}.vtn-md-preview{border-left:none;border-top:1.5px solid var(--vtn-border)}.vtn-topbar{flex-wrap:wrap}.vtn-toolbar{gap:4px}.vtn-goal-bar-bg{width:60px}.vtn-editor{padding:14px 16px}}