.vnb-root{--vnb-material:rgb(30 30 32/0.78);--vnb-material-strong:rgb(36 36 40/0.95);--vnb-label:#f2f4f8;--vnb-label-soft:rgb(242 244 248/0.8);--vnb-label-muted:#94a5bd;--vnb-separator:rgb(120 128 140/0.42);--vnb-accent:#5cc6f7;--vnb-danger:#f43f5e;--vnb-surround:#0b1018;--vnb-shadow:0 6px 28px rgb(0 0 0/0.28)}html[data-theme=light] .vnb-root{--vnb-material:rgb(249 249 251/0.82);--vnb-material-strong:rgb(252 252 253/0.96);--vnb-label:#0b1220;--vnb-label-soft:rgb(11 18 32/0.8);--vnb-label-muted:#5b6b82;--vnb-separator:rgb(60 60 67/0.26);--vnb-surround:#e9edf3;--vnb-shadow:0 6px 28px rgb(15 23 42/0.18)}.vnb-material{background:var(--vnb-material);backdrop-filter:blur(24px) saturate(180%);color:var(--vnb-label);border:1px solid var(--vnb-separator)}@media (prefers-reduced-transparency:reduce){.vnb-material{background:var(--vnb-material-strong)}}.vnb-palette{position:absolute;z-index:20;display:flex;align-items:stretch;border-radius:18px;box-shadow:var(--vnb-shadow);-moz-user-select:none;user-select:none;-webkit-user-select:none;max-width:calc(100% - 24px)}.vnb-grip{flex:none;width:26px;display:grid;place-items:center;cursor:grab;border:0;padding:0;background:transparent;touch-action:none;border-start-start-radius:18px;border-end-start-radius:18px}.vnb-grip:active{cursor:grabbing}.vnb-grip>span{display:block;width:5px;height:26px;border-radius:2.5px;background:var(--vnb-separator)}.vnb-column{flex-direction:column;gap:4px;padding:6px 10px 6px 0;min-width:0}.vnb-column,.vnb-row{display:flex;align-items:center}.vnb-row{gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}.vnb-row::-webkit-scrollbar{display:none}.vnb-context{gap:8px;padding:2px 4px;flex-wrap:wrap;justify-content:center;row-gap:6px;overflow:visible}.vnb-key{position:relative;display:inline-grid;place-items:center;flex:none;min-width:40px;min-height:40px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--vnb-label-soft);cursor:pointer;transition:background-color .15s ease,color .15s ease}.vnb-key:hover{color:var(--vnb-label);background:color-mix(in srgb,var(--vnb-label) 8%,transparent)}.vnb-key[aria-pressed=true]{color:var(--vnb-label);background:color-mix(in srgb,var(--vnb-accent) 22%,transparent)}.vnb-key:disabled{opacity:.35;cursor:default;background:transparent}.vnb-grip:focus-visible,.vnb-key:focus-visible,.vnb-menu-item:focus-visible,.vnb-pill-label:focus-visible,.vnb-swatch:focus-visible,.vnb-width:focus-visible{outline:2px solid var(--vnb-accent);outline-offset:1px}.vnb-key--accent,.vnb-key--accent:hover{color:var(--vnb-accent)}.vnb-key svg{width:20px;height:20px;display:block}.vnb-key .vnb-aa{font-size:16px;font-weight:650;letter-spacing:-.02em;line-height:20px}.vnb-key .vnb-ink{position:absolute;bottom:3px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:4px;box-shadow:0 0 0 1px var(--vnb-separator)}.vnb-sep{width:1px;margin-inline:3px;background:var(--vnb-separator)}.vnb-sep,.vnb-swatch{flex:none;height:22px}.vnb-swatch{width:22px;border-radius:11px;border:1px solid var(--vnb-separator);cursor:pointer;padding:0;box-sizing:border-box}.vnb-swatch[aria-pressed=true]{border:3px solid var(--vnb-accent)}.vnb-key--compact{min-width:32px;min-height:32px;padding:6px 8px}.vnb-key--compact svg{width:17px;height:17px}.vnb-key--danger,.vnb-key--danger:hover{color:var(--vnb-danger)}.vnb-custom{position:relative;overflow:hidden}.vnb-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}.vnb-width{flex:none;display:grid;place-items:center;width:28px;height:28px;border:0;padding:0;border-radius:8px;background:transparent;cursor:pointer}.vnb-width[aria-pressed=true]{background:color-mix(in srgb,var(--vnb-accent) 25%,transparent)}.vnb-width>span{display:block;border-radius:999px;background:var(--vnb-label)}.vnb-widthctl{flex:none;display:inline-flex;align-items:center;gap:6px}.vnb-width-preview{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--vnb-label) 6%,transparent)}.vnb-width-preview>span{display:block;width:22px;border-radius:999px;box-shadow:0 0 0 1px var(--vnb-separator)}.vnb-width-preview--eraser>span{border-radius:50%;border:1.5px solid var(--vnb-label-soft);box-shadow:none}.vnb-slider{width:92px;height:32px;margin:0;accent-color:var(--vnb-accent);background:transparent;cursor:pointer;touch-action:pan-y}.vnb-slider:focus-visible{outline:2px solid var(--vnb-accent);outline-offset:2px;border-radius:6px}.vnb-segmented{flex:none;display:inline-flex;padding:2px;gap:2px;border-radius:9px;background:color-mix(in srgb,var(--vnb-label) 8%,transparent)}.vnb-segmented>button{min-height:32px;min-width:58px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--vnb-label-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease,color .15s ease}.vnb-segmented>button[aria-pressed=true]{color:var(--vnb-label);background:color-mix(in srgb,var(--vnb-accent) 28%,transparent)}.vnb-segmented>button:focus-visible{outline:2px solid var(--vnb-accent);outline-offset:1px}.vnb-paste-chip{position:absolute;z-index:30;transform:translate(-50%,calc(-100% - 10px));min-height:40px;padding:0 14px;border-radius:12px;box-shadow:var(--vnb-shadow);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.vnb-paste-chip:focus-visible{outline:2px solid var(--vnb-accent);outline-offset:2px}.vnb-hint{font-size:12px;font-weight:500;color:var(--vnb-label-muted);white-space:nowrap;padding-inline:4px}.vnb-menu{position:absolute;z-index:40;min-width:220px;max-width:min(300px,calc(100vw - 24px));max-height:min(70vh,520px);overflow-y:auto;padding:6px;border-radius:14px;box-shadow:var(--vnb-shadow);background:var(--vnb-material-strong)}.vnb-menu-group+.vnb-menu-group{border-top:1px solid var(--vnb-separator);margin-top:4px;padding-top:4px}.vnb-menu-title{padding:6px 10px 2px;font-size:11px;font-weight:600;color:var(--vnb-label-muted)}.vnb-menu-item{display:flex;width:100%;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--vnb-label);font-size:14px;text-align:start;cursor:pointer}.vnb-menu-item>span:first-of-type{flex:1;min-width:0}.vnb-menu-item:hover{background:color-mix(in srgb,var(--vnb-label) 9%,transparent)}.vnb-menu-item:disabled{opacity:.4;cursor:default;background:transparent}.vnb-menu-item[aria-checked=true]:after{content:"✓";color:var(--vnb-accent);font-weight:700}.vnb-menu-item--danger{color:var(--vnb-danger)}.vnb-menu-item svg{width:18px;height:18px;flex:none;opacity:.85}.vnb-frame{container-type:inline-size;background:var(--vnb-surround);color:var(--vnb-label)}.vnb-topbar{position:absolute;z-index:30;inset-inline:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.vnb-cluster{position:relative;display:flex;align-items:center;gap:2px;border-radius:16px;box-shadow:var(--vnb-shadow);pointer-events:auto}.vnb-cluster--lead{flex:0 1 auto;min-width:0;padding-block:2px;padding-inline:2px 14px;gap:4px}.vnb-cluster--trail{flex:none;padding:2px}.vnb-cluster .vnb-key,[data-notebook-pages] .vnb-key,[data-notebook-pages]>.vnb-key{min-width:44px;min-height:44px;padding:10px}.vnb-title{min-width:0;flex:1;display:flex;flex-direction:column;padding-block:3px}.vnb-title h1,.vnb-title h2,.vnb-title input{width:100%;min-width:90px;max-width:340px;margin:0;border:0;background:transparent;color:var(--vnb-label);font-size:16px;font-weight:700;line-height:1.3;padding:0;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vnb-title input::-moz-placeholder{color:var(--vnb-label-muted)}.vnb-title input::placeholder{color:var(--vnb-label-muted)}.vnb-status{font-size:11px;font-weight:500;line-height:1.3;color:var(--vnb-label-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vnb-pill{position:absolute;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:2px 6px;border-radius:20px;box-shadow:var(--vnb-shadow)}.vnb-pill .vnb-key{min-width:36px;min-height:36px;padding:8px}.vnb-pill .vnb-key svg{width:18px;height:18px}.vnb-pill-label{min-width:56px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--vnb-label);padding:0 4px;white-space:nowrap}.vnb-banner{position:absolute;z-index:29;left:50%;top:calc(64px + env(safe-area-inset-top, 0px));transform:translateX(-50%);width:-moz-max-content;width:max-content;max-width:min(640px,calc(100% - 32px));padding:8px 14px;border-radius:12px;font-size:12.5px;line-height:1.55;text-align:center;box-shadow:var(--vnb-shadow)}.vnb-banner--warn{color:#fcd34d}html[data-theme=light] .vnb-banner--warn{color:#92400e}.vnb-banner--error{color:#fda4af}html[data-theme=light] .vnb-banner--error{color:#9f1239}.vnb-banner button{margin-inline-start:8px;border:0;background:transparent;color:var(--vnb-accent);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vnb-frame[data-notebook-presentation=embedded] .vnb-title h1,.vnb-frame[data-notebook-presentation=embedded] .vnb-title input{font-size:14px;min-width:70px}@media (max-width:640px){.vnb-cluster--lead{padding-inline-end:10px}.vnb-title h1,.vnb-title input{min-width:0;font-size:16px}.vnb-palette .vnb-key{min-width:38px;padding:8px}.vnb-context{gap:6px}.vnb-banner{top:calc(60px + env(safe-area-inset-top, 0px));max-width:calc(100% - 24px)}}[dir=rtl] .vnb-flip svg{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.vnb-key,.vnb-menu-item,.vnb-segmented>button{transition:none}}@media (max-width:480px){.vnb-context{gap:5px}.vnb-width{width:26px}.vnb-palette .vnb-sep{margin-inline:1px}.vnb-slider{width:72px}.vnb-width-preview{width:26px}.vnb-segmented>button{min-width:48px;padding:0 8px}}.vnb-palette .vnb-column{padding:7px 8px}.vnb-palette .vnb-grip{order:2}.vnb-palette .vnb-key{min-width:44px;min-height:44px}.vnb-palette .vnb-key svg{width:25px;height:25px}.vnb-palette .vnb-aa{font-size:21px}.vnb-palette .vnb-swatch{width:30px;height:30px}.vnb-palette .vnb-width{width:36px;height:36px}.vnb-palette .vnb-context{flex-wrap:nowrap;gap:8px}.vnb-root[data-notebook] .vnb-topbar{gap:18px}.vnb-root[data-notebook] .vnb-cluster--lead{max-width:260px}html[data-theme=light] .vnb-root{--vnb-accent:#087ca6}@container (max-width: 600px){.vnb-topbar{inset-inline:8px;gap:8px!important}.vnb-cluster--trail [data-notebook-study]{display:none}.vnb-cluster .vnb-key{min-width:40px;padding:8px}.vnb-cluster--lead{flex:1}.vnb-title h1,.vnb-title input{min-width:0}.vnb-palette{max-width:calc(100% - 16px)}.vnb-palette .vnb-column{padding:5px}.vnb-palette .vnb-grip{width:18px}.vnb-palette .vnb-row{overflow-x:auto;justify-content:flex-start;width:100%}.vnb-palette .vnb-context{gap:5px}.vnb-palette .vnb-swatch{width:26px;height:32px;border-radius:50%}.vnb-palette .vnb-width{width:32px;height:36px}}.vnb-search{position:absolute;z-index:35;inset-inline-end:12px;width:min(360px,calc(100% - 24px));padding:8px;border-radius:14px;box-shadow:var(--vnb-shadow)}.vnb-search input{flex:1;min-width:0;min-height:44px;border-radius:10px;border:1px solid var(--vnb-separator);background:color-mix(in srgb,var(--vnb-label) 6%,transparent);color:var(--vnb-label);padding:0 12px;font-size:16px;outline:none}.vnb-search input:focus{border-color:var(--vnb-accent)}.vnb-search input::-moz-placeholder{color:var(--vnb-label-muted)}.vnb-search input::placeholder{color:var(--vnb-label-muted)}.vnb-search-results{max-height:min(260px,40vh);overflow-y:auto;overscroll-behavior:contain;margin-top:6px}.vnb-search input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.vnb-material{font-family:var(--font-sans),var(--font-arabic),system-ui,sans-serif}.vnb-palette .vnb-swatch{border-radius:50%}@media(pointer:coarse){[data-notebook] :is(input,textarea,select){font-size:16px!important}[data-notebook] [contenteditable=true]:focus{font-size:max(16px,var(--note-edit-size,16px))!important}}