:root{--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:0 0;margin:0;padding:7px;overflow:hidden}[hidden]{display:none!important}.panel{--primary-main:#7c5cff;--primary-light:#9c82ff;--primary-dark:#5b3fd6;--primary-contrast:#fff;--bg-default:#1b1d2433;--bg-paper:#2426318c;--bg-solid:#1e202af7;--text-primary:#f2f1f6;--text-secondary:#a9a7b5;--text-disabled:#6f6d7a;--divider:#ffffff24;background:var(--bg-default);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--divider);width:100%;min-width:300px;height:100%;min-height:280px;color:var(--text-primary);font-family:var(--font-ui);border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 34px -10px #00000080}.panel *{box-sizing:border-box}.panel :focus-visible{outline:2px solid var(--primary-main);outline-offset:-1px;border-radius:6px}.panel ::selection{background-color:color-mix(in srgb, var(--primary-main) 38%, transparent)}.note-list,.editor-scroll,.pill-swatches,.settings-modal-body,.editor-surface table,.link-picker-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-primary) 20%, transparent) transparent}.note-list::-webkit-scrollbar{width:8px}.editor-scroll::-webkit-scrollbar{width:8px}.settings-modal-body::-webkit-scrollbar{width:8px}.link-picker-list::-webkit-scrollbar{width:8px}.pill-swatches::-webkit-scrollbar{height:8px}.editor-surface table::-webkit-scrollbar{height:8px}.note-list::-webkit-scrollbar-track{background:0 0}.link-picker-list::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-track{background:0 0}.pill-swatches::-webkit-scrollbar-track{background:0 0}.settings-modal-body::-webkit-scrollbar-track{background:0 0}.editor-surface table::-webkit-scrollbar-track{background:0 0}.note-list::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.link-picker-list::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.editor-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.pill-swatches::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.settings-modal-body::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.editor-surface table::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 20%, transparent);border-radius:4px}.note-list::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.link-picker-list::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.editor-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.pill-swatches::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.settings-modal-body::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.editor-surface table::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 32%, transparent)}.brand-pill{font-family:var(--font-ui);letter-spacing:.04em;color:var(--primary-contrast);background:var(--primary-main);white-space:nowrap;cursor:default;border:0;border-radius:100px;flex:none;align-self:center;align-items:center;padding:4px 9px;font-size:10px;font-weight:700;transition:filter .1s,box-shadow .1s;display:inline-flex}.brand-pill.public{color:#fff;background:#23804a}.brand-pill.clickable{cursor:pointer}.brand-pill.clickable:hover{filter:brightness(1.15);box-shadow:0 0 0 2px color-mix(in srgb, currentColor 25%, transparent)}.brand-pill.clickable:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}.brand-pill.public.clickable:focus-visible{outline-color:#23804a}.brand-pill.editable{color:#fff;background:#b35c00}.brand-pill.editable.clickable:focus-visible{outline-color:#b35c00}.share-menu{z-index:50;background:var(--bg-solid);border:1px solid var(--divider);width:222px;font-family:var(--font-ui);border-radius:8px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;box-shadow:0 12px 30px -10px #0000008c}.share-option{text-align:left;cursor:pointer;font:inherit;font-family:var(--font-ui);color:var(--text-primary);background:0 0;border:0;border-radius:5px;align-items:flex-start;gap:9px;padding:7px 9px;display:flex}.share-option:hover,.share-option:focus-visible{background:color-mix(in srgb, var(--primary-main) 14%, transparent);outline:none}.share-option.current{background:color-mix(in srgb, var(--primary-main) 24%, transparent)}.share-dot{width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--text-disabled);border-radius:50%;flex:none;margin-top:4px}.share-visible .share-dot{box-shadow:none;background:#2fa35f}.share-editable .share-dot{box-shadow:none;background:#e0902a}.share-text{flex-direction:column;gap:1px;min-width:0;display:flex}.share-label{font-size:12.5px;font-weight:600}.share-hint{color:var(--text-secondary);font-size:11px}.panel-size-hint{z-index:20;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-solid);border:1px solid var(--divider);white-space:nowrap;opacity:0;pointer-events:none;border-radius:100px;padding:2px 8px;font-size:10px;transition:opacity .12s;position:absolute;bottom:34px;right:12px;box-shadow:0 6px 16px -6px #00000080}.panel.resizing .panel-size-hint{opacity:1}.panel-body{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.normal-view{flex-direction:column;flex:auto;min-height:0;display:flex}.subheader{background:var(--bg-paper);border-bottom:1px solid var(--divider);flex:none;align-items:stretch;gap:6px;padding:7px 8px;display:flex}.note-switcher{flex:auto;min-width:0;position:relative}.switcher-trigger{width:100%;font-family:var(--font-ui);color:var(--text-primary);background:color-mix(in srgb, var(--bg-default) 45%, transparent);border:1px solid var(--divider);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;font-size:12.5px;display:flex}.switcher-trigger:hover{border-color:color-mix(in srgb, var(--primary-main) 50%, var(--divider))}.switcher-trigger svg.list-icon{width:14px;height:14px;color:var(--text-secondary);flex:none}.switcher-trigger svg.chevron{width:12px;height:12px;color:var(--text-secondary);flex:none;transition:transform .12s}.note-switcher.open .switcher-trigger svg.chevron{transform:rotate(180deg)}.switcher-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.switcher-count{font-family:var(--font-mono);color:var(--text-secondary);background:color-mix(in srgb, var(--text-primary) 10%, transparent);border-radius:100px;flex:none;padding:1px 6px;font-size:10px}.btn-icon{cursor:pointer;background:linear-gradient(155deg, var(--primary-light), var(--primary-main));width:32px;color:var(--primary-contrast);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{filter:brightness(1.07)}.btn-icon:active{transform:translateY(1px)}.btn-icon svg{width:14px;height:14px}.btn-icon.ghost svg{width:18px;height:18px}.btn-icon.ghost{color:var(--text-secondary);border:1px solid var(--divider);background:0 0}.btn-icon.ghost:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent);color:var(--primary-light);border-color:color-mix(in srgb, var(--primary-main) 45%, var(--divider));filter:none}.switcher-dropdown{z-index:30;background:var(--bg-solid);border:1px solid var(--divider);border-radius:10px;flex-direction:column;max-height:min(320px,60vh);display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 44px -14px #0000008c}.search-wrap{border-bottom:1px solid var(--divider);flex:none;align-items:center;gap:6px;padding:8px;display:flex}.search-wrap svg{color:var(--text-secondary);flex:none}.search-wrap input{color:var(--text-primary);font-family:var(--font-ui);background:0 0;border:0;outline:0;width:100%;font-size:12.5px}.search-wrap input::placeholder{color:var(--text-disabled)}.search-wrap input:focus-visible{outline:none}.note-list{flex-direction:column;flex:1;gap:2px;padding:5px;display:flex;overflow-y:auto}.note-item{cursor:pointer;border-radius:7px;flex-direction:column;gap:2px;padding:7px 8px 7px 9px;display:flex;position:relative}.note-item:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.note-item.active{background:color-mix(in srgb, var(--primary-main) 16%, transparent)}.note-item.active:before{content:"";background:var(--primary-main);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.note-item-row{align-items:center;gap:4px;display:flex}.backup-row.stacked{flex-direction:column;align-items:stretch}.public-dot{background:#2fa35f;border-radius:50%;flex:none;width:7px;height:7px}.public-dot.editable{background:#e0902a}.note-item.with-actions{flex-direction:row;align-items:center;gap:6px}.note-item-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.row-actions{flex:none;grid-template-columns:repeat(2,24px);gap:2px;display:grid}.note-item .title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:600;overflow:hidden}.note-item .snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.note-item .meta{font-family:var(--font-mono);color:var(--text-disabled);font-variant-numeric:tabular-nums;font-size:9.5px}.note-item .row-btn{width:24px;height:24px;color:var(--text-disabled);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:opacity .1s,background .1s,color .1s;display:flex}.note-item:hover .row-btn,.note-item:focus-within .row-btn{opacity:1}.row-btn.export-btn:hover,.row-btn.edit-btn:hover,.row-btn.template-btn:hover{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.row-btn.del-btn:hover{color:#e05a5a;background:#e05a5a2e}.note-item .row-btn.pin-btn.pinned{opacity:1;color:var(--primary-light)}.row-btn.pin-btn.pinned svg path{fill:currentColor}.row-btn.pin-btn:hover,.row-btn.more-btn:hover{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.row-menu{z-index:50;background:var(--bg-solid);border:1px solid var(--divider);border-radius:8px;flex-direction:column;gap:1px;min-width:150px;padding:4px;display:flex;position:absolute;box-shadow:0 12px 30px -10px #0000008c}.row-menu button{text-align:left;cursor:pointer;font:inherit;font-family:var(--font-ui);color:var(--text-primary);background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:12.5px}.row-menu button:hover{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.list-footer{border-top:1px solid var(--divider);flex:none;align-items:stretch;display:flex}.list-footer .trash-link{border-top:0;flex:auto}.list-footer .trash-link[hidden]+.sort-btn{margin-left:auto}.folder-item{cursor:pointer;color:var(--text-primary);border-radius:7px;align-items:center;gap:5px;min-height:32px;padding:4px 6px 4px 5px;display:flex}.folder-item:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.folder-item .folder-chevron{color:var(--text-secondary);flex:none;transition:transform .12s;transform:rotate(90deg)}.folder-item[aria-expanded=false] .folder-chevron{transform:none}.folder-item .folder-icon{color:var(--primary-light);flex:none}.folder-item .title{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.folder-item .rename-input{min-width:0;font:inherit;color:var(--text-primary);background:var(--bg-default);border:1px solid var(--primary-main);border-radius:5px;flex:auto;padding:1px 5px;font-size:12.5px;font-weight:600}.folder-count{font-family:var(--font-mono);color:var(--text-disabled);font-variant-numeric:tabular-nums;flex:none;font-size:10px}.folder-item .row-btn{width:24px;height:24px;color:var(--text-disabled);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:opacity .1s,background .1s,color .1s;display:flex}.folder-item:hover .row-btn,.folder-item:focus-within .row-btn,.folder-item:focus-visible .row-btn{opacity:1}.folder-children{border-left:1px solid var(--divider);flex-direction:column;gap:2px;margin-left:11px;padding-left:5px;display:flex}.list-footer .trash-link[hidden]+.new-folder-btn{margin-left:auto}.note-item.dragging,.folder-item.dragging{opacity:.4}.folder-item.drop-into{background:color-mix(in srgb, var(--primary-main) 22%, transparent);box-shadow:inset 0 0 0 1px var(--primary-main)}.note-list.drag-active{padding-bottom:40px}.note-list{position:relative}.drop-line{pointer-events:none;z-index:2;background:var(--primary-main);height:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-main) 35%, transparent);border-radius:2px;position:absolute}.drop-line:before{content:"";background:var(--primary-main);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:-3px}.note-list.drop-root{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-main) 60%, transparent);border-radius:8px}.row-menu{max-height:min(320px,70vh);overflow-y:auto}.row-menu button.current{cursor:default;color:var(--primary-light);font-weight:600}.row-menu button.current:hover{background:0 0}.sort-btn{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:7px 12px;font-size:11.5px;display:flex}.sort-btn:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-primary)}.row-btn.restore-btn:hover{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.pick-banner{border-bottom:1px solid var(--divider);background:color-mix(in srgb, var(--primary-main) 14%, transparent);color:var(--text-primary);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px 7px 10px;font-size:12px;font-weight:600;display:flex}.linked-items{color:var(--text-disabled);flex-wrap:wrap;align-items:center;gap:4px;padding:0 12px 6px;font-size:11px;display:flex}.linked-items-label{margin-right:2px}.linked-item{border:1px solid var(--divider);background:color-mix(in srgb, var(--text-primary) 5%, transparent);border-radius:100px;align-items:center;display:inline-flex;overflow:hidden}.linked-item button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:11px}.linked-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;padding:2px 4px 2px 8px;overflow:hidden}.linked-item-name:hover{color:var(--primary-light)}.linked-item-x{padding:2px 7px 2px 3px}.linked-item-x:hover{color:#e05a5a}.trash-actions{grid-template-columns:repeat(2,24px)}.trash-item{cursor:default}.trash-item .row-btn{opacity:1}.trash-link{border:0;border-top:1px solid var(--divider);color:var(--text-secondary);font:inherit;cursor:pointer;text-align:left;background:0 0;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;display:flex}.trash-link:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent);color:var(--text-primary)}.trash-head{border-bottom:1px solid var(--divider);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.trash-back{color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-size:12px;font-weight:600;display:flex}.trash-back:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.trash-empty-btn{border:1px solid var(--divider);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:11px}.trash-empty-btn:hover{color:#e05a5a;background:#e05a5a2e;border-color:#e05a5a66}.note-item .rename-input{font:inherit;color:var(--text-primary);background:var(--bg-default);border:1px solid var(--primary-main);border-radius:5px;width:100%;padding:1px 5px;font-size:12.5px;font-weight:600}.restore-templates-btn{border:0;border-top:1px solid var(--divider);width:100%;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;margin-top:4px;padding:8px 14px;font-size:11.5px;display:block}.restore-templates-btn:hover,.restore-templates-btn:focus-visible{color:var(--primary-light)}.empty-list{text-align:center;color:var(--text-disabled);padding:22px 14px;font-size:11.5px;line-height:1.6}.new-note-wrap{flex:none;display:flex;position:relative}.template-menu{z-index:30;background:var(--bg-solid);border:1px solid var(--divider);border-radius:10px;flex-direction:column;width:min(260px,100vw - 16px);max-height:min(360px,70vh);display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 18px 44px -14px #0000008c}.template-blank{cursor:pointer;color:var(--text-primary);font-family:var(--font-ui);text-align:left;background:0 0;border:0;border-radius:7px;flex:none;align-items:center;gap:8px;margin:5px 5px 0;padding:8px 9px;font-size:12.5px;font-weight:600;display:flex}.template-blank svg{color:var(--text-secondary);flex:none}.template-blank:hover{background:color-mix(in srgb, var(--text-primary) 6%, transparent)}.template-menu-label{border-top:1px solid var(--divider);letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);flex:none;margin-top:5px;padding:9px 14px 3px;font-size:10.5px;font-weight:600}.template-list .note-item{padding:6px 8px 6px 9px}.editor-pane{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.editor-empty{color:var(--text-disabled);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;font-size:12.5px;display:flex}.toolbar{background:var(--bg-paper);border-bottom:1px solid var(--divider);flex-wrap:wrap;flex:none;align-items:center;gap:1px;padding:3px 4px;display:flex}.toolbar button{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:17px;font-weight:700;display:flex}.toolbar button svg{width:17px;height:17px}.toolbar button:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent);color:var(--text-primary)}.toolbar button.active{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.toolbar .tb-sep{background:linear-gradient(var(--divider), var(--divider)) center / 1px 100% no-repeat;flex:1 1 0;align-self:stretch;min-width:5px;max-width:12px;margin:4px 0}.pill-picker{display:inline-flex;position:relative}.pill-picker .pill-picker-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex}.pill-picker .pill-picker-btn svg{width:17px;height:17px}.pill-picker .list-picker-btn{gap:1px;width:auto;padding:0 2px 0 3px}.pill-picker .list-picker-btn svg{width:16px;height:16px}.pill-picker .pill-picker-btn:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent);color:var(--text-primary)}.pill-picker .block-picker-btn{gap:1px;width:auto;padding:0 1px 0 3px;font-size:15px}.pill-picker .pill-picker-btn svg.picker-chev{flex:none;width:6.75px;height:12px}.block-picker-label{text-align:center;min-width:16px}.pill-swatches.block-menu{flex-direction:column;gap:1px;min-width:140px;overflow:hidden auto}.toolbar .block-menu button{width:auto;height:auto;color:var(--text-primary);white-space:nowrap;border-radius:5px;justify-content:flex-start;padding:4px 8px;font-size:12.5px;font-weight:400}.toolbar .block-menu button.active{color:var(--primary-light)}.toolbar .list-menu button{gap:8px}.toolbar .list-menu button svg{width:15px;height:15px;color:var(--text-secondary);flex:none}.toolbar .list-menu button.active svg{color:var(--primary-light)}.toolbar .block-menu .block-item-h1{font-size:15px;font-weight:700}.toolbar .block-menu .block-item-h2{font-size:13.5px;font-weight:700}.toolbar .block-menu .block-item-h3{font-size:12.5px;font-weight:700}.pill-picker .pill-picker-btn.active{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.pill-swatches{z-index:40;background:var(--bg-solid);border:1px solid var(--divider);border-radius:8px;flex-wrap:nowrap;gap:5px;max-width:min(290px,100vw - 24px);padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-x:auto;box-shadow:0 14px 30px -10px #00000080}.pill-swatches .pill-swatch{--sw-ring:color-mix(in srgb, var(--text-primary) 30%, transparent);cursor:pointer;background:var(--sw);width:16px;height:16px;box-shadow:0 0 0 1px var(--sw-ring);border:0;border-radius:50%;padding:0}.pill-swatches.color-swatches{grid-template-columns:repeat(7,16px);display:grid}.pill-swatches .pill-swatch:hover,.pill-swatches .pill-swatch.on{box-shadow:0 0 0 1px var(--sw-ring), 0 0 0 1.5px var(--bg-solid), 0 0 0 2.5px var(--text-primary)}.pill-swatches .pill-swatch-none{color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;display:flex}.pill-swatches .pill-swatch-none:hover,.pill-swatches .pill-swatch-none.on{color:var(--text-primary)}.pill-swatches .pill-swatch-none svg{width:16px;height:16px}.title-row{border-bottom:1px solid var(--divider);background:0 0;flex:none;align-items:center;gap:6px;padding:8px 16px 6px;display:flex}.title-row .note-title-input,.title-row .note-title-text{flex:auto;min-width:0}.connections-btn{cursor:pointer;border:1px solid var(--divider);background:color-mix(in srgb, var(--text-primary) 5%, transparent);color:var(--text-secondary);font:inherit;font-family:var(--font-ui);border-radius:100px;flex:none;align-items:center;gap:4px;padding:3px 8px 3px 6px;font-size:12px;font-weight:600;display:flex}.connections-btn:hover{color:var(--primary-light);border-color:color-mix(in srgb, var(--primary-main) 45%, var(--divider))}.connections-pop{z-index:45;background:var(--bg-solid);border:1px solid var(--divider);min-width:180px;max-width:260px;max-height:60%;font-family:var(--font-ui);border-radius:8px;padding:4px;position:absolute;overflow-y:auto;box-shadow:0 12px 30px -10px #0000008c}.connections-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);padding:5px 8px 3px;font-size:10px;font-weight:600}.connections-row{border-radius:5px;align-items:center;display:flex}.connections-row:hover{background:color-mix(in srgb, var(--primary-main) 14%, transparent)}.connections-row button{cursor:pointer;font:inherit;background:0 0;border:0;font-size:12.5px}.connections-name{text-align:left;min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:auto;padding:5px 8px;overflow:hidden}.connections-name:hover{color:var(--primary-light)}.connections-x{color:var(--text-disabled);flex:none;padding:5px 9px}.connections-x:hover{color:#e05a5a}.note-title-input{width:100%;font-family:var(--font-ui);color:var(--text-primary);background:0 0;border:0;outline:0;font-size:16.5px;font-weight:700}.note-title-input::placeholder{color:var(--text-disabled)}.note-title-text{font-family:var(--font-ui);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:700;overflow:hidden}.panel.player-view .new-note-wrap,.panel.player-view .settings-section:not(.player-ok){display:none}.editor-scroll{background:0 0;flex:1;position:relative;overflow-y:auto}.editor-surface{min-height:100%;font-family:var(--font-ui);color:var(--text-primary);outline:0;padding:8px 16px 24px;font-size:13.5px;line-height:1.65}.editor-surface h1{margin:.6em 0 .3em;font-size:1.35em}.editor-surface h2{margin:.6em 0 .3em;font-size:1.15em}.editor-surface h3{margin:.6em 0 .3em;font-size:1em}.editor-surface h4{font-size:1em;font-weight:inherit;margin:0 0 .65em}.editor-surface :is(h1,h2,h3,h4){position:relative}.editor-surface :is(h1,h2,h3,h4):before{content:"";background:var(--text-secondary);cursor:pointer;opacity:0;width:14px;height:14px;transition:transform .12s,opacity .12s;position:absolute;top:calc(.825em - 7px);left:-15px;transform:rotate(90deg);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/12px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/12px no-repeat}.editor-surface :is(h1,h2,h3):hover:before,.editor-surface h4:before{opacity:.7}.editor-surface :is(h1,h2,h3,h4)[data-collapsed]:before{opacity:.9;transform:none}.editor-surface [data-folded]{display:none}.secret-layer{pointer-events:none;width:100%;height:0;position:absolute;inset:0 auto auto 0}.editor-surface{z-index:1}.secret-box{box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--text-secondary) 40%, transparent);background:#00000024;border-radius:4px;position:absolute}.secret-eye{background:var(--text-secondary);opacity:.85;border-radius:4px;width:18px;height:18px;position:absolute;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.5 8s2.4-4.5 6.5-4.5S14.5 8 14.5 8s-2.4 4.5-6.5 4.5S1.5 8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/><circle cx='8' cy='8' r='2' fill='none' stroke='black' stroke-width='1.3'/><path d='M2.5 13.5 13.5 2.5' stroke='black' stroke-width='1.3' stroke-linecap='round'/></svg>") 50%/14px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.5 8s2.4-4.5 6.5-4.5S14.5 8 14.5 8s-2.4 4.5-6.5 4.5S1.5 8 1.5 8Z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'/><circle cx='8' cy='8' r='2' fill='none' stroke='black' stroke-width='1.3'/><path d='M2.5 13.5 13.5 2.5' stroke='black' stroke-width='1.3' stroke-linecap='round'/></svg>") 50%/14px no-repeat}.secret-eye.clickable{pointer-events:auto;cursor:pointer;z-index:2}.secret-eye.clickable:hover{opacity:1;background:var(--text-primary)}.secret-box:has(+.secret-eye.clickable:hover){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary-main) 70%, transparent);background:#00000014}.secret-eye.hover{opacity:.4}.secret-eye.hover:hover{opacity:1}.editor-surface.has-secret{padding-right:30px}.editor-surface [data-depth="1"]{margin-left:6px}.editor-surface [data-depth="2"]{margin-left:12px}.editor-surface [data-depth="3"]{margin-left:18px}.editor-surface [data-depth="4"]{margin-left:24px}.editor-surface p{margin:0 0 .65em}.editor-surface ul,.editor-surface ol{margin:0 0 .65em;padding-left:1.3em}.editor-surface :is(ul,ol) :is(ul,ol){margin:0}.editor-surface ul{padding-left:1em}.editor-surface ul>li::marker{content:"• ";font-size:1.3em}.editor-surface ul ul>li::marker{content:"◦ "}.editor-surface ul ul ul>li::marker{content:"▪ "}.editor-surface .note-link{color:var(--primary-light);text-underline-offset:2px;cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:3px;padding:0 1px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.editor-surface .note-link:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent)}.editor-surface .note-link[data-missing]{color:var(--text-disabled)}.player-editor .editor-surface .note-link[data-missing]{color:inherit;cursor:text;padding:0;text-decoration:none}.lock-banner{font-family:var(--font-ui);color:var(--text-primary);background:#e0902a29;border:1px solid #e0902a73;border-radius:6px;flex:none;margin:0 10px 6px;padding:5px 9px;font-size:11.5px}.toolbar.locked{opacity:.4;pointer-events:none}.link-picker,.link-bubble{z-index:45;background:var(--bg-solid);border:1px solid var(--divider);font-family:var(--font-ui);border-radius:8px;position:absolute;box-shadow:0 12px 30px -10px #0000008c}.link-picker{flex-direction:column;gap:1px;min-width:180px;max-width:260px;padding:4px;display:flex}.link-picker-list{flex-direction:column;flex:auto;gap:1px;min-height:0;display:flex;overflow-y:auto}.link-picker-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);flex:none;padding:3px 8px 4px;font-size:10px;font-weight:600}.link-picker-empty{color:var(--text-secondary);padding:4px 8px 6px;font-size:12px}.link-picker-item{text-align:left;cursor:pointer;font:inherit;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:5px;flex:none;padding:5px 8px;font-size:12.5px;overflow:hidden}.link-picker-item:hover,.link-picker-item.active{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.link-bubble{color:var(--text-secondary);padding:4px;font-size:12px}.link-bubble span{padding:4px 8px;display:block}.link-bubble button{cursor:pointer;font:inherit;color:var(--primary-light);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:5px;max-width:240px;padding:5px 8px;font-size:12.5px;overflow:hidden}.link-bubble button:hover{background:color-mix(in srgb, var(--primary-main) 20%, transparent)}.editor-surface ul[data-check]{padding-left:1.35em}.editor-surface ul[data-check]>li{list-style:none;position:relative}.editor-surface ul[data-check]>li::marker{content:""}.editor-surface ul[data-check]>li:before{content:"";box-sizing:border-box;border:1.5px solid var(--marker-c,var(--text-secondary));cursor:pointer;border-radius:3px;width:13px;height:13px;position:absolute;top:calc(.825em - 6.5px);left:-1.3em}.editor-surface ul[data-check]>li[data-checked]:before{border-color:var(--primary-main);background:var(--primary-main) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 10px no-repeat}.editor-surface ul[data-check]>li[data-checked]{color:var(--text-disabled)}.editor-surface ul[data-check]>li[data-checked] .note-pill{opacity:.55}.editor-surface.read-only ul[data-check]>li:before{cursor:default}.editor-surface ol>li::marker{content:counter(list-item) ". ";font-size:.9em}.editor-surface ol ol>li::marker{content:counter(list-item, lower-alpha) ". "}.editor-surface ol ol ol>li::marker{content:counter(list-item, lower-roman) ". "}.editor-surface ol ol ol ol>li::marker{content:counter(list-item) ". "}.editor-surface li[style*=--marker-c]::marker{color:var(--marker-c)}.editor-surface blockquote{border-left:3px solid var(--quote-c,var(--primary-main));margin:.5em 0;padding:2px 12px 2px 8px;font-style:italic}.editor-surface a{color:var(--primary-light)}.editor-surface .note-pill{vertical-align:1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:color-mix(in srgb, var(--pill-c,var(--primary-main)) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pill-c,var(--primary-main)) 55%, transparent);--pill-text:color-mix(in srgb, var(--pill-c,var(--primary-main)) 50%, var(--text-primary));color:var(--pill-text);border-radius:999px;margin:0 .2em;padding:2px 9px 3px;font-size:.92em;font-weight:600;line-height:1.5;display:inline}.editor-surface .note-pill:has(br){border-radius:11px;display:inline-block}.editor-surface hr{border:0;border-top:1px solid var(--divider);margin:1em 0}.editor-surface{position:relative}.editor-surface:before{content:attr(data-placeholder);color:var(--text-disabled);pointer-events:none;display:none;position:absolute;top:8px;left:16px;right:16px}.editor-surface.is-empty:before{display:block}.editor-foot{background:var(--bg-paper);border-top:1px solid var(--divider);font-family:var(--font-mono);color:var(--text-disabled);flex:none;justify-content:space-between;align-items:center;padding:6px 12px;font-size:10px;display:flex}.save-state{align-items:center;gap:6px;display:flex}.foot-end{align-items:center;min-width:0;margin-left:10px;padding-right:10px;display:flex}.lock-state{min-width:0;color:color-mix(in srgb, #e0902a 75%, var(--text-primary));align-items:center;gap:4px;font-size:11px;display:flex}.lock-state svg{flex:none}.lock-state-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finish-edit-btn{border:1px solid color-mix(in srgb, var(--primary-main) 55%, transparent);font:inherit;color:color-mix(in srgb, var(--primary-main) 75%, var(--text-primary));cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:4px;margin:-3px 0;padding:1px 7px;font-size:11px;display:flex}.finish-edit-btn:hover,.finish-edit-btn:focus-visible{background:color-mix(in srgb, var(--primary-main) 16%, transparent)}.foot-end [hidden]{display:none}.save-state .pip{background:#5fbf7a;border-radius:50%;width:6px;height:6px;transition:background .15s}.save-state .pip.pending{background:var(--text-disabled)}.cloud-sync-btn{width:16px;height:16px;color:var(--text-disabled);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-left:1px;padding:0;display:flex}.cloud-sync-btn:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent)}.cloud-sync-btn.state-signed-out{color:color-mix(in srgb, var(--text-disabled) 60%, transparent);cursor:pointer}.cloud-sync-btn.state-synced{color:#5fbf7a}.cloud-sync-btn.state-pending{color:var(--text-disabled)}.cloud-sync-btn.state-syncing{color:var(--primary-light);animation:1s ease-in-out infinite cloud-sync-pulse}.cloud-sync-btn.state-error{color:#e0524f}@keyframes cloud-sync-pulse{0%,to{opacity:1}50%{opacity:.4}}.storage-banner{background:color-mix(in srgb, #e0524f 16%, var(--bg-solid));color:#e0524f;border-bottom:1px solid #e0524f66;flex:none;align-items:flex-start;gap:8px;padding:8px 12px;font-size:11.5px;line-height:1.4;display:flex}.storage-banner svg{flex:none;width:14px;height:14px;margin-top:1px}.storage-meter-text{font-family:var(--font-mono);color:var(--text-secondary);font-size:10.5px;display:block}.cleanup-hint{color:var(--text-disabled);margin:0;font-size:10.5px;line-height:1.5}.gm-gate{text-align:center;background:var(--bg-default);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:8px;padding:30px 24px;display:flex}.gm-gate svg{color:var(--text-disabled);width:26px;height:26px;margin-bottom:4px}.gm-gate strong{color:var(--text-primary);font-size:13.5px}.gm-gate .gm-gate-sub{color:var(--text-secondary);max-width:26ch;font-size:12px}.settings-overlay{z-index:50;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.settings-backdrop{-webkit-backdrop-filter:blur(2px);background:#08080e73;position:absolute;inset:0}.settings-modal{z-index:1;background:var(--bg-solid);border:1px solid var(--divider);border-radius:12px;flex-direction:column;width:100%;max-width:300px;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 56px -16px #0000008c}.settings-modal-head{border-bottom:1px solid var(--divider);color:var(--text-primary);flex:none;justify-content:space-between;align-items:center;padding:10px 8px 10px 14px;font-size:13px;font-weight:700;display:flex}.settings-close-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.settings-close-btn:hover{background:color-mix(in srgb, var(--primary-main) 16%, transparent);color:var(--primary-light)}.settings-modal-body{flex-direction:column;flex:1;gap:16px;padding:14px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:8px;display:flex}.settings-section.has-info{position:relative}.settings-label-row{align-items:center;gap:6px;display:flex}.info-btn{cursor:help;border:1px solid color-mix(in srgb, var(--text-disabled) 80%, transparent);width:15px;height:15px;color:var(--text-secondary);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font:italic 700 9.5px/1 Georgia,serif;display:inline-flex}.info-btn:hover,.settings-section.tip-open .info-btn{color:var(--primary-light);border-color:var(--primary-main)}.info-btn:focus-visible{outline:2px solid var(--primary-main);outline-offset:1px}.settings-section>.cleanup-hint.info-tip{z-index:5;background:var(--bg-solid);border:1px solid var(--divider);color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:11px;display:none;position:absolute;top:22px;left:0;right:0;box-shadow:0 6px 18px #00000059}.settings-section.tip-open>.info-tip{display:block}.settings-section:has(.info-btn:hover,.info-btn:focus-visible)>.info-tip{display:block}.settings-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-disabled);font-size:10.5px;font-weight:600}.settings-accent-row{flex-wrap:wrap;gap:8px;display:flex}.accent-swatch{cursor:pointer;background:var(--sw);color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.accent-swatch:hover{filter:brightness(1.08)}.accent-swatch.is-active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-paper)}.accent-swatch-auto{background:conic-gradient(from 180deg,#7c5cff,#2fb8c6,#dd9a34,#e05a86,#4caf72,#3f8ce0,#7c5cff)}.accent-swatch-auto svg{filter:drop-shadow(0 0 1px #000000a6);width:12px;height:12px}.settings-lang-row{gap:6px;display:flex}.backup-row{align-items:center;gap:6px;display:flex}.backup-row+.backup-row{margin-top:6px}.cloud-account-email{color:var(--text-secondary);font-size:11.5px;font-family:var(--font-mono)}a.opt-btn{text-decoration:none;display:inline-block}.opt-btn{font-family:var(--font-ui);color:var(--text-secondary);border:1px solid var(--divider);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600}.opt-btn:hover{color:var(--text-primary);background:color-mix(in srgb, var(--primary-main) 12%, transparent);border-color:color-mix(in srgb, var(--primary-main) 45%, var(--divider))}.opt-btn.is-active{color:var(--primary-contrast);background:var(--primary-main);border-color:var(--primary-main)}.opt-btn.danger:hover{color:#e05a5a;border-color:color-mix(in srgb, #e05a5a 45%, var(--divider));background:#e05a5a24}.resize-handle{cursor:nwse-resize;width:20px;height:20px;color:var(--text-disabled);z-index:5;justify-content:flex-end;align-items:flex-end;padding:4px;display:flex;position:absolute;bottom:0;right:0}.resize-handle svg{width:11px;height:11px}.panel.resizing{-webkit-user-select:none;user-select:none}.editor-surface table{border-collapse:collapse;max-width:100%;margin:0 0 .65em;display:block;overflow-x:auto}.editor-surface table:not(:has(>colgroup))>tbody{width:100%;display:table}.editor-surface table{box-shadow:inset 0 0 0 1px var(--divider);border-radius:6px}.editor-surface table:has(>colgroup){width:fit-content}@supports (animation-timeline:scroll()){.editor-surface table{animation:linear both table-cut-edges;animation-timeline:scroll(self inline)}}@keyframes table-cut-edges{0%{box-shadow:inset 0 1px 0 0 var(--divider), inset 0 -1px 0 0 var(--divider), inset 1px 0 0 0 var(--divider), inset -1px 0 0 0 transparent;border-radius:6px 0 0 6px}.01%,99.99%{box-shadow:inset 0 1px 0 0 var(--divider), inset 0 -1px 0 0 var(--divider), inset 1px 0 0 0 transparent, inset -1px 0 0 0 transparent;border-radius:0}to{box-shadow:inset 0 1px 0 0 var(--divider), inset 0 -1px 0 0 var(--divider), inset 1px 0 0 0 transparent, inset -1px 0 0 0 var(--divider);border-radius:0 6px 6px 0}}.editor-surface col{width:var(--col-w);min-width:var(--col-w)}.editor-surface table:has(>colgroup) :is(td,th){overflow-wrap:anywhere;min-width:0}.editor-surface td,.editor-surface th{border:1px solid var(--divider);vertical-align:top;text-align:left;min-width:3.5em;padding:3px 8px;line-height:1.5}.editor-surface[data-col-resize]{cursor:col-resize}.editor-surface[data-col-resize=drag]{-webkit-user-select:none;user-select:none}.table-grip{z-index:5;color:var(--text-disabled);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.table-grip:hover,.table-grip.dragging{color:var(--text-primary);background:color-mix(in srgb, var(--primary-main) 16%, transparent)}.table-grip.dragging{cursor:grabbing}.table-grip[data-axis=row] svg{width:8px;height:14px}.table-grip[data-axis=col] svg{width:14px;height:8px}.table-drag-shade{z-index:4;pointer-events:none;background:color-mix(in srgb, var(--primary-main) 12%, transparent);outline:1px solid color-mix(in srgb, var(--primary-main) 45%, transparent);border-radius:2px;position:absolute}.table-drop-line{z-index:5;pointer-events:none;background:var(--primary-light);border-radius:1px;position:absolute}.table-drop-line[data-axis=row]{margin-top:-1px}.table-drop-line[data-axis=col]{margin-left:-1px}.editor-surface th{background:color-mix(in srgb, var(--primary-main) 10%, transparent);font-weight:700}.editor-surface td[style*=--cell-c]{background:color-mix(in srgb, var(--cell-c) 22%, transparent)}.editor-surface th[style*=--cell-c]{background:color-mix(in srgb, var(--cell-c) 34%, transparent)}.toolbar [aria-disabled=true]{opacity:.35;cursor:default}.toolbar [aria-disabled=true]:hover{color:var(--text-secondary);background:0 0}.pill-swatches.table-menu{flex-direction:column;align-items:center;gap:6px;overflow:hidden auto}.table-grid{grid-template-columns:repeat(6,18px);gap:3px;display:grid}.toolbar .table-grid button{border:1px solid var(--divider);background:0 0;border-radius:3px;width:18px;height:18px}.toolbar .table-grid button.on{background:color-mix(in srgb, var(--primary-main) 35%, transparent);border-color:var(--primary-main)}.toolbar .table-grid button:focus-visible{outline:2px solid var(--primary-light);outline-offset:1px}.table-grid-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.table-size{flex-direction:column;align-items:center;gap:6px;display:flex}.table-size[hidden],.table-actions[hidden]{display:none}.table-actions{flex-direction:column;gap:1px;min-width:150px;display:flex}.toolbar .table-actions .table-action{width:auto;height:auto;color:var(--text-primary);white-space:nowrap;border-radius:5px;justify-content:flex-start;gap:8px;padding:4px 8px;font-size:12.5px;font-weight:400}.toolbar .table-actions .table-action svg{width:14px;height:14px;color:var(--text-secondary);flex:none}.toolbar .table-actions .table-action.active,.toolbar .table-actions .table-action.active svg{color:var(--primary-light)}.toolbar .table-actions .table-action:disabled{opacity:.4;cursor:default;background:0 0}.table-actions-sep{background:var(--divider);height:1px;margin:3px 4px}.table-submenu{flex-direction:column;gap:1px;padding-left:14px;display:flex}.table-submenu[data-collapsed]{visibility:hidden;height:0;overflow:hidden}.toolbar .table-actions .table-action svg.table-submenu-chev{width:10px;height:10px;margin-left:auto;transition:transform .12s}.toolbar .table-actions .table-submenu-btn[aria-expanded=true] svg.table-submenu-chev{transform:rotate(90deg)}.table-color{flex-direction:column;gap:6px;padding:2px 8px 4px;display:flex}.table-color-label{color:var(--text-secondary);font-size:11px}.table-color-scope{border:1px solid var(--divider);border-radius:6px;display:flex;overflow:hidden}.toolbar .table-color-scope button{width:auto;height:auto;color:var(--text-secondary);border-radius:0;flex:1 1 0;padding:3px 6px;font-size:11.5px;font-weight:400}.toolbar .table-color-scope button+button{border-left:1px solid var(--divider)}.toolbar .table-color-scope button[aria-pressed=true]{background:color-mix(in srgb, var(--primary-main) 20%, transparent);color:var(--primary-light)}.table-color-swatches{grid-template-columns:repeat(7,16px);justify-content:space-between;gap:5px;display:grid}