.nb-icon{display:inline-block;flex-shrink:0;vertical-align:-.2em;overflow:visible}.nb-icon-dark{display:none}.nb-app-mark{display:inline-block;flex-shrink:0;object-fit:contain;vertical-align:middle}.topbar-title:has(.nb-app-mark){display:inline-flex;align-items:center;gap:.45rem}.btn .nb-icon{vertical-align:middle}.side-icon>.nb-icon{display:block;margin-inline:auto}.quick-capture-icon:has(.nb-app-mark){display:inline-flex;align-items:center}.note-card-flags .nb-icon{vertical-align:middle}.view-head h1>.nb-icon,.section-title>.nb-icon{margin-right:.25em}.settings-card h2>.nb-icon{margin-right:.35em}.toast>.nb-icon{margin-right:.5em}.sync-indicator .nb-icon{width:18px;height:18px}.bee-mascot.nb-app-mark{opacity:1}html[data-mode=dark] .nb-icon-light{display:none}html[data-mode=dark] .nb-icon-dark{display:initial}html[data-mode] :where(.side-link.active,.btn-primary,.chip-filter.on,.chip-action:hover,.nb-due-chip.due-today,.palette [cmdk-item][data-selected=true],.tutorial-demo-button:not(.tutorial-demo-button-quiet):not([aria-pressed=true]),.tutorial-demo-static-button:not(.tutorial-demo-button-quiet),.tutorial-demo-sketch-tools span:nth-child(5)) .nb-icon-light{display:initial}html[data-mode] :where(.side-link.active,.btn-primary,.chip-filter.on,.chip-action:hover,.nb-due-chip.due-today,.palette [cmdk-item][data-selected=true],.tutorial-demo-button:not(.tutorial-demo-button-quiet):not([aria-pressed=true]),.tutorial-demo-static-button:not(.tutorial-demo-button-quiet),.tutorial-demo-sketch-tools span:nth-child(5)) .nb-icon-dark{display:none}html[data-mode=light] :where(.btn-danger:hover,.toast-error) .nb-icon-light,html[data-mode=dark] :where(.btn-danger:hover,.toast-error) .nb-icon-dark{display:none}html[data-mode=light] :where(.btn-danger:hover,.toast-error) .nb-icon-dark,html[data-mode=dark] :where(.btn-danger:hover,.toast-error) .nb-icon-light{display:initial}html[data-mode] .nb-lightbox-close .nb-icon-light{display:none}html[data-mode] .nb-lightbox-close .nb-icon-dark{display:initial}.nb-editor .nb-todo-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;width:20px;height:20px;background:url(/icons/gui/light/unchecked.svg) center / contain no-repeat}.nb-editor .nb-todo-check:checked{background-image:url(/icons/gui/light/checked.svg)}.nb-editor .nb-todo-check:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}html[data-mode=dark] .nb-editor .nb-todo-check{background-image:url(/icons/gui/dark/unchecked.svg)}html[data-mode=dark] .nb-editor .nb-todo-check:checked{background-image:url(/icons/gui/dark/checked.svg)}@media (forced-colors: active){html[data-mode] .nb-editor .nb-todo-check,html[data-mode] .nb-editor .nb-todo-check:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:none}}.nb-card-menu{z-index:2100;box-sizing:border-box;padding:5px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 12px 36px #0003;font-size:.875rem;line-height:1.4;text-align:left}.nb-card-menu-label{overflow:hidden;padding:7px 9px;border-bottom:1px solid var(--border);color:var(--text-dim);font-size:.75rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.nb-card-menu-item{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:44px;padding:9px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.nb-card-menu-item>.nb-icon{flex:0 0 20px}.nb-card-menu-item:hover:not(:disabled),.nb-card-menu-item:focus-visible{background:var(--bg-2)}.nb-card-menu-item:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.nb-card-menu-item:disabled{cursor:default;opacity:.55}.nb-card-menu-item.danger{color:var(--danger)}.nb-card-menu-action,.nb-card-menu-detail{display:block}.nb-card-menu-detail{margin-top:2px;color:var(--text-dim);font-size:.75rem}.nb-card-menu-footer{margin-top:4px;padding:8px 9px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.75rem}@media (forced-colors: active){.nb-card-menu{border:1px solid CanvasText}.nb-card-menu-item:focus-visible{outline-color:Highlight}}.home-grid-toolbar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1.6rem}.home-sort-control{display:flex;align-items:center;gap:.35rem;color:var(--text-dim)}.home-sort-control select{font:inherit;font-weight:600;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;max-width:100%;cursor:pointer}.home-note-count{font-size:.8rem;color:var(--text-dim);margin-right:auto}.home-grid-help{color:var(--text-dim);font-size:.8rem;line-height:1.5;margin:.65rem 0 1rem}.home-grid-help span{display:block}.home-grid-item{display:flex;flex-direction:column;min-width:0;position:relative;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.home-grid-item>.note-card{flex:1;border:0;border-radius:11px 11px 0 0;box-shadow:none}.home-grid-item>.note-card:hover{transform:none}.home-grid-item:has(>.note-card:hover){box-shadow:var(--shadow-hover)}.home-card-controls{display:flex;align-items:center;gap:.2rem;border-top:1px solid var(--border);padding:.3rem .4rem}.home-card-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:32px;min-height:32px;padding:.3rem;font:inherit;font-size:.75rem;border:0;border-radius:6px;color:var(--text-dim);background:transparent;cursor:pointer}.home-card-controls button:hover:not(:disabled){background:var(--bg-2);color:var(--text)}.home-card-controls button:disabled{opacity:.45;cursor:default}.home-position{display:flex;align-items:center;gap:.2rem;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--text-dim);padding:0 .2rem;margin-right:auto}.home-card-controls .home-pin-button{padding:.3rem .45rem}.home-card-controls .home-pin-button[aria-pressed=true]{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 15%,var(--panel))}.home-grid-item.is-pinned{border-color:var(--accent-text)}.home-card-controls .home-move-handle{cursor:grab;touch-action:none}.home-grid-item.is-dragging{opacity:.55}.home-grid-item.drop-before:before,.home-grid-item.drop-after:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:4px;background:var(--accent-text);border-radius:4px;pointer-events:none}.home-grid-item.drop-before:before{left:-9px}.home-grid-item.drop-after:after{right:-9px}.home-show-more{display:flex;justify-content:center;margin:1.2rem 0}.home-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width: 640px){.home-view .view-head{align-items:flex-start}.home-view .view-head-actions{flex-wrap:wrap;justify-content:flex-end}.home-grid-toolbar{gap:.5rem}.home-card-controls button{min-width:44px;min-height:44px}.home-grid-item.drop-before:before,.home-grid-item.drop-after:after{left:0;right:0;width:auto;height:4px}.home-grid-item.drop-before:before{top:-9px;bottom:auto}.home-grid-item.drop-after:after{bottom:-9px;top:auto}}@media (forced-colors: active){.home-grid-item.is-pinned{border:2px solid Highlight}.home-grid-item.drop-before:before,.home-grid-item.drop-after:after{background:Highlight}}.property-control{min-width:0;width:100%}.property-trigger{display:flex;align-items:center;gap:.4rem;width:100%;min-height:36px;padding:.35rem .5rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;text-align:left;cursor:pointer;font:inherit}.property-trigger:focus-visible,.property-option:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.property-trigger:disabled{cursor:default;opacity:1}.property-values{display:flex;flex:1;align-items:center;flex-wrap:wrap;gap:.3rem;min-width:0}.property-caret{color:var(--text-dim);margin-left:auto;flex-shrink:0}.property-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.13rem .48rem;border-radius:5px;max-width:100%;overflow-wrap:anywhere;font-size:.85rem;line-height:1.4;font-weight:500;color:var(--label-fg);background:var(--label-bg)}.property-pill-dot{width:.5rem;height:.5rem;background:currentColor;border-radius:50%;flex:0 0 auto}[data-label-color=gray]{--label-bg: #e8e7e5;--label-fg: #484843}[data-label-color=brown]{--label-bg: #eddccc;--label-fg: #68412c}[data-label-color=orange]{--label-bg: #ffe0bd;--label-fg: #803d07}[data-label-color=yellow]{--label-bg: #f6eaa8;--label-fg: #655008}[data-label-color=green]{--label-bg: #d1ecdb;--label-fg: #245737}[data-label-color=blue]{--label-bg: #d4e7ff;--label-fg: #205387}[data-label-color=purple]{--label-bg: #e8dcfa;--label-fg: #61388b}[data-label-color=pink]{--label-bg: #f8dbe9;--label-fg: #873452}[data-label-color=red]{--label-bg: #fbdcda;--label-fg: #8e332e}html[data-mode=dark] [data-label-color=gray]{--label-bg: #3f4144;--label-fg: #e0e0dd}html[data-mode=dark] [data-label-color=brown]{--label-bg: #604736;--label-fg: #f8dfcd}html[data-mode=dark] [data-label-color=orange]{--label-bg: #754923;--label-fg: #ffe3c4}html[data-mode=dark] [data-label-color=yellow]{--label-bg: #665923;--label-fg: #fff0b0}html[data-mode=dark] [data-label-color=green]{--label-bg: #2d5943;--label-fg: #d1f0dd}html[data-mode=dark] [data-label-color=blue]{--label-bg: #2d537b;--label-fg: #d9eaff}html[data-mode=dark] [data-label-color=purple]{--label-bg: #554074;--label-fg: #eee0ff}html[data-mode=dark] [data-label-color=pink]{--label-bg: #6e3b55;--label-fg: #ffe0ed}html[data-mode=dark] [data-label-color=red]{--label-bg: #753e3a;--label-fg: #ffe1df}.property-popover{z-index:2000;display:flex;flex-direction:column;padding:.5rem;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--bg-2);box-shadow:0 10px 35px #0003;box-sizing:border-box}.property-popover .property-search{width:100%;flex-shrink:0;margin-bottom:.4rem}.property-options{overflow-y:auto;min-height:0}.property-option{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:40px;padding:.35rem .4rem;border:0;border-radius:5px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.property-option:hover,.property-option:focus-visible{background:var(--bg)}.property-option[aria-selected=true]{background:color-mix(in srgb,var(--accent) 16%,transparent)}.property-group-name{margin:.45rem .35rem .2rem;padding-top:.4rem;color:var(--text-dim);font-size:.8rem;font-weight:600;border-top:1px solid var(--border)}.property-options>div:first-child .property-group-name{border-top:0;padding-top:0}.property-popover-foot{display:flex;gap:.4rem;border-top:1px solid var(--border);margin-top:.4rem;padding-top:.3rem;flex-shrink:0}.property-no-options{padding:.3rem .5rem}.property-checkbox{width:18px;height:18px;accent-color:var(--accent-text);margin:.4rem}.property-compact .property-trigger,.property-input.property-compact{border-color:transparent;background:transparent;box-shadow:none}.property-compact .property-trigger:hover:not(:disabled),.property-input.property-compact:hover:not(:disabled){background:var(--bg-2)}.note-prop .property-control{min-width:8rem;max-width:22rem}.note-props .note-prop{max-width:100%}.property-editor-card{padding:.8rem;border:1px solid var(--border);border-radius:var(--radius)}.property-editor-options{display:flex;flex-direction:column;gap:.35rem;margin-top:.7rem}.property-editor-option{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.property-editor-option .property-option-name{flex:1 1 8rem;min-width:0}.property-editor-option .property-option-color{width:6.5rem}.property-editor-option .property-option-group{width:9rem}.property-editor-option .btn-icon{min-width:32px;min-height:34px}.property-editor-groups{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.6rem}.property-editor-groups .property-group-edit{display:flex;align-items:center;gap:.35rem;margin:.3rem 0}.property-editor-groups .property-group-edit .input{flex:1;min-width:0}.property-editor-help{margin:.4rem 0}@media (max-width: 560px){.property-editor-option{border-top:1px solid var(--border);padding-top:.35rem}.note-prop{flex-wrap:wrap}.property-editor-card{padding:.55rem}}@media (forced-colors: active){.property-pill{border:1px solid CanvasText}.property-checkbox{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.view-board{max-width:none}.board-columns{display:flex;gap:.9rem;align-items:flex-start;overflow-x:auto;padding-bottom:1rem}.board-col{flex:0 0 280px;min-width:280px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .12s ease,background .12s ease}.board-col.drag-over{border-color:var(--accent);background:var(--bg)}.board-col-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.1rem .3rem;font-weight:600}.board-col-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-col-cards{display:flex;flex-direction:column;gap:.6rem;min-height:2.5rem}.board-card{cursor:grab}.board-card:active{cursor:grabbing}.note-props{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:.55rem .9rem;margin-bottom:.9rem}.note-prop{display:flex;align-items:center;gap:.45rem}.note-prop-name{font-size:.82rem;font-weight:500;white-space:nowrap}.note-prop .prop-input{min-height:36px;width:auto;max-width:11rem;font-size:.88rem}.backlinks{margin-top:2rem;border-top:1px solid var(--border);padding-top:.4rem}.backlink-row{display:flex;align-items:baseline;gap:.6rem;min-height:44px;padding:.4rem .6rem;border-radius:var(--radius)}.backlink-row:hover{background:var(--bg-2)}.backlink-title{font-weight:600;white-space:nowrap}.backlink-snippet{color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.share-link-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .2rem;border-bottom:1px solid var(--border)}.share-link-row:last-child{border-bottom:none}.share-link-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.share-link-meta{font-size:.78rem;color:var(--text-dim);white-space:nowrap}.modal-tabs{display:flex;gap:.45rem;margin-bottom:.9rem}.prop-def-list{display:flex;flex-direction:column;gap:.5rem}.prop-def-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.prop-def-row .prop-def-name{flex:1 1 9rem;min-width:0}.prop-def-row .prop-def-options{flex:2 1 12rem;min-width:0}.prop-def-reorder{display:flex;gap:.15rem}.prop-def-reorder .btn-icon{min-width:36px;min-height:36px}.share-page{min-height:100%;background:var(--bg);color:var(--text)}.share-header{display:flex;align-items:center;gap:.55rem;padding:.7rem 1.2rem;background:var(--bg-2);border-bottom:1px solid var(--border);font-weight:700;font-size:1.05rem}.share-header img{display:block}.share-main{max-width:760px;margin:0 auto;padding:1.6rem 1.4rem 4rem}.share-title{margin-bottom:.2rem;font-size:1.7rem}.share-byline{color:var(--text-dim);font-size:.88rem;margin-bottom:1.4rem}.share-blocks p{margin:.45rem 0}.share-h{margin:1.1rem 0 .4rem}.share-todo{display:flex;align-items:baseline;gap:.5rem;margin:.25rem 0}.share-todo.indent-1{margin-left:1.6rem}.share-todo.indent-2{margin-left:3.2rem}.share-todo input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0;transform:translateY(2px)}.share-todo-done{color:var(--text-dim);text-decoration:line-through}.share-quote{margin:.6rem 0;padding:.2rem 0 .2rem .9rem;border-left:3px solid var(--accent);color:var(--text-dim)}.share-divider{border:none;border-top:1px solid var(--border);margin:1.2rem 0}.share-media{margin:.8rem 0;display:flex;flex-direction:column;gap:.3rem}.share-media img,.share-media video{max-width:100%;border-radius:var(--radius);border:1px solid var(--border)}.share-media audio{width:100%}.share-file{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;margin:.6rem 0}.share-file-name{font-weight:600}.share-bookmark{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem .9rem;margin:.6rem 0}.share-bookmark-glyph{font-size:1.2rem}.share-bookmark-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.share-bookmark-title{font-weight:600}.share-bookmark-desc{color:var(--text-dim);font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-bookmark-host{color:var(--text-dim);font-size:.78rem}.share-status{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.sketch-thumb{position:relative;display:block;width:100%;padding:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer}.sketch-thumb img{display:block;margin:0 auto;max-width:100%;max-height:320px;object-fit:contain}.sketch-edit-hint{position:absolute;right:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:13px;font-weight:600;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s ease}.sketch-thumb:hover .sketch-edit-hint,.sketch-thumb:focus-visible .sketch-edit-hint{opacity:1}.sketch-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:28px 16px;background:transparent;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-dim);font:inherit;cursor:pointer;transition:border-color .15s ease,color .15s ease}.sketch-placeholder:hover,.sketch-placeholder:focus-visible{border-color:var(--accent);color:var(--text)}.sketch-readonly,.sketch-readonly:hover{cursor:default;border-color:var(--border);color:var(--text-dim)}.sketch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:var(--bg)}.sketch-overlay__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.sketch-overlay__title{margin-right:auto;font-weight:600;color:var(--text)}.sketch-overlay__error{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border);color:var(--danger);font-size:14px}.sketch-overlay__canvas{position:relative;flex:1;min-height:0}.sketch-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-dim)}.sketch-spinner__ring{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sketch-spin .8s linear infinite}@keyframes sketch-spin{to{transform:rotate(360deg)}}.nb-selection-menu{z-index:2100;box-sizing:border-box;width:272px;padding:5px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--panel);box-shadow:0 12px 36px #0003;font-size:.875rem;line-height:1.4;text-align:left}.nb-selection-section+.nb-selection-section{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.nb-selection-label{padding:5px 9px 3px;color:var(--text-dim);font-size:.75rem;font-weight:600}.nb-selection-item{display:flex;align-items:center;gap:9px;box-sizing:border-box;width:100%;min-height:34px;padding:6px 9px;border:0;border-radius:5px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.nb-selection-item:hover:not(:disabled),.nb-selection-item:focus-visible{background:var(--bg-2)}.nb-selection-item:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.nb-selection-item:disabled{color:var(--text-dim);opacity:.65;cursor:default}.nb-selection-item.suggested{color:var(--accent-text)}.nb-selection-mark{flex:0 0 22px;width:22px;text-align:center;font-weight:600}.nb-selection-mark.mark-italic{font-style:italic}.nb-selection-mark.mark-strike{text-decoration:line-through}.nb-selection-mark.mark-code{font-family:monospace}.nb-selection-mark.mark-heading1,.nb-selection-mark.mark-heading2,.nb-selection-mark.mark-heading3{font-size:.75rem}.nb-selection-scope,.nb-selection-hint{margin:0;padding:7px 9px;color:var(--text-dim);font-size:.75rem}.nb-selection-scope{border-bottom:1px solid var(--border)}.nb-selection-hint{border-top:1px solid var(--border);margin-top:4px}.nb-selection-link{padding:8px}.nb-selection-form-title{margin-bottom:10px;font-weight:650}.nb-selection-link label{display:block;margin-bottom:5px}.nb-selection-link input{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);font:inherit}.nb-selection-link input:focus-visible,.nb-selection-link button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.nb-selection-link input[aria-invalid=true]{border-color:var(--danger)}.nb-selection-error{margin:8px 0 0;color:var(--danger);font-size:.8rem}.nb-selection-link-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.nb-selection-link button{min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--bg-2);font:inherit;cursor:pointer}.nb-selection-link .nb-selection-apply{background:var(--accent);color:var(--accent-contrast)}@media (pointer: coarse){.nb-selection-item{min-height:42px}}@media (forced-colors: active){.nb-selection-menu{border:1px solid CanvasText}.nb-selection-item:disabled{opacity:1;color:GrayText}}.nb-list{padding-left:1.5rem;margin:.3rem 0;line-height:1.55}.nb-list .nb-list{margin:0}.nb-list>li{padding-left:.15rem}.nb-list>li::marker{color:var(--text-dim)}.nb-list>li>p{margin:0}.nb-list-bulleted{list-style-type:disc}.nb-list-bulleted .nb-list-bulleted{list-style-type:circle}.nb-blocks>.nb-list{margin-left:42px}.nb-blocks .nb-list .nb-block-gutter{position:absolute;left:-66px}.nb-editor{max-width:760px;margin:0 auto;padding:0 12px 30vh}.nb-editor:focus{outline:none}.nb-selection-tools{position:fixed;right:24px;bottom:24px;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #0002}.nb-selection-tools .btn{min-height:44px}@media (max-width: 600px){.nb-selection-tools{right:12px;bottom:80px}}.nb-editor.file-drag{outline:2px dashed var(--accent);outline-offset:6px;border-radius:var(--radius)}.nb-editor-loading{color:var(--text-dim);padding:32px 12px}.nb-title{width:100%;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:2rem;font-weight:700;padding:16px 0 8px}.nb-title::placeholder{color:var(--text-dim);opacity:.6}.nb-editor-error{display:flex;align-items:center;justify-content:space-between;gap:8px;background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:8px 12px;margin:8px 0;font-size:.9rem}.nb-block{position:relative;display:flex;align-items:flex-start;gap:2px;border-radius:6px;padding:1px 0}.nb-block.drop-before{box-shadow:0 -2px 0 0 var(--accent)}.nb-block.drop-after{box-shadow:0 2px 0 0 var(--accent)}.nb-block.transcript .nb-block-body{border-left:3px solid var(--accent);padding-left:8px}.nb-block.transcript .nb-block-body:before{content:"transcript";display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.nb-block-gutter{position:relative;display:flex;align-items:center;gap:1px;min-width:42px;padding-top:4px;opacity:0;transition:opacity .12s}.nb-block:hover .nb-block-gutter,.nb-block.focused .nb-block-gutter,.nb-block-gutter:focus-within{opacity:1}@media (pointer: coarse){.nb-block-gutter{opacity:.55}}.nb-drag-handle{cursor:grab;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:2px;font-size:.85rem;touch-action:none}.nb-block-more{border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:.9rem}.nb-block-more:hover{background:var(--bg-2)}.nb-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.nb-block-menu{position:absolute;left:0;top:100%;z-index:41;display:flex;flex-direction:column;min-width:150px;padding:4px}.nb-block-menu button{border:none;background:transparent;color:var(--text);text-align:left;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.9rem}.nb-block-menu button:hover:not(:disabled){background:var(--bg-2)}.nb-block-menu button:disabled{color:var(--text-dim);cursor:default}.nb-block-menu button.danger{color:var(--danger)}.nb-block-body{flex:1;min-width:0;position:relative}.nb-block-input,.nb-block-rendered{width:100%;border:none;outline:none;background:transparent;color:var(--text);font:inherit;line-height:1.55;padding:3px 0;resize:none;overflow:hidden;display:block;white-space:pre-wrap;overflow-wrap:anywhere}.nb-block-rendered{cursor:text;min-height:1.55em}.nb-block-rendered.empty{color:var(--text-dim);opacity:.55}.nb-block-rendered code,.nb-block-input.nb-text-code,.nb-block-rendered.nb-text-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.nb-block-rendered code{background:var(--bg-2);border-radius:4px;padding:1px 4px}.nb-block-rendered a{color:var(--accent-text)}.nb-text-h1{font-size:1.6rem;font-weight:700}.nb-text-h2{font-size:1.3rem;font-weight:700}.nb-text-h3{font-size:1.1rem;font-weight:600}.nb-text-todo.checked{text-decoration:line-through;color:var(--text-dim)}.nb-quote-wrap{margin:0;border-left:3px solid var(--border);padding-left:12px;color:var(--text-dim)}.nb-code-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.nb-code-wrap .nb-block-rendered pre{margin:0;font:inherit;white-space:pre-wrap}.nb-code-lang{border:none;outline:none;background:transparent;color:var(--text-dim);font-size:.72rem;text-transform:lowercase;width:100%}.nb-divider{border:none;border-top:1px solid var(--border);margin:10px 0;width:100%}.nb-todo-row{display:flex;align-items:flex-start;gap:8px}.nb-todo-row.indent-1{margin-left:26px}.nb-todo-row.indent-2{margin-left:52px}.nb-todo-check{margin-top:8px;width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.nb-todo-body{flex:1;min-width:0}.nb-due{position:relative;display:flex;align-items:center;gap:2px;margin-top:4px;flex-shrink:0}.nb-due-chip{cursor:pointer;font-size:.75rem}.nb-due-chip.due-overdue{color:var(--danger);border-color:var(--danger)}.nb-due-chip.due-today{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.nb-due-clear{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.7rem;padding:2px}.nb-due-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.nb-slash-menu{position:absolute;top:100%;left:0;z-index:50;width:min(300px,90vw);max-height:300px;overflow-y:auto;padding:4px;display:flex;flex-direction:column}.nb-slash-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--text);text-align:left;padding:7px 8px;border-radius:6px;cursor:pointer}.nb-slash-item.active{background:var(--bg-2)}.nb-slash-icon{width:28px;text-align:center;color:var(--text-dim);font-size:.85rem;flex-shrink:0}.nb-slash-label{display:block;font-size:.9rem}.nb-slash-hint{display:block;font-size:.72rem;color:var(--text-dim)}.nb-wiki-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:0 5px;color:var(--accent-text);text-decoration:none;font-size:.92em;line-height:1.4;vertical-align:baseline}.nb-wiki-chip:hover{border-color:var(--accent)}.nb-wiki-chip-icon{font-size:.85em}.nb-wiki-empty{padding:8px 10px;font-size:.85rem;color:var(--text-dim)}.nb-bookmark-block{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:4px 0;text-decoration:none;color:var(--text)}.nb-bookmark-block:hover{border-color:var(--accent)}.nb-bookmark-icon{font-size:1.2rem}.nb-bookmark-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.nb-bookmark-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-bookmark-desc{font-size:.82rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-bookmark-host{font-size:.75rem;color:var(--text-dim)}.nb-image-block{margin:4px 0}.nb-image-block img{max-width:100%;border-radius:var(--radius);cursor:zoom-in;display:block}.nb-alt-input{width:100%;border:none;outline:none;background:transparent;color:var(--text-dim);font-size:.78rem;padding:4px 2px}.nb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.nb-lightbox img{max-width:94vw;max-height:94vh;border-radius:var(--radius)}.nb-lightbox-close{position:absolute;top:12px;right:12px;color:#fff}.nb-lightbox-close:hover{background:#ffffff24}.nb-audio-block{display:flex;flex-direction:column;gap:2px;margin:4px 0}.nb-audio-block audio{width:100%}.nb-media-name{font-size:.75rem;color:var(--text-dim)}.nb-video-block video{width:100%;max-height:480px;border-radius:var(--radius);background:#000;margin:4px 0}.nb-file-block{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 0;text-decoration:none;color:var(--text)}.nb-file-icon{font-size:1.3rem}.nb-file-meta{flex:1;min-width:0;display:flex;flex-direction:column}.nb-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-file-size{font-size:.75rem;color:var(--text-dim)}.nb-file-dl{color:var(--text-dim)}.nb-recorder{padding:12px;margin:8px 0;display:flex;flex-direction:column;gap:10px}.nb-recorder-head{display:flex;align-items:center;gap:10px}.nb-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--text-dim)}.nb-rec-dot.live{background:var(--danger);animation:nb-pulse 1.2s ease-in-out infinite}@keyframes nb-pulse{50%{opacity:.35}}.nb-rec-time{font-variant-numeric:tabular-nums;font-weight:600}.nb-rec-transcribe{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-dim);cursor:pointer}.nb-rec-transcript{max-height:140px;overflow-y:auto;font-size:.85rem;border-left:3px solid var(--accent);padding-left:8px}.nb-rec-transcript p{margin:2px 0}.nb-rec-interim{color:var(--text-dim);font-style:italic}.nb-recorder-actions{display:flex;gap:8px}.nb-recorder-error{color:var(--danger);margin:0}.nb-upload-row{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:6px 0;font-size:.85rem;color:var(--text-dim)}.nb-upload-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:nb-spin .8s linear infinite}@keyframes nb-spin{to{transform:rotate(360deg)}}.nb-editor-tail{min-height:120px;cursor:text}.import-export label{display:flex;flex-direction:column;gap:.35rem;font-size:.86rem;min-width:0}.import-export .import-file{flex:1 1 230px}.import-export .import-format{flex:1 1 200px}.import-export .input{width:100%;min-width:0}.import-export .import-instructions{border:1px solid var(--border);border-radius:9px;padding:.8rem}.import-export summary{cursor:pointer;font-weight:600}.import-export .import-preview{margin-block:1rem}.import-export .import-database{border:1px solid var(--border);border-radius:10px;padding:1rem;margin:1rem 0;min-width:0}.import-export legend{font-weight:650;padding-inline:.35rem}.import-export .import-source{overflow-wrap:anywhere;margin-top:0}.import-export .import-columns{display:grid;gap:.75rem;margin-top:1rem}.import-export .import-column{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,1fr);gap:.5rem 1rem;padding:.8rem;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.import-export .import-samples{grid-column:1 / -1;overflow-wrap:anywhere;white-space:pre-wrap;margin:.1rem 0}.import-export .import-warning-list{overflow-wrap:anywhere;max-height:280px;overflow-y:auto}.import-export .import-actions{margin-top:1rem}.import-export .import-error{color:var(--danger)}@media (max-width: 520px){.import-export .import-column{grid-template-columns:minmax(0,1fr)}.import-export .import-database{padding:.6rem}}.themes-section h2{display:flex;align-items:center;gap:.45rem}.themes-section .themes-fieldset{min-width:0;padding:0;border:0;margin:1.25rem 0 0}.themes-fieldset legend{padding:0;margin-bottom:.65rem;font-weight:650;font-size:.95rem}.theme-scheme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.7rem}.theme-scheme-choice,.theme-appearance-choice{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--bg);padding:.75rem;cursor:pointer}.theme-scheme-choice:hover,.theme-appearance-choice:hover{border-color:var(--text-dim)}.theme-scheme-choice:has(input:checked),.theme-appearance-choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-scheme-choice:has(input:focus-visible),.theme-appearance-choice:has(input:focus-visible){outline:3px solid var(--text);outline-offset:3px}.themes-section input[type=radio]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}.theme-choice-heading{display:flex;align-items:center;gap:.4rem;min-height:22px;font-size:.9rem}.theme-selected-mark{visibility:hidden;margin-left:auto;font-size:.66rem;font-weight:650;line-height:1.6;color:var(--text)}.theme-scheme-choice:has(input:checked) .theme-selected-mark{visibility:visible}.theme-choice-description{display:block;margin-top:.2rem;color:var(--text-dim);font-size:.78rem;line-height:1.4}.theme-preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.65rem}.theme-preview{display:block;overflow:hidden;min-width:0;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--bg)}.theme-preview-window{display:flex;height:60px}.theme-preview-sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:26%;padding:8px 4px;background:var(--bg-2);border-right:1px solid var(--border)}.theme-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-bottom:1px}.theme-preview-nav{width:100%;height:3px;border-radius:2px;background:var(--text-dim);opacity:.4}.theme-preview-nav-active{background:var(--accent);opacity:1}.theme-preview-main{flex:1;min-width:0;padding:9px 6px 6px}.theme-preview-title{display:block;width:58%;height:4px;border-radius:2px;margin-bottom:6px;background:var(--text)}.theme-preview-note{display:block;padding:5px;border:1px solid var(--border);border-radius:3px;background:var(--panel)}.theme-preview-line{display:block;height:2px;margin-bottom:3px;border-radius:1px;background:var(--text-dim)}.theme-preview-line-short{width:65%}.theme-preview-tag{display:block;width:30%;height:5px;margin-top:5px;border-radius:2px;background:var(--accent)}.theme-preview-mode{display:block;padding:3px 0;border-top:1px solid var(--border);font-size:.67rem;font-weight:550;text-align:center}.theme-appearance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.theme-appearance-choice{display:flex;align-items:center;gap:.55rem;min-height:66px;font-size:.86rem}.theme-appearance-status{margin-top:.6rem}.themes-section .theme-save-note{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}@media (max-width: 480px){.theme-appearance-grid{grid-template-columns:1fr}.theme-appearance-choice{min-height:58px}}@media (forced-colors: active){.theme-scheme-choice:has(input:checked),.theme-appearance-choice:has(input:checked){outline:2px solid Highlight;outline-offset:-3px}}.view.table-view{max-width:none;min-width:0}.table-topbar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.85rem}.table-tabs,.table-tools,.table-summary{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.table-tabs{min-width:0}.table-tabs .chip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-search{width:230px}.table-summary{min-height:52px;font-size:.85rem;color:var(--text-dim)}.table-summary .btn{font-size:.8rem;padding:.3rem .5rem}.table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:.5rem 0;color:var(--text-dim)}.table-unsaved{color:var(--accent-text)}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--border);border-radius:10px;min-height:130px}.notes-table{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.9rem;min-width:100%}.notes-table th,.notes-table td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;position:relative}.notes-table th:last-child,.notes-table td:last-child{border-right:none}.notes-table thead th{background:var(--panel);height:43px;color:var(--text-dim);font-weight:500}.notes-table td{height:46px;padding:.2rem .5rem;vertical-align:middle}.notes-table tbody tr:last-child td{border-bottom:none}.table-column-heading>button{display:flex;align-items:center;gap:.5rem;border:0;background:transparent;color:inherit;font:inherit;padding:.6rem .8rem;width:calc(100% - 8px);cursor:pointer;text-align:left}.table-resize{position:absolute;top:0;bottom:0;right:0;width:8px;padding:0;border:0;cursor:col-resize;background:transparent;touch-action:none}.table-resize:hover,.table-resize:focus-visible{background:var(--accent)}.table-name{display:flex;align-items:center;gap:.3rem}.table-text-cell{width:100%;min-width:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);font:inherit;padding:.45rem .25rem;text-overflow:ellipsis}.table-name .table-text-cell{font-weight:550}.table-text-cell:focus{outline:2px solid var(--accent-text);background:var(--panel)}.table-text-cell:disabled{opacity:1}.table-open{display:flex;flex:0 0 25px;align-items:center;justify-content:center;min-height:30px;border-radius:4px}.table-open:hover{background:var(--accent)}.notes-table .property-control{min-width:0}.table-empty{padding:1.3rem;color:var(--text-dim)}.table-new-row{display:flex;align-items:center;gap:.5rem;padding:.75rem .25rem;max-width:650px}.table-new-row .input{min-width:0;flex:1}.table-start{margin:.5rem 0 1rem;padding:1rem}.table-start p{color:var(--text-dim);margin:.4rem 0 .8rem}.table-group th{padding:.65rem .7rem;background:var(--panel)}.table-group button{display:flex;align-items:center;gap:.65rem;background:none;border:none;color:var(--text);font:inherit;cursor:pointer}.table-settings{display:grid;gap:1.3rem}.table-settings>label{display:grid;gap:.4rem}.table-settings fieldset{min-width:0;border:1px solid var(--border);border-radius:8px;padding:.8rem}.table-settings legend{font-weight:600;padding:0 .3rem}.table-column-setting{display:flex;align-items:center;gap:.4rem;margin:.4rem 0}.table-column-setting>label{flex:1;min-width:0;overflow-wrap:anywhere}.table-settings .table-width-input{width:85px}.table-rule{display:flex;gap:.4rem;align-items:center;margin:.5rem 0}.table-rule .input{flex:1;min-width:0;width:0}@media (max-width: 600px){.table-tools,.table-search{width:100%}.table-new-row,.table-rule{flex-wrap:wrap}.table-rule .input{flex:1 1 100px}.table-column-setting{gap:.2rem}.table-settings .table-width-input{width:70px}}.tutorial-demo-container{min-width:0;padding:16px}.tutorial-demo{margin:0;color:var(--text);font-size:13px}.tutorial-demo-window{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:0 14px 40px color-mix(in srgb,var(--text) 7%,transparent)}.tutorial-demo-toolbar{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--bg-2);border-bottom:1px solid var(--border)}.tutorial-demo-toolbar strong{font-size:12px;font-weight:650}.tutorial-demo-bee{font-size:19px}.tutorial-demo-window-dots{margin-left:auto;color:var(--text-dim);font-size:6px;letter-spacing:3px;white-space:nowrap}.tutorial-demo-body{padding:clamp(12px,3vw,22px);display:flex;flex-direction:column;gap:13px}.tutorial-demo p{margin:6px 0}.tutorial-demo-footnote{color:var(--text-dim);font-size:12px;line-height:1.55;padding:8px 2px 0}.tutorial-demo-focus{padding:10px;border:1px solid transparent;border-radius:11px;min-width:0;transition:background-color .15s,border-color .15s}.tutorial-demo-focus[data-active]{background:color-mix(in srgb,var(--accent) 7%,var(--panel));border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.tutorial-demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.tutorial-demo-wrap{flex-wrap:wrap;justify-content:flex-start}.tutorial-demo-row+.tutorial-demo-row{margin-top:10px}.tutorial-demo-row>.tutorial-demo-heading{margin:0}.tutorial-demo-muted{color:var(--text-dim);font-size:12px}.tutorial-demo-heading{font-size:17px;margin:0 0 10px;line-height:1.3}.tutorial-demo-label{display:flex;flex-direction:column;gap:7px;color:var(--text);font-size:12px;font-weight:600}.tutorial-demo-input{display:block;width:100%;min-width:0;padding:10px 11px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-weight:400}.tutorial-demo-input:focus-visible,.tutorial-demo-button:focus-visible,.tutorial-demo-tag-button:focus-visible,.tutorial-demo input[type=checkbox]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tutorial-demo-input+.tutorial-demo-row,.tutorial-demo-label+.tutorial-demo-row{margin-top:10px}.tutorial-demo-select{width:auto;max-width:100%}.tutorial-demo-table-scroll{max-width:100%;overflow-x:auto;margin-top:10px;border:1px solid var(--border);border-radius:8px}.tutorial-demo-table{width:100%;min-width:440px;border-collapse:collapse;font-size:12px}.tutorial-demo-table th,.tutorial-demo-table td{padding:9px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.tutorial-demo-table th{background:var(--bg-2);font-weight:650}.tutorial-demo-table th:first-child{width:42%}.tutorial-demo-table tbody tr:last-child td{border-bottom:none}.tutorial-demo-table .tutorial-demo-input{padding:7px;min-width:110px}.tutorial-demo-table-pill{display:inline-block;width:fit-content;padding:4px 7px;border-radius:5px;background:var(--bg-2);color:var(--text);font-size:11px;font-weight:600}.tutorial-demo-table-pill[data-label=Research]{background:color-mix(in srgb,#d8ac30 22%,var(--panel))}.tutorial-demo-table-pill[data-label=Design]{background:color-mix(in srgb,#c46baa 22%,var(--panel))}.tutorial-demo-table-pill[data-label=Animation]{background:color-mix(in srgb,#6196d2 22%,var(--panel))}.tutorial-demo-table-pill[data-label=Done]{background:color-mix(in srgb,#5fa881 22%,var(--panel))}.tutorial-demo-label-picker{border:1px solid var(--border);border-radius:8px;background:var(--panel)}.tutorial-demo-label-picker summary{cursor:pointer;padding:11px;font-weight:600}.tutorial-demo-label-picker summary:focus-visible,.tutorial-demo-table-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tutorial-demo-table-options{display:flex;flex-wrap:wrap;gap:12px;padding:0 12px 12px}.tutorial-demo-table-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.tutorial-demo-table-options input{width:17px;height:17px;accent-color:var(--accent)}.tutorial-demo-button,.tutorial-demo-static-button{display:inline-flex;justify-content:center;align-items:center;gap:5px;min-height:36px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-contrast);padding:7px 12px;font:inherit;font-size:12px;font-weight:650;white-space:normal;text-align:center}.tutorial-demo-button{cursor:pointer}.tutorial-demo-button:disabled{cursor:default;opacity:.55}.tutorial-demo-button:hover:not(:disabled){filter:brightness(.96)}.tutorial-demo-button-quiet{border-color:var(--border);background:var(--panel);color:var(--text)}.tutorial-demo-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 17%,var(--panel));color:var(--text)}.tutorial-demo-control-label{font-size:12px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.tutorial-demo-chip{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:10px;line-height:1.3;font-weight:600}.tutorial-demo-chip-honey{background:color-mix(in srgb,var(--accent) 19%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tutorial-demo-note{border:1px solid var(--border);border-radius:10px;padding:13px;background:var(--panel);min-width:0}.tutorial-demo-note+.tutorial-demo-note{margin-top:10px}.tutorial-demo-row+.tutorial-demo-note{margin-top:12px}.tutorial-demo-note-title{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.tutorial-demo-note-title strong{font-size:13px}.tutorial-demo-note-content{margin-top:8px;font-size:12px;line-height:1.6}.tutorial-demo-note-content p{margin:4px 0 8px}.tutorial-demo-note-content>strong{display:block;margin-top:8px}.tutorial-demo-connector{text-align:center;color:var(--text-dim);font-size:23px;line-height:1}.tutorial-demo-two-up{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.tutorial-demo-two-up>.tutorial-demo-note+.tutorial-demo-note{margin-top:0}.tutorial-demo-quote{margin:13px 0 3px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--bg);font-size:13px}.tutorial-demo-command{color:var(--text);font-family:ui-monospace,monospace}.tutorial-demo-menu{padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:8px;font-size:11px}.tutorial-demo-menu>strong{display:block;padding:3px 6px 7px;color:var(--text-dim);font-size:10px}.tutorial-demo-menu>div{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:5px}.tutorial-demo-menu>div>span{width:21px;color:var(--text-dim)}.tutorial-demo-block-handle{display:flex;align-items:center;gap:7px;padding:10px 0;font-size:11px}.tutorial-demo-block-handle>span:last-child{margin-left:auto}.tutorial-demo-code{display:block;margin-top:12px;padding:10px;background:var(--bg-2);border-radius:6px;font-size:10px;overflow-wrap:anywhere;white-space:pre-wrap}.tutorial-demo-inline-code{background:var(--bg-2);color:var(--text);padding:3px 5px;border-radius:4px}.tutorial-demo-progress,.tutorial-demo-storage{height:7px;background:var(--bg-2);border-radius:10px;overflow:hidden}.tutorial-demo-progress>span,.tutorial-demo-storage>span{display:block;height:100%;background:var(--accent);border-radius:10px;transition:width .2s}.tutorial-demo-checklist{display:flex;flex-direction:column;gap:15px}.tutorial-demo-checklist label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.5}.tutorial-demo-checklist input{flex:0 0 auto;width:17px;height:17px;accent-color:var(--accent);margin:1px 0 0}.tutorial-demo-checked span{text-decoration:line-through;color:var(--text-dim)}.tutorial-demo-garden{display:block;width:100%;height:auto;border-radius:10px}.tutorial-demo-art-caption{margin-top:7px;color:var(--text-dim);font-size:10px;text-align:center}.tutorial-demo-sketch-tools{display:flex;justify-content:center;gap:5px;margin-bottom:14px}.tutorial-demo-sketch-tools span{display:grid;place-items:center;width:31px;height:31px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.tutorial-demo-sketch-tools span:nth-child(5){background:var(--accent);color:var(--accent-contrast)}.tutorial-demo-sketch{width:100%;height:auto;display:block;color:var(--text);border-radius:10px;background-color:var(--bg);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:13px 13px}.tutorial-demo-sketch-compact{display:none}.tutorial-demo-mini-film{min-height:65px;border-radius:6px;background:#27384a;color:#ffdd79;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:8px;font-size:10px}.tutorial-demo-mini-film>span:first-child{font-size:22px}.tutorial-demo-bookmark{display:flex;align-items:center;gap:12px;margin-top:12px;border:1px solid var(--border);border-radius:8px;padding:11px;background:var(--bg)}.tutorial-demo-bookmark>span{display:grid;place-items:center;font-size:23px;width:33px;height:33px;background:var(--bg-2);border-radius:6px}.tutorial-demo-waveform{height:85px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:9px;margin-top:10px;background:var(--bg)}.tutorial-demo-waveform>span{display:block;width:5px;max-width:2%;background:var(--accent);border-radius:6px}.tutorial-demo-workspace{display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.5fr);gap:15px}.tutorial-demo-sidebar{display:flex;flex-direction:column;gap:13px;padding:10px 8px 10px 0;border-right:1px solid var(--border);font-size:11px}.tutorial-demo-sidebar>span,.tutorial-demo-sidebar>strong{padding:5px;border-radius:6px}.tutorial-demo-sidebar>hr{width:100%;border:0;border-top:1px solid var(--border)}.tutorial-demo-eyebrow{font-size:9px;font-weight:750;color:var(--text-dim);letter-spacing:.07em}.tutorial-demo-selected{background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.tutorial-demo-stack{display:flex;flex-direction:column;gap:12px;min-width:0}.tutorial-demo-stack>.tutorial-demo-note+.tutorial-demo-note{margin-top:0}.tutorial-demo-file-move{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;text-align:center;font-size:11px}.tutorial-demo-tag-button{padding:7px 10px;border:1px solid var(--border);border-radius:20px;background:var(--bg);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.tutorial-demo-tag-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel))}.tutorial-demo-tag-result{padding:12px;border:1px dashed var(--border);border-radius:8px;line-height:1.8}.tutorial-demo-search-results{display:flex;flex-direction:column;gap:10px}.tutorial-demo-search-results>.tutorial-demo-note+.tutorial-demo-note{margin-top:0}.tutorial-demo kbd{font-family:inherit;font-size:11px;padding:5px 8px;border:1px solid var(--border);border-bottom-width:3px;border-radius:5px;background:var(--panel)}.tutorial-demo-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:600}.tutorial-demo-backlinks{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);margin-top:13px;padding-top:10px}.tutorial-demo-property{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px}.tutorial-demo-property>span:first-child{color:var(--text-dim)}.tutorial-demo-property>.tutorial-demo-muted:last-child{flex-basis:100%}.tutorial-demo-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.tutorial-demo-column{min-height:168px;background:var(--bg-2);border-radius:8px;padding:8px 6px;min-width:0}.tutorial-demo-column-title{display:flex;justify-content:space-between;align-items:flex-start;gap:3px;font-size:9px;font-weight:700;margin-bottom:12px}.tutorial-demo-column-title>span:last-child{color:var(--text-dim)}.tutorial-demo-board-card{display:flex;flex-direction:column;gap:7px;background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--accent);box-shadow:var(--shadow);border-radius:7px;padding:10px 7px;font-size:11px;overflow-wrap:anywhere}.tutorial-demo-board-card .tutorial-demo-muted{font-size:9px}.tutorial-demo-empty-column{margin-top:37px;text-align:center;color:var(--text-dim)}.tutorial-demo-palette{display:flex;gap:5px;padding:5px 0 10px}.tutorial-demo-palette i{width:27px;height:21px;border-radius:4px;background:#27384a}.tutorial-demo-palette i:nth-child(2){background:#648779}.tutorial-demo-palette i:nth-child(3){background:#ffdd79}.tutorial-demo-member{display:flex;align-items:center;gap:10px;padding:12px 0}.tutorial-demo-member>.tutorial-demo-chip,.tutorial-demo-member>select{margin-left:auto}.tutorial-demo-avatar{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:var(--text);font-size:12px;font-weight:700}.tutorial-demo-share-link{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px;border:1px dashed var(--border);border-radius:8px;margin-top:12px;font-size:11px;overflow-wrap:anywhere}.tutorial-demo-timeline{padding:0 0 0 10px}.tutorial-demo-revision{position:relative;display:flex;align-items:center;gap:10px;padding:8px 0 12px 17px;border-left:2px solid var(--border);font-size:11px}.tutorial-demo-revision>.tutorial-demo-button{margin-left:auto}.tutorial-demo-revision p{font-size:11px;color:var(--text-dim)}.tutorial-demo-timeline-dot{position:absolute;left:-5px;top:23px;width:8px;height:8px;background:var(--accent);border-radius:50%}.tutorial-demo-device-grid{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:3px}.tutorial-demo-phone{display:flex;flex-direction:column;gap:15px;max-width:166px;min-height:220px;margin:auto;padding:10px;border:4px solid var(--border);border-radius:22px;background:var(--bg);font-size:11px}.tutorial-demo-phone-speaker{align-self:center;width:40px;height:4px;border-radius:8px;margin:0 0 8px;background:var(--border)}.tutorial-demo-phone>.tutorial-demo-chip{margin-top:auto}.tutorial-demo-center{text-align:center;font-size:11px;color:var(--text-dim);padding-top:5px}.tutorial-demo-server{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 8px;border:1px dashed var(--border);border-radius:16px}.tutorial-demo-server>span:first-child{font-size:48px;line-height:1.2;color:var(--text-dim)}.tutorial-demo-desktop{border:5px solid var(--border);border-bottom-width:15px;border-radius:12px;padding:12px;background:var(--bg)}.tutorial-demo-desktop>.tutorial-demo-note{margin-top:10px}.tutorial-demo-file-route{display:flex;align-items:center;justify-content:space-around;gap:12px}.tutorial-demo-file-route>span{color:var(--text-dim);font-size:22px}.tutorial-demo-file-icon{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:100px;min-width:100px;padding:15px 10px;border:1px solid var(--border);border-radius:6px 18px 6px 6px;background:var(--bg-2);text-align:center;font-size:23px;font-weight:800}.tutorial-demo-file-icon>small{font-size:9px;font-weight:500}.tutorial-demo-import-report{display:flex;flex-direction:column;gap:10px;padding:5px}.tutorial-demo-file-tree{display:flex;flex-direction:column;gap:6px;font-family:ui-monospace,monospace;font-size:10px;padding:12px;background:var(--bg);border-radius:8px;overflow-wrap:anywhere}.tutorial-demo-file-tree strong{font-family:inherit;font-size:9px}.tutorial-demo-token{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px;margin-top:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:12px}.tutorial-demo-token code{letter-spacing:.14em}.tutorial-demo-chat{display:flex;align-items:flex-start;gap:10px}.tutorial-demo-chat>p{padding:13px;margin:0;border:1px solid var(--border);border-radius:0 12px 12px;background:var(--bg)}.tutorial-demo-chat+.tutorial-demo-note{margin-top:14px}.tutorial-demo-integration-bridge{display:flex;align-items:center;justify-content:center;gap:10px;padding:19px 5px 6px;font-size:12px}.tutorial-demo-storage{height:12px;margin:12px 0}.tutorial-demo-storage>span{width:24%}.tutorial-demo-success{color:var(--text);font-size:12px}.tutorial-demo-admin{margin-top:17px;padding:12px;border-top:1px solid var(--border);font-size:12px}.tutorial-demo-admin p{color:var(--text-dim)}.tutorial-demo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tutorial-demo-basics-label{display:flex;align-items:center;gap:9px;margin-bottom:12px}.tutorial-demo-basics-label>span{padding:5px 7px;border:1px solid var(--accent);border-radius:6px;font-size:10px;font-weight:750;letter-spacing:.05em}.tutorial-demo-basics-label>strong{font-size:13px}.tutorial-demo-basics-blocks{display:grid;gap:9px;margin-top:12px}.tutorial-demo-basics-block{padding:9px 11px;border:1px dashed var(--border);border-left:3px solid var(--accent);border-radius:7px;background:var(--bg)}.tutorial-demo-basics-block-type{display:block;margin-bottom:5px;color:var(--text-dim);font-size:10px;font-weight:650}.tutorial-demo-basics-block p{margin:0}.tutorial-demo-basics-sketch{display:flex;align-items:center;gap:12px}.tutorial-demo-basics-sketch>span:first-child{flex:0 0 auto;font-size:24px;letter-spacing:1px}.tutorial-demo-basics-sketch>span:last-child{font-size:11px}.tutorial-demo p.tutorial-demo-basics-caption{margin:13px 0 0;font-size:12px;line-height:1.65}.tutorial-demo p.tutorial-demo-basics-intro{margin:0;line-height:1.65}.tutorial-demo-basics-spaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tutorial-demo-basics-space{display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--panel);line-height:1.45}.tutorial-demo-basics-space[data-current]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--panel))}.tutorial-demo-basics-space>strong{font-size:13px}.tutorial-demo-basics-space>span{font-size:11px;font-weight:600}.tutorial-demo-basics-space>small{color:var(--text-dim);font-size:10px}.tutorial-demo-basics-spaces+.tutorial-demo-connector{margin:10px 0}.tutorial-demo-basics-practice{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:14px;text-align:center}.tutorial-demo-basics-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tutorial-demo-basics-views>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:12px 8px;border:1px solid var(--border);border-radius:9px;background:var(--panel);text-align:center;line-height:1.5}.tutorial-demo-basics-view-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bg-2);font-size:20px}.tutorial-demo-basics-views strong{font-size:12px;overflow-wrap:anywhere}.tutorial-demo-basics-views>div>span:last-child{color:var(--text-dim);font-size:11px}.tutorial-demo-basics-overview>.tutorial-demo-note+.tutorial-demo-connector{margin:11px 0}.tutorial-demo-basics-success{display:flex;align-items:center;gap:11px;margin-bottom:14px}.tutorial-demo-basics-success>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--panel));font-size:20px}.tutorial-demo-basics-success p{font-size:12px;color:var(--text-dim);line-height:1.5}.tutorial-demo-basics-save-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:7px;align-items:center;margin-top:14px}.tutorial-demo-basics-save-flow>div{display:flex;flex-direction:column;gap:7px;padding:11px;align-self:stretch;border:1px solid var(--border);border-radius:9px;background:var(--panel);font-size:12px;line-height:1.5}.tutorial-demo-basics-save-flow>div>span{color:var(--text-dim);font-size:11px}.tutorial-demo-basics-save-arrow{text-align:center;font-size:20px}.tutorial-demo-basics-later{padding:3px 10px;font-size:12px;line-height:1.65}.tutorial-demo-basics-later>.tutorial-demo-row{gap:6px;margin-top:9px}.tutorial-demo-basics-later>p{color:var(--text-dim)}@media (max-width: 640px){.tutorial-demo-container{padding:10px}.tutorial-demo-sketch-wide{display:none}.tutorial-demo-sketch-compact{display:block}.tutorial-demo-body{gap:9px}.tutorial-demo-focus{padding:8px}.tutorial-demo-toolbar{padding:11px 13px}.tutorial-demo-two-up{grid-template-columns:1fr}.tutorial-demo-board{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-demo-column{min-height:126px}.tutorial-demo-column-title{font-size:11px}.tutorial-demo-board-card{font-size:12px}.tutorial-demo-workspace{grid-template-columns:minmax(87px,.65fr) minmax(0,1.4fr);gap:8px}.tutorial-demo-sidebar{font-size:10px;padding-right:5px}.tutorial-demo-stack .tutorial-demo-note{padding:10px}.tutorial-demo-stack .tutorial-demo-heading{font-size:14px}.tutorial-demo-file-route{gap:8px;flex-wrap:wrap}.tutorial-demo-file-tree{font-size:9px}.tutorial-demo-file-icon{min-width:90px}.tutorial-demo-device-grid{grid-template-columns:1fr 18px 1fr;gap:0}.tutorial-demo-phone{border-width:3px;padding:8px}.tutorial-demo-server{padding:12px 5px}.tutorial-demo-device-arrow{font-size:18px}.tutorial-demo-share-link{flex-wrap:wrap}.tutorial-demo-basics-views{grid-template-columns:1fr}.tutorial-demo-basics-views>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:10px;padding:10px;text-align:left}.tutorial-demo-basics-views .tutorial-demo-basics-view-icon{grid-row:span 2}.tutorial-demo-basics-views strong{font-size:12px}.tutorial-demo-basics-spaces{gap:7px}.tutorial-demo-basics-space{padding:9px}.tutorial-demo-basics-save-flow{gap:5px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}.tutorial-demo-basics-save-flow>div{padding:9px}}@media (prefers-reduced-motion: reduce){.tutorial-demo-focus,.tutorial-demo-progress>span{transition:none}}.view.tutorial-view{max-width:1510px}.tutorial-intro{display:flex;justify-content:space-between;gap:2rem;padding:1rem 0 1.5rem;align-items:center}.tutorial-eyebrow{font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .7rem}.tutorial-intro h1{font-size:clamp(1.6rem,2.4vw,2.3rem);max-width:620px;letter-spacing:-.035em}.tutorial-intro>div>p:last-child{color:var(--text-dim)}.tutorial-progress{flex:0 0 215px;display:flex;flex-direction:column;gap:.25rem}.tutorial-progress strong{font-size:1.2rem}.tutorial-progress strong span{font-size:.8rem;font-weight:500}.tutorial-progress progress{width:100%;height:7px;accent-color:var(--accent);border:0;border-radius:99px;overflow:hidden;background:var(--border)}.tutorial-progress progress::-webkit-progress-bar{background:var(--border)}.tutorial-progress progress::-webkit-progress-value{background:var(--accent)}.tutorial-text-button{border:0;padding:.4rem 0;align-self:flex-start;color:var(--text);background:transparent;text-decoration:underline;cursor:pointer;font:inherit;font-size:.78rem;min-height:36px}.tutorial-start{padding:1rem;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-2)}.tutorial-start-heading h2{font-size:1rem;margin:0}.tutorial-start-heading p{font-size:.85rem;color:var(--text-dim);margin:.25rem 0 .85rem}.tutorial-start ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:.65rem}.tutorial-start li{min-width:0}.tutorial-start button{display:flex;gap:.65rem;align-items:center;width:100%;height:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}.tutorial-start button:hover,.tutorial-start button[aria-current]{border-color:var(--accent)}.tutorial-start button[aria-current] .tutorial-number{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tutorial-start strong{display:block;font-size:.85rem}.tutorial-start small{display:block;font-size:.73rem;color:var(--text-dim);margin-top:.2rem}.tutorial-first-note{padding:1rem 0 0}.tutorial-first-note h3{font-size:1rem}.tutorial-first-note p{font-size:.85rem;color:var(--text-dim);margin-top:.5rem}.tutorial-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem;align-items:start}.tutorial-browser{min-width:0}.tutorial-browser .field{margin-bottom:.6rem}.tutorial-browser .input{font-size:.8rem;width:100%}.tutorial-results{margin:.8rem 0}.tutorial-lesson-list{display:flex;flex-direction:column;gap:1rem}.tutorial-lesson-group h2{color:var(--text-dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .45rem .65rem}.tutorial-lesson-group button{display:flex;width:100%;text-align:left;gap:.65rem;align-items:center;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);padding:.65rem;font:inherit;font-size:.84rem;cursor:pointer}.tutorial-lesson-group button:hover{background:var(--bg-2)}.tutorial-lesson-group button[aria-current]{background:var(--panel);border-color:var(--accent);box-shadow:var(--shadow)}.tutorial-lesson-group small{display:block;font-size:.7rem;color:var(--text-dim);margin-top:.05rem}.tutorial-lesson-icon{font-size:1.05rem;width:23px;flex-shrink:0;text-align:center}.tutorial-done{margin-left:auto;font-weight:700}.tutorial-no-results{padding:.7rem;border:1px dashed var(--border);border-radius:var(--radius);font-size:.85rem}.tutorial-no-results .btn{margin-top:.6rem}.tutorial-lesson{min-width:0;padding-bottom:1rem}.tutorial-lesson-heading{padding:.15rem 0 1.15rem}.tutorial-lesson-heading h2{font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.025em;scroll-margin-top:1rem}.tutorial-lesson-heading h2:focus{outline:none}.tutorial-lesson-heading h2:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.tutorial-lesson-heading>p:last-child{color:var(--text-dim);max-width:760px}.tutorial-lesson-heading .tutorial-eyebrow span{color:var(--text-dim)}.tutorial-example{margin:0;border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow);scroll-margin-top:1rem}.tutorial-example-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--border);padding:.75rem 1.1rem;font-size:.78rem;font-weight:600}.tutorial-example-dot{display:inline-block;width:8px;height:8px;margin-right:.35rem;background:var(--accent);border-radius:50%}.tutorial-example-label{font-size:.68rem;font-weight:400;color:var(--text-dim)}.tutorial-example figcaption{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.1rem;border-top:1px solid var(--border);background:var(--bg-2);font-size:.85rem;min-height:62px}.tutorial-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;font-size:.76rem;font-weight:700;background:var(--bg-2);color:var(--text);border:1px solid var(--border)}.tutorial-example figcaption .tutorial-number,.tutorial-steps .is-active .tutorial-number{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.tutorial-sandbox-note{color:var(--text-dim);font-size:.72rem;margin:.65rem .15rem 1.4rem}.tutorial-step-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.tutorial-step-heading h3{margin:0}.tutorial-steps{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.tutorial-steps li{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tutorial-steps li.is-active{border-color:var(--accent);background:var(--panel)}.tutorial-steps button{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;width:100%;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;cursor:pointer}.tutorial-steps strong{display:block;font-size:.9rem}.tutorial-step-body{display:block;font-size:.84rem;margin-top:.3rem;line-height:1.65}.tutorial-step-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:.85rem 0 1.5rem}.tutorial-step-controls .btn{font-size:.84rem}.tutorial-tips{border-left:3px solid var(--accent);padding:.8rem 1.15rem;background:var(--bg-2);border-radius:0 var(--radius) var(--radius) 0}.tutorial-tips h3{font-size:.9rem}.tutorial-tips ul{margin:.55rem 0 0;padding-left:1.2rem;font-size:.82rem;line-height:1.7}.tutorial-tips li+li{margin-top:.45rem}.tutorial-lesson-footer{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.tutorial-lesson-footer>span{margin-left:auto}.tutorial-lesson-footer .btn{font-size:.8rem;white-space:normal;text-align:left}.tutorial-view .tutorial-browse-toggle{display:none}.tutorial-view :is(button,a,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width: 1200px){.tutorial-layout{grid-template-columns:205px minmax(0,1fr);gap:1.3rem}.tutorial-intro{gap:1.25rem}.tutorial-progress{flex-basis:180px}}@media (max-width: 1050px){.tutorial-layout{grid-template-columns:minmax(0,1fr);gap:1.3rem}.tutorial-view .tutorial-browse-toggle{display:flex;width:100%;justify-content:space-between}.tutorial-browser-content{display:none;padding-top:1rem}.tutorial-browser-content.is-open{display:block}.tutorial-lesson-list{max-height:340px;overflow-y:auto;padding:3px}}@media (max-width: 600px){.tutorial-intro{flex-direction:column;align-items:stretch;gap:1.2rem;padding-top:.4rem}.tutorial-progress{flex-basis:auto}.tutorial-progress progress{max-width:300px}.tutorial-start{padding:.8rem}.tutorial-start ol{grid-template-columns:minmax(0,1fr);gap:.4rem}.tutorial-example-header,.tutorial-example figcaption{padding:.7rem}.tutorial-lesson-footer>span{margin-left:0}.tutorial-step-controls .btn{padding-inline:.65rem}}:root{--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:.35rem 0}a{color:inherit;text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.dim{color:var(--text-dim)}.small{font-size:.85rem}.danger-text{color:var(--danger)}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:0 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-2);border-color:transparent}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--danger-contrast);border-color:var(--danger)}.btn-icon{min-width:44px;padding:0}.btn-icon.toggled{background:var(--bg-2);border-color:var(--accent)}.btn-block{width:100%}.input{min-height:44px;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);font:inherit;width:100%}.input:focus{outline:2px solid var(--accent-text);outline-offset:-1px;border-color:var(--accent)}.input::placeholder{color:var(--text-dim)}select.input{width:auto;cursor:pointer}.input-narrow{width:auto;max-width:12rem}.color-input{padding:4px;width:60px}.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.85rem}.field>span{font-size:.85rem;color:var(--text-dim);font-weight:500}.form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.grow{flex:1;min-width:0}.form-error{color:var(--danger);font-size:.9rem}.inline-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-dim)}.row-line{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);font-size:.85rem;color:var(--text)}.chip-sm{font-size:.72rem;padding:.05rem .45rem}.chip-lg{font-size:1rem;padding:.4rem .9rem}.chip-tag{color:var(--text-dim)}.chip-conflict{border-color:var(--danger);color:var(--danger)}.chip-filter,.chip-action{cursor:pointer;min-height:36px;font:inherit;font-size:.85rem}.chip-action{min-height:44px;font-weight:600}.chip-filter.on,.chip-action:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.chip-x{border:none;background:none;color:inherit;cursor:pointer;font-size:.7rem;padding:0 .1rem}.tag-count{background:var(--accent);color:var(--accent-contrast);border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0480;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:min(480px,100%);max-height:min(85vh,700px);display:flex;flex-direction:column}.modal-wide{width:min(680px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem .4rem}.modal-head h2{margin:0}.modal-body{padding:.5rem 1.1rem 1rem;overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.8rem 1.1rem;border-top:1px solid var(--border)}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100%}.topbar{display:none}.sidebar-wrap{height:100%;overflow-y:auto;background:var(--bg-2);border-right:1px solid var(--border)}.sidebar{display:flex;flex-direction:column;min-height:100%;padding:.9rem .6rem;gap:.9rem}.sidebar-brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.15rem;padding:.25rem .5rem}.side-section{display:flex;flex-direction:column;gap:2px}.side-section-spaces{flex:0 1 auto}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding-top:.7rem}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.side-heading .btn-icon{min-height:32px;min-width:32px}.side-link{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:0 .85rem;border-radius:var(--radius);color:var(--text)}.side-link:hover{background:var(--bg)}.side-link.active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.side-icon{width:1.4rem;text-align:center;flex-shrink:0}.side-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-color-dot{width:9px;height:9px;border-radius:50%;margin-left:auto;flex-shrink:0}.main-pane{overflow-y:auto;height:100%}.view{max-width:1060px;margin:0 auto;padding:1.4rem 1.5rem 4rem}.view-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.view-head h1{margin:0}.view-head-icon{margin-right:.15rem}.view-head-actions{display:flex;flex-wrap:wrap;max-width:100%;gap:.6rem;align-items:center}.section-title{margin:1.4rem 0 .6rem;font-size:.95rem;color:var(--text-dim);font-weight:600}.sync-indicator{display:flex;align-items:center;gap:.5rem;min-height:40px;padding:0 .85rem;border:none;background:none;color:var(--text-dim);font:inherit;font-size:.85rem;cursor:pointer;border-radius:var(--radius)}.sync-indicator:hover{background:var(--bg)}.sync-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sync-dot-ok{background:var(--success)}.sync-dot-syncing{background:var(--accent);animation:pulse 1s ease-in-out infinite}.sync-dot-offline{background:var(--text-dim)}.sync-dot-error{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.sync-pending{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 .4rem;font-size:.72rem}.storage-mini{padding:.3rem .85rem .5rem;font-size:.75rem;color:var(--text-dim)}.storage-mini-bar,.usage-bar{height:6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);overflow:hidden;margin-bottom:.3rem}.usage-bar{height:10px;background:var(--bg-2)}.storage-mini-fill,.usage-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.storage-mini-fill.warn,.usage-fill.warn{background:var(--danger)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}.note-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease}.note-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.note-card-thumb{aspect-ratio:2 / 1;overflow:hidden;background:var(--bg-2)}.note-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.note-card-body{padding:.75rem .9rem .8rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.note-card-top{display:flex;align-items:baseline;gap:.45rem}.note-card-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.note-card-flags{display:flex;gap:.2rem;font-size:.85rem;color:var(--accent)}.note-card-snippet{margin:0;color:var(--text-dim);font-size:.86rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:auto}.note-card-time{margin-left:auto;font-size:.75rem;color:var(--text-dim)}.quick-capture{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem .9rem;margin-bottom:1.2rem}.quick-capture-icon{font-size:1.2rem}.quick-capture-input{flex:1;min-height:44px;border:none;background:none;color:var(--text);font:inherit;font-size:1rem}.quick-capture-input:focus{outline:none}.new-menu{position:relative}.menu-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:230px;padding:.35rem;display:flex;flex-direction:column;z-index:50}.menu-item{display:flex;align-items:center;gap:.55rem;min-height:44px;padding:0 .8rem;border:none;background:none;color:var(--text);font:inherit;text-align:left;border-radius:calc(var(--radius) - 4px);cursor:pointer}.menu-item:hover{background:var(--bg-2)}.menu-item-danger{color:var(--danger)}.template-list{display:flex;flex-direction:column}.suggest-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}.filter-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:1rem}.search-input{font-size:1.05rem;margin-bottom:.8rem}.tag-cloud{display:flex;gap:.6rem;flex-wrap:wrap}.tag-editor{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.tag-editor-input{border:none;background:none;color:var(--text);font:inherit;font-size:.85rem;min-width:70px;min-height:32px}.tag-editor-input:focus{outline:none}.view-note{max-width:860px}.note-toolbar{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.note-space-select{max-width:15rem}.note-tagbar{margin-bottom:.9rem}.menu-pop-right{right:0;left:auto}.history-list{display:flex;flex-direction:column}.history-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .2rem;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:none}.history-view-head{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.8rem}.history-md,.code-snippet{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.due-group{margin-bottom:1.2rem}.due-list{padding:.3rem .9rem}.due-row{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.due-row:last-child{border-bottom:none}.due-check{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.due-text{flex:1;min-width:0}.due-date{font-size:.82rem;color:var(--text-dim);white-space:nowrap}.due-note-link{font-size:.82rem;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.due-note-link:hover{color:var(--accent-text)}.view-settings{max-width:760px}.settings-card{padding:1.1rem 1.3rem;margin-bottom:1.1rem}.token-reveal{display:flex;align-items:center;gap:.6rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;margin:.6rem 0}.token-reveal code{flex:1;word-break:break-all}.usage-spaces{margin-top:.7rem;border-top:1px solid var(--border);padding-top:.4rem}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table th{color:var(--text-dim);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.admin-actions{display:flex;gap:.4rem}.row-disabled{opacity:.55}.invite-code{background:var(--bg-2);padding:.15rem .45rem;border-radius:6px}.member-list{display:flex;flex-direction:column;gap:.3rem}.member-row{display:flex;align-items:center;gap:.6rem}.member-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 45%),radial-gradient(circle at 85% 85%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 40%),var(--bg)}.auth-card{width:min(380px,100%);padding:2rem 1.8rem;text-align:center}.auth-card h1{margin-top:.6rem}.auth-card .field{text-align:left}.auth-card .btn-block{margin-top:.4rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty-state h3{color:var(--text);margin-top:.8rem}.bee-mascot{opacity:.9}.app-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;font-weight:700;font-size:1.2rem;background:var(--bg)}.app-loading img{animation:buzz 1.6s ease-in-out infinite}@keyframes buzz{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.toast-host{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:200;width:min(420px,calc(100vw - 2rem))}.toast{background:var(--text);color:var(--bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem 1.1rem;font:inherit;font-size:.9rem;cursor:pointer;animation:toast-in .18s ease;max-width:100%}.toast-error{background:var(--danger);color:var(--danger-contrast)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.palette{position:fixed;top:12vh;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 2rem));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:150}.palette [cmdk-input]{width:100%;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:1.05rem;padding:.95rem 1.1rem;outline:none}.palette [cmdk-list]{max-height:50vh;overflow-y:auto;padding:.4rem}.palette [cmdk-group-heading]{padding:.5rem .7rem .2rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.palette [cmdk-item]{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .7rem;border-radius:calc(var(--radius) - 4px);cursor:pointer}.palette [cmdk-item][data-selected=true]{background:var(--accent);color:var(--accent-contrast)}.palette [cmdk-empty]{padding:1rem;color:var(--text-dim);text-align:center}.drawer-backdrop{display:none}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:60}.topbar-title{font-weight:700;flex:1;text-align:center}.sidebar-wrap{position:fixed;top:0;right:30%;bottom:0;left:0;min-width:260px;max-width:320px;z-index:90;transform:translate(-100%);transition:transform .2s ease;border-right:1px solid var(--border)}.sidebar-wrap.open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0473;z-index:80}.view{padding:1rem 1rem 5rem}.card-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column;align-items:flex-start}}:root,:where(html,.theme-preview)[data-theme=honey][data-mode=light]{color-scheme:light;--bg: #fdf9f0;--bg-2: #f6efdf;--panel: #ffffff;--text: #2b2115;--text-dim: #6f624f;--accent: #f5b301;--accent-contrast: #2b2115;--accent-text: #805400;--border: #ddd2b9;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=honey][data-mode=dark]{color-scheme:dark;--bg: #1c1917;--bg-2: #252017;--panel: #2a251d;--text: #f2ead8;--text-dim: #bbaf99;--accent: #f5b301;--accent-contrast: #2b2115;--accent-text: #ffd16a;--border: #4b4235;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}:where(html,.theme-preview)[data-theme=sage][data-mode=light]{color-scheme:light;--bg: #f5f8f2;--bg-2: #e9f0e3;--panel: #ffffff;--text: #233425;--text-dim: #586a58;--accent: #b7d7a5;--accent-contrast: #233425;--accent-text: #38612e;--border: #cfdbc8;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=sage][data-mode=dark]{color-scheme:dark;--bg: #18201a;--bg-2: #1f2b22;--panel: #263229;--text: #edf5e9;--text-dim: #acbda8;--accent: #b7d7a5;--accent-contrast: #233425;--accent-text: #bcdfa8;--border: #435447;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}:where(html,.theme-preview)[data-theme=ocean][data-mode=light]{color-scheme:light;--bg: #f3f8fc;--bg-2: #e5f0f7;--panel: #ffffff;--text: #1c3348;--text-dim: #506b80;--accent: #a6d4ed;--accent-contrast: #1c3348;--accent-text: #205d83;--border: #c8dbe7;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=ocean][data-mode=dark]{color-scheme:dark;--bg: #151f2a;--bg-2: #1c2a37;--panel: #233444;--text: #e8f3fb;--text-dim: #a6bbcd;--accent: #a6d4ed;--accent-contrast: #1c3348;--accent-text: #b5e0f7;--border: #3b5368;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}:where(html,.theme-preview)[data-theme=lavender][data-mode=light]{color-scheme:light;--bg: #f8f5fc;--bg-2: #efe9f7;--panel: #ffffff;--text: #322844;--text-dim: #6c5d80;--accent: #d7bff0;--accent-contrast: #322844;--accent-text: #67428d;--border: #e0d4eb;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=lavender][data-mode=dark]{color-scheme:dark;--bg: #201b29;--bg-2: #2b2438;--panel: #342b43;--text: #f3ecfb;--text-dim: #bdafd0;--accent: #d7bff0;--accent-contrast: #322844;--accent-text: #dcc2f4;--border: #524360;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}:where(html,.theme-preview)[data-theme=rose][data-mode=light]{color-scheme:light;--bg: #fcf5f6;--bg-2: #f6e8ec;--panel: #ffffff;--text: #432936;--text-dim: #805d6e;--accent: #f0bbce;--accent-contrast: #432936;--accent-text: #924660;--border: #e9ceda;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=rose][data-mode=dark]{color-scheme:dark;--bg: #261b22;--bg-2: #32242d;--panel: #3d2c36;--text: #fcebf2;--text-dim: #cfafbf;--accent: #f0bbce;--accent-contrast: #432936;--accent-text: #f5bfd3;--border: #614754;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}:where(html,.theme-preview)[data-theme=graphite][data-mode=light]{color-scheme:light;--bg: #f5f6f7;--bg-2: #e9ecef;--panel: #ffffff;--text: #28313a;--text-dim: #606c77;--accent: #c2ccd5;--accent-contrast: #28313a;--accent-text: #4c6072;--border: #d0d7dd;--danger: #b93131;--danger-contrast: #ffffff;--success: #287c46;--shadow: 0 2px 10px color-mix(in srgb, var(--text) 8%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, var(--text) 14%, transparent)}:where(html,.theme-preview)[data-theme=graphite][data-mode=dark]{color-scheme:dark;--bg: #1b1f23;--bg-2: #252a30;--panel: #2e353c;--text: #eff2f5;--text-dim: #b3bdc7;--accent: #c2ccd5;--accent-contrast: #28313a;--accent-text: #d5dfe9;--border: #48545f;--danger: #ff8c8c;--danger-contrast: #341212;--success: #7cca96;--shadow: 0 2px 12px color-mix(in srgb, #000000 32%, transparent);--shadow-hover: 0 6px 18px color-mix(in srgb, #000000 42%, transparent)}html[data-mode] :where(button,input,select,textarea,a):focus-visible{outline-color:var(--accent-text)}