*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);color:var(--text)}button{font-family:inherit;cursor:pointer}input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:color-mix(in oklab,var(--primary) 38%,transparent)}:root{--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--primary: #4886B8;--primary-hover: #BFE0F0;--primary-press: #3a6e99;--on-primary: #ffffff;--on-primary-hover: #122B45;--highlight: #122B45;--secondary: #BFE0F0;--ring: color-mix(in oklab, var(--primary) 55%, transparent);--danger: #f2666b;--danger-bg: color-mix(in oklab, var(--danger) 14%, transparent);--success: #34d399;--warning: #f5b14c;--transition: .14s cubic-bezier(.4,0,.2,1);--chevron-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23737d86" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');--bg: #1c1c1c;--surface-1: #121212;--surface-2: #1c1c1c;--surface-3: #242424;--elevated: #131211;--paper-surround: #131211;--board-connector-default: #ffffff;--border: #2e2d2c;--border-strong: #3a3937;--border-faint: #282726;--text: #e9edf0;--text-dim: #a6b0b8;--muted: #737d86;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-card: 0 1px 0 rgba(0,0,0,.4);--shadow-pop: 0 16px 44px rgba(0,0,0,.55);--shadow-paper: 0 4px 22px rgba(0,0,0,.5);--grid-opacity: 1;--grid-size: 26px;--grid-dot-color: color-mix(in oklab, var(--text) 14%, transparent);--card-pad: 18px;--nav-radius: 6px;--display: var(--sans);--chrome: var(--surface-1);--canvas: var(--bg);--chrome-line: color-mix(in oklab, var(--text) 10%, transparent);--chrome-line-strong: color-mix(in oklab, var(--text) 16%, transparent);--chrome-line-pop: color-mix(in oklab, var(--text) 22%, transparent);--text-label: color-mix(in oklab, var(--text) 74%, transparent);--text-faint: color-mix(in oklab, var(--text) 34%, transparent);--text-ghost: color-mix(in oklab, var(--text) 28%, transparent);--accent-text: var(--secondary);--accent-fill: color-mix(in oklab, var(--primary) 14%, transparent);--accent-fill-soft: color-mix(in oklab, var(--primary) 6%, transparent);--accent-row: color-mix(in oklab, var(--primary) 13%, transparent);--accent-border: color-mix(in oklab, var(--primary) 30%, transparent);--accent-border-strong: color-mix(in oklab, var(--primary) 55%, transparent);--paper: #ffffff;--paper-ink: #15171a;--paper-ink-body: color-mix(in oklab, var(--paper-ink) 84%, transparent);--paper-rule: color-mix(in oklab, var(--paper-ink) 22%, transparent);--shadow-cursorbar: 0 10px 28px rgba(0,0,0,.46);--shadow-palette: 0 18px 44px rgba(0,0,0,.5);--rail-w: 61px;--rail-w-open: 192px;--rail-btn-w: 39px;--rail-btn-h: 37px;--topbar-h: 48px;--doc-topbar-h: 50px;--chrome-btn-h: 35px;--chrome-icon: 24px}[data-theme=light]{--bg: #e7e9ea;--surface-1: #eff0f1;--surface-2: #f5f6f6;--surface-3: #dfe2e3;--elevated: #f5f6f6;--paper-surround: #d5d8d9;--board-connector-default: #3a4150;--border: #d3d7d9;--border-strong: #b9bec1;--border-faint: #e0e3e4;--text: #1b1f22;--text-dim: #545a5f;--muted: #868c91;--shadow-card: 0 1px 2px rgba(18,24,38,.06);--shadow-pop: 0 18px 48px rgba(18,24,38,.18);--shadow-paper: 0 6px 26px rgba(18,24,38,.14);--shadow-cursorbar: 0 8px 22px rgba(18,24,38,.18);--shadow-palette: 0 18px 44px rgba(18,24,38,.22)}:root[data-appearance=gold]{--display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Lora", Georgia, serif;--mono: ui-monospace, Menlo, "IBM Plex Mono", monospace;--bg: #1c1c1c;--canvas: #1c1c1c;--chrome: #101010;--surface-1: #101010;--surface-2: #1c1c1c;--surface-3: #242424;--elevated: #131211;--paper-surround: #131211;--primary: #96692a;--primary-hover: #ab7d3a;--primary-press: #704e1c;--on-primary: #f2ede7;--on-primary-hover: #f2ede7;--secondary: #c9a469;--highlight: #2c2112;--ring: color-mix(in oklab, var(--primary) 55%, transparent);--text: #e4e0dc;--text-dim: color-mix(in oklab, var(--text) 45%, transparent);--muted: color-mix(in oklab, var(--text) 34%, transparent);--border: color-mix(in oklab, var(--text) 10%, transparent);--border-strong: color-mix(in oklab, var(--text) 16%, transparent);--border-faint: color-mix(in oklab, var(--text) 7%, transparent);--paper: #e9e6e1;--paper-ink: #191817;--board-connector-default: #c9a469;--grid-size: 22px;--grid-dot-color: color-mix(in oklab, var(--text) 7%, transparent)}:root[data-appearance=light]{--chrome: var(--surface-1);--canvas: var(--paper-surround);--accent-text: var(--primary-press)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}.label-mono{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.app-root{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-root:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--grid-opacity);background-image:radial-gradient(circle,var(--grid-dot-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:radial-gradient(120% 120% at 50% 40%,#000 35%,transparent 100%);mask-image:radial-gradient(120% 120% at 50% 40%,#000 35%,transparent 100%);z-index:0}.fullscreen-notice{position:fixed;inset:0;z-index:9999;background:var(--bg);color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);text-align:center;padding:var(--s7)}.fullscreen-notice .label-mono{color:var(--primary)}.fullscreen-notice .notice-icon{color:var(--muted)}.fullscreen-notice p{margin:0;max-width:360px;line-height:1.6}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:6px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box}.nb-crumbs{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;color:var(--text)}.nb-crumb{border:0;background:transparent;padding:2px 4px;border-radius:4px;color:inherit;font:inherit;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s ease}.nb-crumb:hover{background:color-mix(in oklab,var(--text) 10%,transparent)}.nb-crumb.current{font-weight:600}.nb-crumbs .sep{opacity:.5;flex:none}.nb-crumb-more{flex:none;max-width:none;color:var(--text-dim);letter-spacing:.06em}.nb-crumb-more:hover{color:var(--text)}.nb-crumbs.in-toolbar{gap:5px;font-size:12.5px;flex:0 1 auto;overflow:hidden}.nb-crumbs.in-toolbar .nb-crumb{max-width:170px;color:var(--text-dim)}.nb-crumbs.in-toolbar .nb-crumb.current{color:var(--text)}.nb-crumbs.in-toolbar .nb-crumb.leaf{max-width:260px;font-family:var(--display);font-size:18.5px;font-weight:600;line-height:1;color:var(--text)}.nb-crumbs .nb-crumb.leaf{cursor:default}.nb-crumbs .nb-crumb.leaf:hover{background:transparent}.swatch-popover{position:fixed;z-index:1000;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.swatch-clear{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-family:var(--mono);font-size:12px;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.swatch-clear:hover{background:var(--surface-3);color:var(--text)}.swatch-clear .ic{width:13px;height:13px}.swatch-grid{display:grid;grid-template-columns:repeat(4,26px);gap:6px}.swatch-cell{width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid color-mix(in oklab,var(--text) 16%,transparent);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.swatch-cell:hover{transform:scale(1.08);box-shadow:0 0 0 2px var(--ring)}.swatch-cell:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.swatch-cell.selected{box-shadow:0 0 0 2px var(--ring)}.swatch-cell .ic{width:16px;height:16px}.swatch-recent-wrap{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--border-faint)}.swatch-recent-label{font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.swatch-recent{display:flex;gap:6px;flex-wrap:wrap;max-width:122px}.list-popover{position:fixed;z-index:1000;display:flex;flex-direction:column;padding:4px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop)}.list-clear{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;margin-bottom:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);font-family:var(--mono);font-size:12px;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.list-clear:hover{background:var(--surface-3);color:var(--text)}.list-clear .ic{width:13px;height:13px}.list-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding:0 10px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text);font-size:15px;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--transition)}.list-option:hover,.list-option.active{background:var(--surface-3)}.list-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.list-option.selected{color:var(--primary)}.list-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.list-option-check{display:inline-flex;flex:none;color:var(--primary)}.sc-panel{display:flex;flex-direction:column;gap:14px;min-width:360px}.sc-scroll{display:flex;flex-direction:column;gap:18px;max-height:min(52vh,440px);overflow-y:auto;padding-right:6px;margin-right:-6px}.sc-hint{margin:0;font-size:12px;line-height:1.5;color:var(--text-dim)}.sc-msg{font-size:12px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim)}.sc-msg.error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.sc-msg.ok{border-color:var(--success);color:var(--success)}.sc-group{display:flex;flex-direction:column}.sc-group-title{margin:0 0 4px}.sc-row{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid var(--border-faint)}.sc-row:last-child{border-bottom:none}.sc-label{font-size:13px;color:var(--text);flex:1;min-width:0}.sc-fixed{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-faint);border-radius:var(--radius-sm);padding:2px 5px;cursor:help}.sc-combo{font-family:var(--mono);font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);min-width:62px;text-align:center;font-variant-numeric:tabular-nums}.sc-editable{cursor:pointer;color:var(--text);transition:border-color .12s ease,background .12s ease}.sc-editable:hover{border-color:var(--primary);background:var(--surface-3)}.sc-editable:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.sc-editable.capturing{border-color:var(--primary);color:var(--primary);background:var(--surface-3)}.sc-reset{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;padding:0;cursor:pointer;background:none;border:none;border-radius:var(--radius-sm);color:var(--muted)}.sc-reset:hover{background:var(--surface-3);color:var(--text)}.sc-reset[hidden]{display:none}.sc-foot{display:flex;justify-content:flex-end}.sc-foot .btn[hidden]{display:none}.emoji-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:2px}.emoji-pick{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;font-size:22px;line-height:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .1s ease}.emoji-pick:hover{background:var(--surface-3);border-color:var(--primary)}.emoji-pick:active{transform:scale(.92)}.emoji-clear{margin-top:12px;width:100%;padding:8px 12px;font-family:var(--sans);font-size:13px;font-weight:600;background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-dim);cursor:pointer;transition:border-color .12s ease,color .12s ease}.emoji-clear:hover{border-color:var(--danger);color:var(--danger)}@media(prefers-reduced-motion:reduce){.emoji-pick:active{transform:none}}.cp-backdrop{position:fixed;inset:0;z-index:1200;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--cp-top, 18vh);background:color-mix(in oklab,var(--chrome) 55%,transparent);animation:cp-fade .14s ease-out}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-shell{width:480px;max-width:calc(100vw - 32px);max-height:400px;display:flex;flex-direction:column;overflow:hidden;background:var(--chrome);border:1px solid var(--chrome-line-pop);border-radius:4px;box-shadow:var(--shadow-palette);animation:cp-in .14s cubic-bezier(.2,.7,.3,1)}.cp-shell.doc{width:460px}@keyframes cp-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.cp-search{display:flex;align-items:center;gap:11px;flex:none;padding:13px 16px;border-bottom:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.cp-search .ic{width:17px;height:17px;color:var(--text-faint)}.cp-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--display);font-size:20px;color:var(--text);caret-color:var(--primary)}.cp-input::placeholder{color:var(--text-ghost)}.cp-esc{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-faint);border:1px solid var(--chrome-line-strong);border-radius:3px;padding:2px 5px}.cp-list{flex:1;min-height:0;overflow-y:auto;padding:4px 6px 8px}.cp-heading{font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);padding:10px 10px 6px}.cp-row{position:relative;display:flex;align-items:center;gap:11px;width:100%;height:36px;padding:0 10px;border:none;border-radius:3px;background:transparent;color:var(--text-label);text-align:left;cursor:pointer;font-family:var(--sans);font-size:13px}.cp-row .ic{width:19px;height:19px;flex:none;opacity:.85}.cp-row.highlighted{background:var(--accent-row);color:var(--text)}.cp-row.highlighted .ic{opacity:1}.cp-row.highlighted:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--primary)}.cp-row.danger.highlighted{color:var(--danger)}.cp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-key{flex:none;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.cp-kind{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--text-faint)}.cp-dot{width:10px;height:10px;border-radius:50%;flex:none}.cp-pin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:3px;opacity:0;color:color-mix(in oklab,var(--text) 50%,transparent);transition:opacity .12s ease,background .12s ease,color .12s ease}.cp-pin .ic{width:14px;height:14px;opacity:1}.cp-row:hover .cp-pin{opacity:.7}.cp-pin:hover{background:color-mix(in oklab,var(--primary) 18%,transparent);opacity:1;color:var(--accent-text)}.cp-pin.pinned{opacity:1;color:var(--primary)}.cp-empty{text-align:center;padding:34px 12px;color:var(--text-faint);font-size:12.5px}.cp-foot{flex:none;display:flex;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid color-mix(in oklab,var(--text) 12%,transparent);font-family:var(--sans);font-size:11px;color:var(--text-faint)}.cp-foot-left{display:inline-flex;align-items:center;gap:5px}.cp-foot-left .ic{width:12px;height:12px;color:var(--primary);margin-left:3px}.cp-foot kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--chrome-line-strong);border-radius:3px;padding:1px 4px}.cp-foot-note{color:var(--accent-text)}.cp-foot-note[hidden]{display:none}.cp-foot-right{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}@media(prefers-reduced-motion:reduce){.cp-backdrop,.cp-shell{animation:none}}.nb-tip{position:fixed;z-index:1400;pointer-events:none;display:flex;align-items:baseline;gap:12px;padding:4px 9px;border-radius:3px;background:var(--text);color:var(--chrome);font-family:var(--sans);font-size:11.5px;white-space:nowrap;box-shadow:0 4px 14px #00000047}.nb-tip[hidden]{display:none}.nb-tip-key{font-family:var(--mono);font-size:10.5px;opacity:.6}.context-menu{position:fixed;z-index:1000;min-width:180px;padding:5px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-pop);font-family:var(--sans)}.context-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:13px;text-align:left;transition:background var(--transition)}.context-menu-item .ic{width:16px;height:16px;color:var(--text-dim);flex:none}.context-menu-item:hover:not(:disabled){background:var(--surface-3)}.context-menu-item:disabled{opacity:.4;cursor:default}.context-menu-item.danger,.context-menu-item.danger .ic{color:var(--danger)}.context-menu-item.danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 14%,transparent)}.context-menu-sep{height:1px;margin:5px 6px;background:var(--border)}.context-menu-note{padding:4px 10px 6px;max-width:250px;font-size:11px;line-height:1.45;color:var(--muted)}.ic{flex:none;display:inline-block;vertical-align:middle;width:var(--icon-size, 18px);height:var(--icon-size, 18px);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:36px;padding:0 var(--s4);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:active{transform:scale(.975)}.btn .ic{width:16px;height:16px}.btn-primary{background:var(--primary);color:var(--on-primary);font-weight:600}.btn-primary:hover{background:var(--primary-hover);color:var(--on-primary-hover)}.btn-primary:active{background:var(--primary-press);color:var(--on-primary)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.btn-secondary{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-ghost{color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-sm{height:30px;padding:0 var(--s3);font-size:12px;border-radius:var(--radius-sm)}.btn-icon{width:34px;height:34px;padding:0}.field{display:flex;flex-direction:column;gap:var(--s2)}.field>.label-mono{margin-bottom:2px}.input{height:40px;width:100%;padding:0 var(--s4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.badge{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 7px;border-radius:5px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-dim)}.badge-share{border-color:color-mix(in oklab,var(--secondary) 50%,transparent);color:var(--secondary)}.badge-readonly,.badge-sync{border-color:color-mix(in oklab,var(--warning) 45%,transparent);color:var(--warning)}.badge[hidden]{display:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--mono);font-weight:500;color:#fff;font-size:11px;flex:none}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);text-align:center;padding:var(--s9) var(--s6);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--surface-2) 50%,transparent)}.state .state-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border)}.state .state-icon .ic{width:26px;height:26px}.state h3{font-size:16px;font-weight:600}.state p{color:var(--muted);font-size:13.5px;max-width:320px;margin:-8px 0 4px}.nb-toast{position:fixed;left:50%;bottom:24px;z-index:5000;max-width:90vw;transform:translate(-50%) translateY(12px);padding:10px 16px;border-radius:var(--radius-md);background:var(--elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-pop);font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nb-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.nb-toast{transition:none}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s5)}.skeleton{height:244px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(100deg,transparent 30%,color-mix(in oklab,var(--surface-3) 70%,transparent) 50%,transparent 70%),var(--surface-2);background-size:200% 100%,auto;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}.seg{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:3px}.seg button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:12.5px;font-weight:500;height:32px;padding:0 16px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.seg button .ic{width:16px;height:16px}.seg button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #00000047}.seg button.on .ic{color:var(--primary)}.seg button:not(.on):hover{color:var(--text)}.auth-root{align-items:center;justify-content:center}.auth-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--s5)}.auth-wrap:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-52%);background:radial-gradient(circle,color-mix(in oklab,var(--primary) 14%,transparent),transparent 62%);pointer-events:none}.auth-card{width:400px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--s8);display:flex;flex-direction:column;gap:var(--s4);box-shadow:var(--shadow-pop)}.auth-brand{display:flex;align-items:center;gap:var(--s2);font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.auth-brand .ic,.auth-brand b{color:var(--primary)}.auth-sub{color:var(--muted);font-size:13.5px;margin:-6px 0 var(--s2)}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:3px;margin-bottom:var(--s1)}.auth-toggle button{border:0;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:12.5px;font-weight:500;height:32px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.auth-toggle button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #0000004d}.auth-toggle button:not(.on):hover{color:var(--text)}.auth-msg{padding:var(--s3);border-radius:var(--radius);font-size:12.5px;background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 40%,transparent)}.auth-msg.ok{background:color-mix(in oklab,var(--success) 14%,transparent);color:var(--success);border-color:color-mix(in oklab,var(--success) 40%,transparent)}.auth-submit{width:100%;height:42px;margin-top:var(--s1)}.auth-foot{text-align:center;color:var(--muted);font-size:12.5px;margin:0}.linkish{background:none;border:0;color:var(--primary);font:inherit;padding:0;cursor:pointer}.linkish:hover{text-decoration:underline}.auth-tag{opacity:.6}.shell{display:flex;flex:1;min-height:0;position:relative;z-index:1}.sidebar{width:240px;flex:none;background:var(--surface-1);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--s5) var(--s4)}.brand{display:flex;align-items:center;gap:var(--s2);font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:2px}.brand .ic{color:var(--primary);width:20px;height:20px}.brand b{color:var(--primary);font-weight:600}.user-chip{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) 0 var(--s5);padding:var(--s2) var(--s2);font-size:12px;color:var(--muted);overflow:hidden}.user-chip .avatar{width:22px;height:22px;flex:none}.user-chip span:not(.avatar):not(.chip-tier){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-tier{flex:none;margin-left:auto;font:700 9px/1 var(--mono);letter-spacing:.06em;padding:3px 5px;border-radius:4px}.chip-tier.pro{color:var(--on-primary);background:var(--primary)}.chip-tier.free{color:var(--muted);background:var(--surface-3);border:1px solid var(--border)}.nav{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.nav-item{display:flex;align-items:center;gap:var(--s3);height:38px;padding:0 var(--s3);border-radius:var(--nav-radius);background:transparent;border:0;color:var(--text-dim);font-size:13.5px;font-weight:500;text-align:left;width:100%;transition:background var(--transition),color var(--transition)}.nav-item .ic{color:var(--muted);transition:color var(--transition)}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item:hover .ic{color:var(--text-dim)}.nav-item.active{background:color-mix(in oklab,var(--primary) 15%,transparent);color:var(--primary)}.nav-item.active .ic{color:var(--primary)}.nav-spacer{flex:1}.sign-out{color:var(--muted)}.sign-out:hover{background:var(--danger-bg);color:var(--danger)}.sign-out:hover .ic{color:var(--danger)}.content{flex:1;min-width:0;overflow:auto;padding:var(--s8) var(--s9)}.content-inner{max-width:1120px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s7)}.page-head h1{font-size:26px;font-weight:600}.page-head .sub{color:var(--muted);font-size:14px;margin:4px 0 0}.section-label{margin:var(--s7) 0 var(--s4);display:flex;align-items:center;gap:var(--s3)}.section-label .label-mono{font-size:13.5px;letter-spacing:.16em;color:var(--text-dim)}.home-head{margin-bottom:var(--s6)}.home-head h1{font-size:27px;font-weight:600;letter-spacing:-.015em}.home-head .who{color:var(--text-dim);font-weight:500}.quick{display:flex;flex-wrap:wrap;gap:var(--s3)}.quick-tile{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;background:transparent;color:var(--text);font-size:13.5px;font-weight:600;border:1px dashed var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition),background var(--transition),transform var(--transition)}.quick-tile:hover{border-color:var(--primary);background:var(--surface-2);transform:translateY(-1px)}.quick-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.quick-art{flex:none;width:34px;height:26px;border-radius:3px;position:relative;overflow:hidden}.art-doc{background:#fbfbfa;padding:5px 6px;display:flex;flex-direction:column;gap:2px}.art-doc i{display:block;height:2.5px;border-radius:2px;background:#d7d8db}.art-doc i:first-child{width:62%;background:#2f3640}.art-board{background-color:var(--bg);background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:6px 6px}.art-board i{position:absolute;border-radius:2px}.art-board i:nth-child(1){background:#fff7ae;left:10%;top:16%;width:46%;height:34%;transform:rotate(-5deg)}.art-board i:nth-child(2){background:#a0c4ff;left:46%;top:48%;width:40%;height:30%;transform:rotate(4deg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:var(--s5)}.doc-card{position:relative;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-align:left;padding:0;cursor:pointer;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition),background var(--transition);box-shadow:var(--shadow-card)}.doc-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card-title{cursor:text}.card-title[contenteditable=true]{cursor:text;outline:none;box-shadow:0 0 0 1px var(--primary);border-radius:4px;background:var(--bg)}.doc-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow-pop)}.thumb{height:132px;background:var(--paper-surround);border-bottom:1px solid var(--border);display:flex;justify-content:center;padding:16px 16px 0;overflow:hidden}.thumb .sheet{width:100%;background:#fbfbfa;border-radius:3px 3px 0 0;padding:13px 14px;box-shadow:0 3px 14px #00000059}.sheet .ln{height:4px;border-radius:2px;background:#d7d8db;margin-bottom:6px}.sheet .ln.h{height:7px;width:58%;background:#2f3640;margin-bottom:9px}.sheet .ln.s{width:90%}.sheet .ln.m{width:76%}.sheet .ln.x{width:64%}.sheet .ln.accent{width:34%;background:color-mix(in oklab,var(--primary) 70%,#777)}.sheet .row{display:flex;align-items:center;gap:5px;margin-bottom:6px}.sheet .row .dot{width:4px;height:4px;border-radius:50%;background:#b9bcc2;flex:none}.sheet .row .box{width:5px;height:5px;border-radius:1px;border:1px solid #b9bcc2;flex:none}.sheet .row .bar{height:4px;border-radius:2px;background:#d7d8db}.sheet .dimg{height:26px;border-radius:2px;background:#dfe1e5;margin-bottom:6px}.sheet .dtable{display:flex;flex-direction:column;border:1px solid #d3d7dd;border-radius:2px;overflow:hidden;margin-bottom:6px}.sheet .dtr{display:flex;height:9px}.sheet .dtr+.dtr{border-top:1px solid #d3d7dd}.sheet .dtr.h{background:#e3e7ec}.sheet .dtr i{flex:1}.sheet .dtr i+i{border-left:1px solid #d3d7dd}.thumb-board{align-items:stretch;padding:16px 16px 0}.thumb .bsheet{position:relative;width:100%;background-color:var(--bg);background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:12px 12px;border-radius:3px 3px 0 0;box-shadow:0 3px 14px #00000059;overflow:hidden}.bsheet .bnote{position:absolute;border-radius:2px;box-shadow:0 2px 6px #00000059}.bsheet .btable{position:absolute;background:#f4f5f7;border-radius:2px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000059}.btable .btr{flex:1;display:flex}.btable .btr+.btr{border-top:1px solid #cfd4da}.btable .btr.h{background:#cddcea}.btable .btr i{flex:1}.btable .btr i+i{border-left:1px solid #cfd4da}.bsheet .bkan{position:absolute;display:flex;gap:5%}.bkan .bkl{flex:1;display:flex;flex-direction:column;gap:3px;padding:3px;border-radius:2px;background:#ffffff0d;border:1px solid var(--border-strong)}.bkan .bkl i{display:block;height:20%;border-radius:1px}.bkan .bkl b{display:block;flex:0 0 22%;border-radius:1px;background:#ffffff29}.bkan .k1{background:#64748b}.bkan .k2{background:#a0c4ff}.bkan .k3{background:#22c55e}.head-actions{display:flex;gap:var(--s2);align-items:center}.card-body{padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--s2);min-width:0}.card-title{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-titlewrap{display:flex;align-items:center;gap:6px;min-width:0}.card-titlewrap .card-title{flex:1 1 auto}.card-emoji{flex:none;font-size:15px;line-height:1}.card-meta{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.card-meta .ic{width:13px;height:13px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.role-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;line-height:1;flex:none}.role-badge .ic{width:16px;height:16px}.role-badge em{font-style:normal;font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;font-weight:500}.role-owner{color:var(--muted)}.role-viewer{color:var(--warning)}.role-editor{color:var(--secondary)}.card-date{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em}.tree{display:flex;flex-direction:column;gap:var(--s4)}.folder-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.folder-block:hover{border-color:var(--border-strong)}.tree-row{display:flex;align-items:center;gap:var(--s3);min-height:54px;padding:0 var(--s4);position:relative;transition:background var(--transition)}.tree-row:hover{background:var(--surface-3)}.twisty{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border:0;background:transparent;color:var(--muted);border-radius:4px;transition:transform var(--transition),color var(--transition),background var(--transition)}.twisty .ic{width:15px;height:15px}.tree-row[data-open=true] .twisty{transform:rotate(90deg)}.twisty:hover{background:var(--surface-3);color:var(--text)}.folder-ico{color:var(--secondary);display:flex}.folder-ico .ic{width:18px;height:18px}.tree-name{font-size:14.5px;font-weight:600;color:var(--text)}.folder-count{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);white-space:nowrap}.tree-row .badge{margin-left:var(--s2)}.tree-actions{margin-left:auto;display:flex;align-items:center;gap:2px;opacity:0;transform:translate(6px);transition:opacity var(--transition),transform var(--transition)}.tree-row:hover .tree-actions{opacity:1;transform:none}.tree-actions .btn-icon{width:30px;height:30px;color:var(--text-dim)}.tree-actions .btn-icon .ic{width:16px;height:16px}.tree-actions .btn-icon:hover{background:var(--surface-3);color:var(--text)}.tree-actions .btn-icon.danger:hover{background:var(--danger-bg);color:var(--danger)}.children{display:none}.children.expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:var(--s3);padding:var(--s4);border-top:1px solid var(--border-faint)}.child-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border-faint);color:var(--text);font-size:13px;cursor:pointer;transition:border-color var(--transition),transform var(--transition)}.child-row:hover{border-color:var(--primary);transform:translateY(-1px)}.child-row .tree-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13px}.child-row .tree-emoji{flex:none;font-size:14px;line-height:1}.child-row .tree-actions{margin-left:0}.child-row:hover .tree-actions{opacity:1;transform:none}.child-empty{grid-column:1 / -1;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:16px;text-align:center;color:var(--muted);font-size:12.5px}.chip-art{flex:none;width:28px;height:21px;border-radius:3px;position:relative;overflow:hidden}.chip-art.art-doc{padding:4px 5px;gap:2px;display:flex;flex-direction:column}.chip-art.art-doc i{height:2px}.chip-art.art-board{background-size:5px 5px}.trash-note{color:var(--muted);font-size:13px;margin:4px 0 18px;max-width:640px}.trash-list{display:flex;flex-direction:column;gap:6px}.trash-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.trash-row.busy{opacity:.5;pointer-events:none}.trash-icon{flex:none;color:var(--text-dim);display:grid;place-items:center}.trash-name{flex:1;min-width:0;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-type{font-size:12px;color:var(--muted);text-transform:capitalize}.trash-empty{color:var(--muted);font-size:14px;padding:24px 0}.sheet.pdf{position:relative}.sheet.pdf .pdf-corner{position:absolute;right:0;top:0;border-width:0 16px 16px 0;border-style:solid;border-color:transparent var(--paper-surround) transparent transparent}.sheet.pdf .pdf-tag{position:absolute;right:8px;bottom:8px;font:700 8px/1 var(--mono);letter-spacing:.08em;color:#fbfbfa;background:var(--danger);border-radius:2px;padding:3px 4px}.nb-shell{--t2: color-mix(in oklab, var(--text) 62%, transparent);--t3: color-mix(in oklab, var(--text) 48%, transparent);--t4: color-mix(in oklab, var(--text) 40%, transparent);--t5: color-mix(in oklab, var(--text) 32%, transparent);--t6: color-mix(in oklab, var(--text) 26%, transparent);--hair: color-mix(in oklab, var(--text) 7%, transparent);--hair2: color-mix(in oklab, var(--text) 6%, transparent);--line: color-mix(in oklab, var(--text) 10%, transparent);--line2: color-mix(in oklab, var(--text) 14%, transparent);--rowhover: color-mix(in oklab, var(--text) 5%, transparent);--rowhover-soft: color-mix(in oklab, var(--text) 3.5%, transparent);display:flex;flex:1;min-height:0;position:relative;z-index:1}.nb-cover,.nb-badge,.nb-swatch,.nb-dot,.nb-pinned,.nb-file-card,.nb-stat-changed{--fc-deep: color-mix(in oklab, var(--fc) 62%, #000);--fc-dark: color-mix(in oklab, var(--fc) 26%, #000);--fc-band: color-mix(in oklab, var(--fc) 26%, #000);--fc-soft: color-mix(in oklab, var(--fc) 6%, transparent);--fc-line: color-mix(in oklab, var(--fc) 30%, transparent);--fc-line-strong: color-mix(in oklab, var(--fc) 55%, transparent)}.nb-shell :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nb-rail{width:252px;flex:none;display:flex;flex-direction:column;padding:18px 12px 14px;background:var(--chrome);border-right:1px solid var(--hair);overflow:hidden}.nb-wordmark{display:flex;align-items:center;gap:9px;padding:0 6px;margin-bottom:16px;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--text)}.nb-wordmark b{color:var(--primary);font-weight:700}.nb-wordmark .brand-logo{width:20px;height:20px;flex:none}.nb-rail-search{display:flex;align-items:center;gap:9px;width:100%;height:38px;padding:0 11px;margin-bottom:6px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--t5);font-family:var(--sans);font-size:13px;text-align:left;transition:border-color .12s ease,color .12s ease}.nb-rail-search:hover{border-color:var(--chrome-line-pop);color:var(--t2)}.nb-rail-search .ic{width:15px;height:15px;flex:none}.nb-rail-search .nb-search-label{flex:1;min-width:0}.nb-rail-search kbd{flex:none;font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--t5)}.nb-nav{display:flex;flex-direction:column;gap:1px;margin-top:8px}.nb-nav-row{display:flex;align-items:center;gap:11px;width:100%;height:37px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--t2);font-family:var(--sans);font-size:13.5px;text-align:left;transition:background .13s ease,color .13s ease}.nb-nav-row .ic{width:17px;height:17px;flex:none;opacity:.82}.nb-nav-row:hover{background:var(--rowhover);color:var(--text)}.nb-nav-row:hover .ic{opacity:1}.nb-nav-row.active{background:var(--accent-fill);color:var(--text);font-weight:600}.nb-nav-row.active .ic{opacity:1;color:var(--accent-text)}.nb-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-count{flex:none;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--t5)}.nb-nav-folders{margin-top:2px}.nb-nav-slot{position:relative;display:flex;align-items:center}.nb-nav-slot .nb-nav-row{padding-right:34px}.nb-rail-twist{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--t5);cursor:pointer;transition:background .12s ease,color .12s ease}.nb-rail-twist .ic{width:12px;height:12px;transition:transform .15s cubic-bezier(.2,.7,.3,1)}.nb-rail-twist.open .ic{transform:rotate(90deg)}.nb-rail-twist:hover{background:var(--rowhover);color:var(--text)}.nb-nav-row.active+.nb-rail-twist{color:var(--accent-text)}.nb-rail-folders-wrap.collapsed,.nb-rail-new.collapsed{display:none}.nb-rail.folders-collapsed .nb-rail-foot{margin-top:auto}.nb-rail-folders-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;margin:0 -4px}.nb-rail-folders{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1px;padding:0 4px;direction:rtl}.nb-rail-folders>*{direction:ltr}.nb-rail-folders>*{flex:none}.nb-rail-folders-wrap:after{content:"";position:absolute;inset:auto 0 0;height:34px;pointer-events:none;background:linear-gradient(to top,var(--chrome) 0%,color-mix(in srgb,var(--chrome) 82%,transparent) 38%,color-mix(in srgb,var(--chrome) 0%,transparent) 100%);opacity:1;transition:opacity .16s ease}.nb-rail-folders-wrap.at-end:after{opacity:0}.nb-folder-row{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--t2);font-family:var(--sans);font-size:12.5px;text-align:left;transition:background .13s ease,color .13s ease}.nb-folder-row:hover{background:var(--rowhover);color:var(--text)}.nb-folder-row.active{background:var(--accent-fill);color:var(--text);font-weight:600}.nb-swatch{flex:none;width:7px;height:7px;border-radius:2px;background:var(--fc)}.nb-folder-row .nb-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--fc)}.nb-rail-new{display:flex;align-items:center;gap:9px;width:100%;height:32px;margin-top:2px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--t5);font-family:var(--sans);font-size:12.5px;text-align:left;transition:background .13s ease,color .13s ease}.nb-rail-new .ic{width:14px;height:14px;flex:none}.nb-rail-new:hover{background:var(--rowhover);color:var(--text)}.nb-rail-foot{display:flex;flex-direction:column;gap:1px;margin-top:12px}.nb-user-chip{display:flex;align-items:center;gap:9px;width:100%;margin-top:12px;padding:11px 8px 2px;border:0;border-top:1px solid var(--hair);background:transparent;color:var(--text);font-family:var(--sans);font-size:12.5px;text-align:left;transition:color .13s ease}.nb-user-chip .avatar{width:26px;height:26px;flex:none}.nb-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-tier{flex:none;font-family:var(--mono);font-size:9px;letter-spacing:.04em;padding:2px 5px;border-radius:3px;border:1px solid var(--accent-border-strong);color:var(--accent-text)}.nb-tier.free{border-color:var(--line2);color:var(--t5)}.nb-page{flex:1;min-width:0;overflow:auto;background:var(--bg)}.nb-page>.content-inner{padding:var(--s8) var(--s9)}.nb-cover{position:relative;z-index:2;height:104px;background:var(--fc-band)}.nb-cover .nb-cover-wash{position:absolute;inset:0;opacity:.3;background:linear-gradient(115deg,var(--fc),var(--fc-deep) 62%,transparent)}.nb-cover[data-style=wash] .nb-cover-wash{opacity:.16}.nb-cover[data-style=solid] .nb-cover-wash{opacity:.42;background:var(--fc-deep)}[data-theme=light] .nb-cover{--fc-band: color-mix(in oklab, var(--fc) 40%, #fff)}[data-theme=light] .nb-cover .nb-cover-wash{opacity:.52}[data-theme=light] .nb-cover[data-style=wash] .nb-cover-wash{opacity:.3}.nb-cover-bar{position:relative;display:flex;align-items:center;gap:12px;padding:16px 30px}.nb-cover-btn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid color-mix(in oklab,var(--text) 28%,transparent);border-radius:7px;background:color-mix(in oklab,#000 26%,transparent);color:var(--text);font-family:var(--sans);font-size:12px;transition:background .13s ease,border-color .12s ease}.nb-cover-btn .ic{width:14px;height:14px}.nb-cover-btn:hover{background:color-mix(in oklab,#000 42%,transparent);border-color:color-mix(in oklab,var(--text) 45%,transparent)}[data-theme=light] .nb-cover-btn{background:color-mix(in oklab,#fff 55%,transparent)}[data-theme=light] .nb-cover-btn:hover{background:color-mix(in oklab,#fff 78%,transparent)}.nb-badge{position:absolute;left:34px;bottom:-24px;width:58px;height:58px;border-radius:13px;border:3px solid var(--bg);background:var(--fc);display:flex;align-items:center;justify-content:center;color:var(--fc-dark);z-index:3}.nb-badge .ic{width:27px;height:27px}.nb-head{padding:34px 34px 18px;border-bottom:1px solid var(--hair)}.nb-head-top{display:flex;align-items:flex-start;gap:20px}.nb-head-titles{flex:1;min-width:0}.nb-title{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin:0;overflow-wrap:anywhere}.nb-desc{margin:7px 0 0;max-width:580px;font-size:13px;line-height:1.5;color:var(--t3);overflow-wrap:anywhere}.nb-desc.empty{color:var(--t5);font-style:italic}.nb-desc.editable{cursor:text;border-radius:5px;margin-left:-4px;padding:0 4px;transition:background .12s ease}.nb-desc.editable:hover{background:var(--rowhover)}.nb-desc[contenteditable=true]{cursor:text;outline:none;background:var(--surface-2);box-shadow:0 0 0 1px var(--primary);font-style:normal;color:var(--text)}.nb-head-actions{flex:none;display:flex;align-items:center;gap:12px}.nb-stack{display:flex;align-items:center;padding-right:4px}.nb-stack .avatar{width:21px;height:21px;border:1px solid var(--bg);box-sizing:content-box}.nb-stack>*+*{margin-left:-5px}.nb-stack .nb-more{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--bg);box-sizing:content-box;background:color-mix(in oklab,var(--text) 10%,transparent);color:var(--t4);font-family:var(--mono);font-size:9.5px;font-variant-numeric:tabular-nums}.nb-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--t2);font-family:var(--sans);font-size:12.5px;white-space:nowrap;transition:background .13s ease,color .13s ease,border-color .12s ease}.nb-btn .ic{width:15px;height:15px}.nb-btn:hover{background:var(--rowhover);color:var(--text)}.nb-btn.primary{background:var(--primary);color:var(--on-primary);font-weight:600}.nb-btn.primary:hover{background:var(--primary-hover);color:var(--on-primary-hover)}.nb-btn.primary:active{background:var(--primary-press);color:var(--on-primary)}.nb-btn.outline{border-color:var(--line2)}.nb-btn.outline:hover{border-color:var(--accent-border-strong);background:var(--accent-fill-soft);color:var(--text)}.nb-btn.accent{border-color:var(--accent-border-strong);color:var(--accent-text)}.nb-btn.accent:hover{border-color:var(--primary);background:var(--accent-fill);color:var(--accent-text)}.nb-btn[disabled]{opacity:.45;pointer-events:none}.nb-split{display:inline-flex;align-items:stretch}.nb-split .primary{border-radius:7px 0 0 7px}.nb-split .nb-split-more{display:inline-flex;align-items:center;justify-content:center;width:30px;height:36px;padding:0;border:0;border-left:1px solid color-mix(in oklab,#000 22%,transparent);border-radius:0 7px 7px 0;background:var(--primary);color:var(--on-primary);transition:background .13s ease,color .13s ease}.nb-split .nb-split-more .ic{width:14px;height:14px}.nb-split .nb-split-more:hover{background:var(--primary-hover);color:var(--on-primary-hover)}.nb-stats{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:16px;font-size:12px;color:var(--t4)}.nb-stats b{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;color:inherit}.nb-stat-changed{display:inline-flex;align-items:center;gap:8px;color:color-mix(in oklab,var(--text) 55%,transparent)}.nb-body{display:flex;align-items:flex-start;gap:26px;padding:20px 34px 40px}.nb-main{flex:1;min-width:0}.nb-side{flex:none;width:246px}.nb-section-head{display:flex;align-items:center;gap:12px;margin:0 0 9px}.nb-section-head h2{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--text) 34%,transparent);margin:0}.nb-section-head .nb-section-aside{margin-left:auto;font-size:12px;color:var(--t4)}.nb-pinned{display:flex;align-items:center;gap:14px;width:100%;padding:15px 17px;margin-bottom:22px;border:1px solid var(--fc-line);border-radius:9px;background:var(--fc-soft);text-align:left;transition:border-color .12s ease}.nb-pinned:hover{border-color:var(--fc-line-strong)}.nb-pinned .nb-thumb{width:62px;height:46px;flex:none}.nb-pinned-body{flex:1;min-width:0}.nb-kicker{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}.nb-kicker .ic{width:12px;height:12px}.nb-pinned-name{margin-top:5px;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-pinned-sub{margin-top:3px;font-size:12px;color:color-mix(in oklab,var(--text) 44%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-pinned-unpin{flex:none;opacity:0;transition:opacity .12s ease}.nb-pinned:hover .nb-pinned-unpin,.nb-pinned-unpin:focus-visible{opacity:1}.nb-list{border:1px solid color-mix(in oklab,var(--text) 8%,transparent);border-radius:9px;overflow:hidden}.nb-row{display:flex;align-items:center;--row-gap: 14px;gap:var(--row-gap);width:100%;height:54px;--row-pad: 15px;padding:0 var(--row-pad);border:0;border-bottom:1px solid var(--hair2);background:transparent;text-align:left;cursor:pointer;transition:background .12s ease}.nb-row:last-child{border-bottom:0}.nb-row{padding-left:calc(var(--row-pad) + min(var(--d, 0),3) * 21px + max(var(--d, 0) - 3,0) * 10px)}.nb-row:hover{background:var(--rowhover-soft)}.nb-row-name{flex:1;min-width:0;font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-row.unseen .nb-row-name{font-weight:600}.nb-row-emoji{flex:none;font-size:14px;line-height:1}:root{--who-w: 158px;--who-av: 22px;--who-lap: 5px}.nb-col-who{flex:none;width:var(--who-w);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3);overflow:hidden;white-space:nowrap}.nb-col-who .nb-who-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.nb-col-who .avatar{width:var(--who-av);height:var(--who-av);flex:none}.nb-who-stack{display:flex;align-items:center;min-width:0}.nb-who-stack>*{position:relative;flex:none;display:inline-flex}.nb-who-stack>*+*{margin-left:calc(var(--who-lap) * -1)}.nb-who-more{display:inline-flex;align-items:center;justify-content:center;width:var(--who-av);height:var(--who-av);border-radius:50%;background:color-mix(in oklab,var(--text) 12%,transparent);color:var(--t4);font-family:var(--mono);font-size:9.5px;font-variant-numeric:tabular-nums}.nb-col-folder{flex:none;width:118px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-col-folder.none{color:var(--t5)}.nb-col-folder .nb-swatch{width:7px;height:7px}.nb-col-folder .nb-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.nb-col-opened{flex:none;width:158px;display:flex;align-items:baseline;justify-content:flex-start;gap:7px;font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--t5)}.nb-when-abs{color:var(--t4);white-space:nowrap}.nb-when-rel{flex:none;width:26px;font-size:10px;color:var(--t6, var(--t5))}.nbx-h.nb-col-opened{gap:4px}.nb-col-role{flex:none;width:66px}.nb-role{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;padding:2px 6px;border-radius:3px;border:1px solid color-mix(in oklab,var(--text) 16%,transparent);color:var(--t4)}.nb-star{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:color-mix(in oklab,var(--text) 20%,transparent);transition:color .12s ease,background .12s ease}.nb-star .ic{width:15px;height:15px}.nb-row:hover .nb-star{color:color-mix(in oklab,var(--text) 42%,transparent)}.nb-star:hover{background:var(--rowhover);color:var(--text)}.nb-star.on,.nb-row:hover .nb-star.on{color:var(--warning)}.nb-star.ghost{pointer-events:none}.nb-star.ghost:hover{background:none}.nb-row-end{flex:none;display:grid;align-items:center;justify-items:end}.nb-row-end>*{grid-area:1 / 1}.nb-row-acts{display:flex;align-items:center;gap:8px;visibility:hidden}.nb-row:hover .nb-row-acts,.nb-row:focus-within .nb-row-acts{visibility:visible}.nb-row:hover:has(.nb-row-acts) .nb-col-opened,.nb-row:focus-within:has(.nb-row-acts) .nb-col-opened{visibility:hidden}.nb-row-act{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line2);border-radius:7px;background:transparent;color:var(--t2);font-family:var(--sans);font-size:11.5px;white-space:nowrap;transition:border-color .12s ease,background .12s ease,color .12s ease}.nb-row-act .ic{width:13px;height:13px}.nb-row-act:hover{border-color:var(--accent-border-strong);background:var(--accent-fill);color:var(--accent-text)}.nb-row-act.danger{border-color:color-mix(in oklab,var(--danger) 42%,transparent);color:color-mix(in oklab,var(--danger) 78%,var(--text))}.nb-row-act.danger:hover{border-color:color-mix(in oklab,var(--danger) 75%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.nb-thumb{flex:none;width:44px;height:33px;border-radius:3px;background:var(--paper);padding:5px 6px;display:flex;flex-direction:column;gap:2.5px;overflow:hidden}.nb-thumb i{display:block;height:2.5px;border-radius:1px;background:color-mix(in oklab,var(--paper-ink) 22%,transparent)}.nb-thumb i:first-child{background:color-mix(in oklab,var(--paper-ink) 70%,transparent);width:62%}.nb-thumb i:nth-child(2){width:100%}.nb-thumb i:nth-child(3){width:78%}.nb-thumb.board{background:var(--surface-3);flex-direction:row;align-items:center;gap:3px;padding:6px}.nb-thumb.board i{flex:1;height:100%;border-radius:2px}.nb-thumb.board i:first-child{width:auto;background:color-mix(in oklab,var(--primary) 62%,transparent)}.nb-thumb.board i:nth-child(2){background:color-mix(in oklab,var(--warning) 62%,transparent)}.nb-thumb.board i:nth-child(3){background:color-mix(in oklab,var(--success) 55%,transparent)}.nb-thumb.folder{background:color-mix(in oklab,var(--fc) 22%,transparent);border:1px solid color-mix(in oklab,var(--fc) 34%,transparent);padding:0;gap:0;align-items:center;justify-content:center;color:var(--fc)}.nb-thumb.folder .ic{width:16px;height:16px}.nb-thumb.folder.painted{background:none;border:0;overflow:visible}.nb-fstack{position:relative;display:block;width:100%;container-type:inline-size}.nb-fstack img{display:block;width:100%}.nb-fstack-front{position:relative;z-index:2;height:auto}.nb-fstack-back{position:absolute;inset:0;z-index:0}.nb-fstack-papers{position:absolute;inset:0;z-index:1;transition:transform .18s cubic-bezier(.2,.7,.3,1)}:where(.nb-row,.nb-file-card):hover .nb-fstack-papers,:where(.nb-row,.nb-file-card):focus-visible .nb-fstack-papers{transform:translateY(var(--fstack-lift, -7%))}@media(prefers-reduced-motion:reduce){.nb-fstack-papers{transition:none}}.nb-fstack-glyph{position:absolute;left:50%;top:59.2%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.nb-fstack-glyph .ic{width:100%;height:100%;background-color:color-mix(in oklab,var(--fc) 52%,#000);filter:drop-shadow(0 0 1.4cqw color-mix(in oklab,var(--fc) 24%,#000)) drop-shadow(0 .85cqw 0 color-mix(in oklab,var(--fc) 60%,#fff))}.nb-pinned .nb-thumb i{height:3px}.nb-side+.nb-side,.nb-side-block+.nb-side-block{margin-top:26px}.nb-act{display:flex;gap:10px;padding:7px 0}.nb-act .avatar{width:22px;height:22px;flex:none;margin-top:1px}.nb-act-body{min-width:0}.nb-act-line{font-size:12px;line-height:1.4;color:color-mix(in oklab,var(--text) 55%,transparent);overflow-wrap:anywhere}.nb-act-line b{color:var(--text);font-weight:600}.nb-act-time{margin-top:2px;font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--t5)}.nb-mem{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;margin:0 -8px;border:0;border-radius:6px;background:transparent;text-align:left;transition:background .13s ease}.nb-mem:hover{background:var(--rowhover)}.nb-mem .avatar{width:22px;height:22px;flex:none}.nb-mem-name{flex:1;min-width:0;font-size:12.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-mem.invite{color:var(--t5);font-size:12.5px}.nb-mem.invite .ic{width:16px;height:16px}.nb-mem.invite:hover{color:var(--text)}.nb-empty{padding:26px 20px;border:1px dashed var(--line2);border-radius:9px;text-align:center;color:var(--t4);font-size:12.5px;line-height:1.6}.nb-empty b{display:block;color:var(--text);font-size:13.5px;font-weight:600;margin-bottom:4px}.nb-empty .nb-empty-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.nb-side-empty{font-size:12px;color:var(--t5);padding:4px 0 2px;line-height:1.5}.nb-skel{border-radius:9px;background:var(--surface-2);animation:nb-pulse 1.3s ease-in-out infinite}@keyframes nb-pulse{0%,to{opacity:.55}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.nb-skel{animation:none}}.nb-cover-picker{display:flex;flex-direction:column;gap:18px;min-width:330px}.nb-picker-group{display:flex;flex-direction:column;gap:9px}.nb-picker-preview{height:74px;border-radius:9px;position:relative;margin-bottom:20px}.nb-icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.nb-icon-pick{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text-dim);transition:border-color .12s ease,color .12s ease,background .12s ease}.nb-icon-pick .ic{width:18px;height:18px}.nb-icon-pick:hover{border-color:var(--primary);color:var(--text)}.nb-icon-pick.on{border-color:var(--primary);background:var(--accent-fill);color:var(--accent-text)}.nb-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.nb-color-pick{aspect-ratio:1 / 1;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--text) 16%,transparent);display:flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease}.nb-color-pick .ic{width:15px;height:15px}.nb-color-pick:hover{transform:scale(1.08)}.nb-color-pick.on{box-shadow:0 0 0 2px var(--ring)}.nb-style-row{display:flex;gap:6px}.nb-style-pick{flex:1;height:34px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;transition:border-color .12s ease,color .12s ease,background .12s ease}.nb-style-pick:hover{border-color:var(--primary);color:var(--text)}.nb-style-pick.on{border-color:var(--primary);background:var(--accent-fill);color:var(--accent-text)}.nb-main-page{padding:34px 40px 40px;max-width:1160px}.nb-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:14px;border-bottom:1px solid var(--hair);margin-bottom:20px}.nb-page-head h1{font-family:var(--display);font-size:29px;font-weight:600;line-height:1.1;color:var(--text);margin:0 0 5px;overflow-wrap:anywhere}.nb-page-head .nb-page-titles{min-width:0}.nb-greeting{margin:0 0 4px;font-size:13px;color:var(--t4)}.nb-greeting .nb-who{color:var(--t2);display:inline-block;max-width:200px;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-page-sub{margin:0;max-width:560px;font-size:12.5px;line-height:1.55;color:var(--t4)}.nb-page-actions{flex:none;display:flex;align-items:center;gap:10px}.nb-group{display:flex;align-items:center;gap:11px;margin:0 0 9px}.nb-group .nb-kick{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--primary) 72%,transparent);flex:none}.nb-group .nb-rule{flex:1;height:1px;background:var(--hair)}.nb-group .avatar{width:22px;height:22px;flex:none}.nb-group .nb-group-name{font-size:13px;color:var(--t2);flex:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-group .nb-group-count{font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--t6);flex:none}.nb-aside{flex:none;font-size:12.5px;color:var(--t4)}button.nb-aside{border:0;background:transparent;font-family:var(--sans);cursor:pointer;transition:color .12s ease}button.nb-aside:hover{color:var(--primary)}.nb-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:26px;background:color-mix(in oklab,var(--warning) 9%,var(--surface-2));border:1px solid color-mix(in oklab,var(--warning) 34%,transparent);border-radius:9px}.nb-banner-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--warning);box-shadow:0 0 0 4px color-mix(in oklab,var(--warning) 18%,transparent)}.nb-banner-body{flex:1;min-width:0}.nb-banner-title{font-size:14px;font-weight:600;color:var(--text)}.nb-banner-sub{margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--t3)}.nb-banner .nb-btn{flex:none}.nb-carry{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:26px;cursor:pointer;transition:border-color .13s ease}.nb-carry:hover{border-color:var(--accent-border-strong)}.nb-carry-art{width:272px;flex:none;background:var(--paper-surround);border-right:1px solid var(--hair);position:relative;overflow:hidden;display:flex;align-items:stretch;padding:18px 20px 0}.nb-carry-art .sheet{width:100%;align-self:stretch;background:#fbfbfa;border-radius:3px 3px 0 0;padding:16px 18px;box-shadow:0 3px 14px #00000059}.nb-carry-art.board{padding:0;background:var(--surface-3)}.nb-carry-art .bsheet{position:absolute;inset:0}.nb-carry-body{flex:1;min-width:0;padding:19px 24px;display:flex;flex-direction:column}.nb-carry-kick{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--primary) 72%,transparent);margin-bottom:8px}.nb-carry-title{display:flex;align-items:baseline;gap:11px;margin-bottom:4px;min-width:0}.nb-carry-name{font-family:var(--display);font-weight:600;font-size:24px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t4);flex:none}.nb-live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex:none}.nb-carry-meta{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--t4);margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-carry-meta .ic{width:12px;height:12px;flex:none}.nb-carry-actions{margin-top:auto;display:flex;align-items:center;gap:10px}.nb-strip{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:26px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;width:100%;text-align:left;transition:border-color .13s ease}.nb-strip:hover{border-color:var(--accent-border-strong)}.nb-strip .nb-thumb{flex:none}.nb-strip-name{flex:none;max-width:40%;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-strip-meta{flex:1;min-width:0;font-size:12.5px;color:var(--t4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.nb-file-card{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:0;text-align:left;transition:border-color .13s ease,transform .13s ease}.nb-file-card:hover{border-color:var(--accent-border-strong);transform:translateY(-2px)}.nb-file-card.current{border-color:var(--accent-border-strong)}.nb-file-card.current .nb-card-label{color:var(--accent-text)}.nb-card-art{height:98px;flex:none;background:var(--paper-surround);border-bottom:1px solid var(--hair);display:flex;justify-content:center;padding:10px 12px 0;overflow:hidden;position:relative}.nb-card-art .sheet{width:100%;align-self:flex-end;background:#fbfbfa;border-radius:3px 3px 0 0;padding:10px 11px;box-shadow:0 3px 14px #00000059}.nb-card-art.board{padding:0;background:var(--surface-3)}.nb-card-art .bsheet{position:absolute;inset:0}.nb-card-art.folder{background:color-mix(in oklab,var(--fc) 9%,var(--surface-3));align-items:center;justify-content:center;padding:0}.nb-card-art.folder .nb-fstack{width:96px}.nb-card-meta{padding:10px 13px 11px;display:flex;flex-direction:column;gap:5px;min-width:0}.nb-card-name{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text);min-width:0}.nb-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-card-name .ic{width:13px;height:13px;flex:none}.nb-card-star{flex:none;display:inline-flex;color:var(--warning)}.nb-card-emoji{flex:none;font-size:14px;line-height:1}.nb-card-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--t5);min-width:0}.nb-card-row .nb-swatch{width:7px;height:7px}.nb-card-folder{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-card-row .nb-role{margin-left:auto}.nb-card-time{margin-left:auto;flex:none;font-family:var(--mono);font-size:10.5px;font-variant-numeric:tabular-nums}.nb-card-row .nb-role+.nb-card-time{margin-left:0}.nb-grid-foot{display:flex;align-items:center;gap:11px}.nb-grid-foot .nb-rule{flex:1;height:1px;background:var(--hair)}.nb-col-items{flex:none;width:82px;font-size:12px;color:var(--t5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-col-expiry{flex:none;width:106px;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--t4);white-space:nowrap}.nb-col-expiry .ic{width:13px;height:13px;flex:none}.nb-col-expiry.soon{color:color-mix(in oklab,var(--danger) 72%,var(--text))}.nb-btn.danger{border-color:color-mix(in oklab,var(--danger) 42%,transparent);color:color-mix(in oklab,var(--danger) 78%,var(--text))}.nb-btn.danger:hover{border-color:color-mix(in oklab,var(--danger) 75%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.nb-row.busy{opacity:.45;pointer-events:none}.nb-skel-carry{height:186px;margin-bottom:26px}.nb-skel-card{height:158px}@media(max-width:1400px){.nb-side{width:220px}.nb-body .nb-col-folder,.nb-main-page .nb-col-who{display:none}.nb-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.nb-body{flex-direction:column}.nb-side{width:100%;display:flex;gap:26px}.nb-side-block{flex:1;min-width:0;margin-top:0}.nb-grid{grid-template-columns:repeat(2,1fr)}.nb-main-page .nb-col-folder{display:none}.nb-carry{flex-direction:column}.nb-carry-art{width:100%;height:150px;border-right:0;border-bottom:1px solid var(--hair)}}@media(max-width:920px){.nb-rail{width:196px}.nb-cover{height:72px}.nb-badge{position:static;margin:-20px 0 0 34px}.nb-head{padding-top:16px}.nb-body .nb-col-who{display:none}}.nb-file-card.unseen .nb-card-label{font-weight:600}.nb-card-name .nb-dot{flex:none}.nb-act-item.extra{display:none}.acts-open .nb-act-item.extra{display:block}.nb-act-more{margin-top:6px;padding:4px 0;border:0;background:transparent;color:var(--t3);font-family:var(--sans);font-size:12px}.nb-act-more:hover{color:var(--text);text-decoration:underline}.nb-thumb.pdf{position:relative;justify-content:flex-start}.nb-thumb.pdf i:first-child{background:color-mix(in oklab,var(--paper-ink) 62%,transparent);width:52%}.nb-thumb.pdf i:nth-child(2){width:84%}.nb-thumb.pdf b{position:absolute;right:3px;bottom:3px;font:700 6px/1 var(--mono);letter-spacing:.06em;color:var(--paper);background:var(--danger);border-radius:2px;padding:2px 3px}.nb-thumb.pdf:after{content:"";position:absolute;right:0;top:0;border-width:0 7px 7px 0;border-style:solid;border-color:transparent var(--paper-surround) transparent transparent}#nb-modal-overlay{position:fixed;inset:0;z-index:9999;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}#nb-modal{width:440px;max-width:calc(100vw - 48px);background:var(--elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop),0 0 0 1px color-mix(in oklab,var(--primary) 14%,transparent);animation:nb-rise .18s cubic-bezier(.2,.7,.3,1) both;overflow:hidden}@keyframes nb-rise{0%{opacity:.55;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}#nb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s5) var(--s4)}#nb-modal-title{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text);letter-spacing:.02em}#nb-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;color:var(--text-dim);border-radius:var(--radius);transition:color var(--transition),background var(--transition)}#nb-modal-close:hover{color:var(--text);background:var(--surface-3)}#nb-modal-body{padding:0 var(--s5) var(--s5);display:flex;flex-direction:column;gap:var(--s4)}#nb-modal-error{display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s3);background:var(--danger-bg);border:1px solid color-mix(in oklab,var(--danger) 40%,transparent);border-radius:var(--radius);color:var(--danger);font-size:12.5px;line-height:1.45}.nb-modal-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.nb-modal-note code{font-family:var(--mono);color:var(--danger);background:var(--danger-bg);padding:1px 5px;border-radius:4px}.nb-modal-note .nb-strong{color:var(--text);font-weight:600}.nb-field{display:flex;flex-direction:column;gap:var(--s2)}.nb-label{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.nb-input,.nb-select{height:40px;width:100%;padding:0 var(--s4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.nb-input:focus,.nb-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.nb-input::placeholder{color:var(--muted);opacity:.7}.nb-textarea{height:auto;min-height:96px;padding:var(--s3) var(--s4);line-height:1.5;font-family:inherit;resize:vertical}.nb-select{cursor:pointer;appearance:none;background-image:var(--chevron-url);background-repeat:no-repeat;background-position:right 12px center;padding-right:38px}.inline-link{align-self:flex-start;background:none;border:0;padding:2px 0;font-family:var(--mono);font-size:12px;color:var(--primary);display:inline-flex;align-items:center;gap:5px;cursor:pointer}.inline-link:hover{text-decoration:underline}#nb-modal-footer{display:flex;justify-content:flex-end;gap:var(--s3);padding:var(--s4) var(--s5);border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 40%,transparent)}.nb-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--s4);border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.nb-btn:active{transform:scale(.975)}.nb-btn:disabled{opacity:.5;cursor:not-allowed}.nb-btn-secondary{background:transparent;color:var(--text-dim)}.nb-btn-secondary:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.nb-btn-primary{background:var(--primary);color:var(--on-primary);font-weight:600}.nb-btn-primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary-hover)}.nb-btn-primary:active:not(:disabled){background:var(--primary-press);color:var(--on-primary)}.nb-btn-danger{border-color:color-mix(in oklab,var(--danger) 45%,transparent);background:var(--danger-bg);color:var(--danger);font-weight:600}.nb-btn-danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 22%,transparent)}.nb-members{display:flex;flex-direction:column;gap:8px}.nb-members-empty{color:var(--muted);font-size:13px;line-height:1.5;padding:4px 0}.nb-member{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.nb-member-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.nb-member-name{color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-member-email{color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-member-role{height:32px;flex:none;width:118px;padding:0 30px 0 10px;background:var(--surface-2) var(--chevron-url) no-repeat right 10px center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;cursor:pointer;appearance:none;outline:none}.nb-member-role:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring)}.nb-member-remove{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.nb-member-remove:hover{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 45%,transparent);background:var(--danger-bg)}.nb-member-remove .ic{width:15px;height:15px}.nb-ver-list{display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto}.nb-ver-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer;font-family:var(--sans)}.nb-ver-row:hover{background:var(--surface-2);border-color:var(--border)}.nb-ver-when{font-size:13px;font-weight:600;flex:1}.nb-ver-who{font-size:12px;color:var(--muted)}.nb-ver-action{font-size:12px;font-weight:600;color:var(--primary)}.nb-ver-row.loading{opacity:.5;pointer-events:none}.nb-ver-empty{padding:16px;text-align:center;color:var(--muted);font-size:13px}.nbx-host{min-height:0;outline:none;-webkit-user-select:none;user-select:none}.nbx-page .nbx-host{padding-bottom:40px}.nbx-page{max-width:none}.nbx-page .nb-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.nb-twist{flex:none;display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:-4px;padding:0;border:0;background:none;color:var(--t5);cursor:pointer;border-radius:4px;transition:transform .13s cubic-bezier(.2,.7,.3,1),color .12s ease}.nb-twist.open{transform:rotate(90deg)}.nb-twist:hover{color:var(--text);background:var(--rowhover)}.nb-twist.empty{cursor:default}.nb-row.sel{background:var(--accent-fill)}.nb-row.sel .nb-row-name{color:var(--accent-text);font-weight:600}.nb-row.sel .nb-twist{color:var(--accent-text)}.nb-file-card.sel{background:var(--accent-fill);border-color:var(--accent-border-strong)}.nb-file-card.sel .nb-card-label{color:var(--accent-text);font-weight:600}.nb-row.lead{box-shadow:inset 2px 0 0 var(--primary)}.nb-file-card.lead{box-shadow:0 0 0 2px var(--primary)}.nb-shell .nbx-host :focus-visible,.nb-shell .nbx-host:focus-visible,.nbx-host :focus,.nbx-host :focus-visible,.nbx-host:focus,.nbx-host:focus-visible{outline:none;box-shadow:none}.nb-row.blocked,.nb-file-card.blocked{opacity:.45}.nb-row.blocked:hover{background:transparent}.nb-file-card.blocked:hover{border-color:var(--line);transform:none}.nb-file-card .nb-swatch{flex:none}.nbx-views{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.nbx-view{display:flex;align-items:center;justify-content:center;width:27px;height:23px;padding:0;border:0;border-radius:6px;background:none;color:var(--t4);cursor:pointer;transition:background .12s ease,color .12s ease}.nbx-view:hover{color:var(--text)}.nbx-view.on{background:var(--elevated, var(--bg));color:var(--text);box-shadow:0 1px 2px #00000014}#nb-modal.nbx-modal{width:660px}#nb-modal.nbx-modal #nb-modal-body{padding-top:0;gap:0}.nbx-picker{display:flex;flex-direction:column}.nbx-bar{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--hair)}.nbx-up{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:7px;background:none;color:var(--t3);cursor:pointer}.nbx-up:hover:not(:disabled){background:var(--rowhover);color:var(--text)}.nbx-up:disabled{opacity:.35;cursor:default}.nbx-crumbs{flex:1;min-width:0;display:flex;align-items:center;gap:1px;overflow-x:auto;scrollbar-width:none}.nbx-crumbs::-webkit-scrollbar{display:none}.nbx-crumb{flex:none;display:flex;align-items:center;gap:5px;max-width:170px;padding:3px 7px;border:0;border-radius:6px;background:none;color:var(--t3);font-family:var(--sans);font-size:12.5px;cursor:pointer}.nbx-crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbx-crumb:hover{background:var(--rowhover);color:var(--text)}.nbx-crumb:last-child{color:var(--text);font-weight:600}.nbx-crumb .ic{color:var(--fc, var(--t4));flex:none}.nbx-sep{flex:none;display:flex;color:var(--t6)}.nbx-modal .nbx-host{height:324px;overflow-y:auto;margin:12px 0}.nbx-modal .nbx-host .nb-grid{grid-template-columns:repeat(4,1fr);gap:9px}.nbx-modal .nbx-host .nb-card-art{height:58px}.nbx-modal .nbx-host .nb-card-art.folder .nb-fstack{width:64px}.nbx-modal .nbx-host .nb-card-art .sheet{padding:6px 7px}.nbx-modal .nbx-host .nb-card-meta{padding:7px 9px 8px;gap:3px}.nbx-dest{display:flex;align-items:center;gap:9px;padding:11px 0 2px;border-top:1px solid var(--hair);font-size:13px}.nbx-dest-k{flex:none;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--text) 34%,transparent)}.nbx-dest-v{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbx-dest-none{color:var(--t5)}.nbx-swatch{flex:none;width:9px;height:9px;border-radius:3px;background:var(--fc, var(--primary))}.nbx-mk{margin-right:auto;display:inline-flex;align-items:center;gap:5px}.nb-row.nbx-head{height:34px;cursor:default;background:none;border-bottom:1px solid var(--hair);margin-bottom:8px}.nb-row.nbx-head:hover{background:none}.nbx-h,.nbx-h-static{display:flex;align-items:center;padding:0;border:0;background:none;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--t5);white-space:nowrap}.nbx-cell{gap:inherit;min-width:0}.nbx-cell-name{flex:1}.nbx-cell .nb-row-name,.nbx-cell .nb-col-items,.nbx-cell .nb-col-who{display:flex;align-items:center;gap:4px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.nbx-head>.nbx-cell,.nbx-head>.nb-row-end{padding:0 7px;margin:0 -7px}.nbx-head>:first-child{margin-left:calc(-1 * var(--row-pad));padding-left:var(--row-pad)}.nbx-head>:last-child{margin-right:calc(-1 * var(--row-pad));padding-right:var(--row-pad)}.nbx-head .nb-twist:hover,.nb-twist.empty:hover{background:none}.nbx-h-static{cursor:default;transition:background .12s ease}.nbx-h-static:hover{background:var(--rowhover-soft)}.nbx-h{cursor:pointer;transition:color .12s ease,background .12s ease;align-self:stretch;border-radius:4px}.nbx-head .nb-row-end{align-self:stretch;align-items:stretch}.nbx-head>.nbx-cell{align-self:stretch}.nbx-h:hover{color:var(--t3);background:var(--rowhover-soft)}.nbx-h.on{color:var(--text)}.nbx-head .nb-col-opened{display:flex;justify-content:flex-start;text-align:left}.nbx-head .nb-row-end{justify-items:stretch}.nbx-h-dir{display:flex;align-items:center}.nbx-h-dir .ic{width:11px;height:11px;transform:rotate(-90deg);transition:transform .14s ease}.nbx-h-dir.desc .ic{transform:rotate(90deg)}.nbx-h-dir.off{visibility:hidden}.nbx-h:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px}.nbx-host .nb-col-who,.nbx-host .nb-col-items,.nbx-host .nb-row-end{position:relative;align-self:stretch;overflow:visible}.nbx-host .nb-col-items{display:flex;align-items:center}.nbx-head .nb-row-end>.nbx-h{box-sizing:content-box;margin-left:-7px;padding-left:7px;margin-right:calc(-1 * var(--row-pad));padding-right:var(--row-pad)}.nbx-host .nb-col-who:before,.nbx-host .nb-col-items:before,.nbx-host .nb-row-end:before{content:"";position:absolute;left:-7px;top:0;bottom:0;border-left:1px solid var(--hair2);pointer-events:none}.nbx-host .nbx-head .nb-col-who:before,.nbx-host .nbx-head .nb-col-items:before,.nbx-host .nbx-head .nb-row-end:before{border-left-color:var(--hair)}.nbx-host .nbx-head>.nb-row-end:before{left:0}.nbx-who-btn{display:flex;align-items:center;width:calc(100% + var(--row-gap));height:100%;margin:0 calc(var(--row-gap) / -2);padding:0 calc(var(--row-gap) / 2);border:0;background:none;cursor:pointer;border-radius:4px;transition:background .12s ease}.nbx-who-btn:hover{background:var(--rowhover-soft)}.nbx-who-btn.empty{cursor:default}.nbx-who-btn.empty:hover{background:none}.nbx-host .nb-col-who{padding:0}#nb-modal-overlay.nbp-modal{animation:cp-fade .14s ease-out}.nbp-modal #nb-modal{animation:cp-in .14s cubic-bezier(.2,.7,.3,1)}.nbp-list{display:flex;flex-direction:column;max-height:min(52vh,420px);overflow-y:auto}.nbp-row{display:flex;align-items:center;gap:11px;padding:8px 2px;font-size:13.5px;color:var(--text)}.nbp-row+.nbp-row{border-top:1px solid var(--border-faint)}.nbp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbp-you{flex:none;font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:3px;border:1px solid color-mix(in oklab,var(--text) 16%,transparent);color:var(--text-dim)}.nbp-empty{padding:14px 2px;font-size:13px;color:var(--muted)}.nbx-host .nb-row[data-kind=folder]{position:relative;z-index:0;background-image:linear-gradient(to right,color-mix(in oklab,var(--fc, var(--primary)) 30%,transparent),color-mix(in oklab,var(--fc, var(--primary)) 11%,transparent) 34%,color-mix(in oklab,var(--fc, var(--primary)) 0%,transparent));background-repeat:no-repeat}.nbx-cover{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;color:var(--fc, var(--primary));-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.45) 34%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.45) 34%,transparent 100%)}.nbx-glyph{position:absolute;display:block;line-height:0}.nbx-host.nbx-nocover .nb-row[data-kind=folder]{background-image:none}