.error-panel{display:flex;justify-content:center;padding:24px}.error-panel--app{min-height:100dvh;align-items:center;background-color:var(--worktable-bg);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px);background-size:48px 48px}.error-panel--page{align-items:flex-start;padding-top:48px}.error-panel-plate{width:min(640px,100%);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-tray)}.error-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--danger)}.error-panel-head h3{margin:0;font-family:var(--font-serif);color:var(--ink)}.error-panel-copy{color:var(--ink-muted);font-size:13px;margin:4px 0 12px}.error-panel-stack{background:var(--bg-sunken);border:1px solid var(--border-soft);padding:10px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;max-height:160px;overflow:auto;margin:0 0 12px;color:var(--ink)}.error-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.export-scope-option{padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;text-align:left}.export-scope-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.export-scope-option-head{display:flex;align-items:center;gap:6px;color:var(--ink-muted);margin-bottom:4px}.export-scope-option.is-active .export-scope-option-head{color:var(--accent-ink)}.export-scope-option-kicker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.export-scope-option-sub{font-size:13px;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-include-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--ink-muted);cursor:pointer}.export-include-row input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}.export-filename{font-family:var(--font-mono);font-size:11px}.share-invite-row{display:flex;gap:8px}.share-invite-row .input:first-child{flex:1}.share-invite-role{width:120px}.share-invite-hint{margin-top:6px}.share-empty{padding:10px 12px;background:var(--bg-sunken);border-radius:var(--radius-md);color:var(--ink-soft);font-size:13px}.share-list{display:flex;flex-direction:column;gap:6px}.share-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-sunken);border-radius:var(--radius-md)}.share-row-info{flex:1;min-width:0}.share-row-name{font-size:13px;font-weight:500}.share-row-email{font-size:11.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row-role{width:110px;padding:4px 8px;font-size:12.5px}.share-row-remove{padding:6px}.share-error{font-size:12px;color:var(--danger)}.field-label,.form-fieldset legend{color:var(--ink-muted);font-size:12px;font-weight:500}.form-fieldset{min-inline-size:0;margin:0;padding:0;border:0}.nb-color-row{display:flex;gap:8px}.nb-color-swatch{width:26px;height:26px;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:0;box-shadow:0 0 0 1px var(--border)}.nb-color-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 4px var(--accent)}.nb-icon-row{display:flex;gap:6px;flex-wrap:wrap}.nb-icon-swatch{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;border:1px solid transparent;padding:0}.nb-icon-swatch[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.nb-preview-field{margin-top:4px}.nb-preview-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-sunken);border-radius:var(--radius-md)}.nb-preview-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.nb-preview-name{font-size:14px;font-weight:500}.nb-preview-count{margin-left:auto;font-size:11.5px;color:var(--ink-soft)}.new-nb-error{font-size:12px;color:var(--danger)}@media(max-width:767px){.nb-color-swatch,.nb-icon-swatch{width:44px;height:44px}}.new-page-notebook-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.tag-input-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev)}.tag-input-chip{height:22px}.tag-input-chip-remove{width:20px;height:20px;margin:-3px -5px -3px 1px;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;display:inline-grid;place-items:center;cursor:pointer}.tag-input-chip-remove:hover{background:var(--bg-hover)}.tag-input-field{flex:1;min-width:100px;border:none;outline:none;background:transparent;font-size:13px;height:22px;color:var(--ink)}.new-page-error{font-size:12px;color:var(--danger)}.scan-hidden-input{display:none}.scan-modal-title-row{display:flex;align-items:center;gap:8px}.scan-dropzone{width:100%;min-height:180px;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-elev);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink-soft);transition:border-color var(--motion-fast) var(--ease-direct),background var(--motion-fast) var(--ease-direct),color var(--motion-fast) var(--ease-direct)}.scan-dropzone:hover,.scan-dropzone:focus-visible{border-color:var(--accent);color:var(--accent)}.scan-dropzone-title{font-size:15px;font-weight:500}.scan-dropzone-sub{font-size:12px}.scan-preview-col{display:flex;flex-direction:column;gap:12px}.scan-preview-frame{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);max-height:340px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev)}.scan-preview-img{max-width:100%;max-height:340px;object-fit:contain;display:block}.scan-preview-hint{font-size:12px;color:var(--ink-soft);text-align:center}.scan-phase-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.scan-phase-panel--scanning{min-height:160px}.scan-phase-panel--done{min-height:120px;gap:10px}.scan-phase-panel--error{min-height:100px;gap:12px}.scan-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.scan-phase-message{font-size:14px;font-weight:500;color:var(--ink);text-align:center;min-height:22px}.scan-phase-sub{font-size:12px;color:var(--ink-soft)}.scan-done-check{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--on-accent)}.scan-done-title{font-size:15px;font-weight:500;text-align:center}.scan-done-subtitle{font-size:13px;color:var(--ink-soft);text-align:center;font-style:italic}.scan-error-message{color:var(--danger);font-size:14px;text-align:center}.scan-foot-spacer{flex:1}.scan-foot-secondary{font-size:13px}.scan-foot-status{flex:1;text-align:center;font-size:12px;color:var(--ink-soft)}.auth-state{min-height:100dvh;padding:24px;background-color:var(--worktable-bg);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px);background-size:48px 48px;color:var(--ink-on-graphite);display:grid;place-items:center}.auth-state>svg{color:var(--ice)}.auth-state-message{margin-top:12px;color:var(--ink-on-graphite-muted);font-family:var(--font-serif);font-size:18px;font-style:italic}.auth-state-plate{width:min(100%,520px);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-tray)}.auth-state-plate h1{margin:0 0 8px;color:var(--ink);font-family:var(--font-serif);font-size:24px;font-weight:500}.auth-state-copy{margin:0 0 16px;color:var(--ink-muted)}.auth-state-error{margin:0 0 18px;color:var(--danger);font-size:12px;overflow-wrap:anywhere}.auth-state-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:600px){.share-invite-row{flex-wrap:wrap}.share-invite-row .input:first-child,.share-invite-role{width:100%}.share-invite-row .btn{width:100%;min-height:44px}}@media(pointer:coarse){.tag-input-row{align-items:center;gap:8px}.tag-input-chip{height:44px;padding-block:0;padding-inline-end:0}.modal :where(button,a[href],input,select){min-height:44px}.modal .btn-icon,.share-row-remove,.tag-input-chip-remove,.nb-color-swatch,.nb-icon-swatch{min-width:44px;min-height:44px}.tag-input-chip-remove{margin:0;background:radial-gradient(circle,color-mix(in srgb,currentColor 10%,transparent) 0 14px,transparent 15px)}.tag-input-chip-remove:hover,.tag-input-chip-remove:focus-visible{background:radial-gradient(circle,color-mix(in srgb,currentColor 20%,transparent) 0 14px,transparent 15px)}.tag-input-field{min-height:44px}}@media(prefers-reduced-motion:reduce){.scan-spinner{animation:none}}.landing-root{min-height:100vh;background-color:var(--worktable-bg);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px),linear-gradient(var(--worktable-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid-strong) 1px,transparent 1px);background-size:48px 48px,48px 48px,240px 240px,240px 240px;color:var(--ink);font-family:var(--font-sans);position:relative;overflow-x:hidden}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);height:58px;background:var(--material-frost);backdrop-filter:var(--material-blur-structural);-webkit-backdrop-filter:var(--material-blur-structural);border-bottom:var(--hairline-soft)}.landing-nav-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--ink);letter-spacing:-.02em}.landing-nav-cta{font-size:13px}.landing-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:clamp(60px,10vh,110px) clamp(20px,5vw,80px) clamp(80px,12vh,120px);min-height:86vh}.landing-hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:clamp(26px,4vw,42px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--material-canvas);box-shadow:var(--shadow-tray)}.landing-h1{margin:0 0 22px;font-family:var(--font-serif);font-weight:500;font-size:clamp(38px,5.5vw,64px);line-height:1.12;letter-spacing:-.025em;color:var(--ink)}.landing-h1-accent{color:inherit;font-style:italic}.landing-sub{margin:0 0 36px;font-size:clamp(15px,1.8vw,18px);color:var(--ink-muted);line-height:1.65;max-width:480px;letter-spacing:-.008em}.landing-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.landing-cta-btn{height:44px;padding:0 22px;font-size:14.5px;gap:9px;border-radius:var(--radius-lg);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 34%,transparent),0 1px 3px color-mix(in srgb,var(--accent) 22%,transparent);transition:transform var(--motion-fast) var(--ease-direct),box-shadow var(--motion-fast) var(--ease-direct)}.landing-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 42%,transparent),0 2px 6px color-mix(in srgb,var(--accent) 28%,transparent)}.cta-arrow{margin-left:2px;font-size:15px;transition:transform var(--motion-fast) var(--ease-direct)}.landing-cta-btn:hover .cta-arrow{transform:translate(3px)}.landing-cta-note{margin:0;font-size:12px;color:var(--ink-soft);letter-spacing:.01em}.landing-hero-right{display:flex;justify-content:center;align-items:center;position:relative}.mockup-wrap{position:relative;width:100%;max-width:540px}.mockup-window{background:var(--material-canvas);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-tray);overflow:hidden;font-size:11px;color:var(--ink)}.mockup-chrome{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-soft)}.mockup-chrome-mark{display:flex;align-items:center;gap:6px;color:var(--ink-muted)}.mockup-chrome-label{font-size:10.5px;color:var(--ink-soft);background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-xs);padding:2px 10px;letter-spacing:.01em;margin:0 auto}.mockup-body{display:grid;grid-template-columns:150px 1fr;min-height:280px}.mock-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);padding:10px 0;display:flex;flex-direction:column;gap:1px}.mock-sb-brand{display:flex;align-items:center;gap:6px;padding:4px 10px 8px;font-weight:500;font-size:11px;color:var(--ink);border-bottom:1px solid var(--border-soft);margin-bottom:4px;letter-spacing:-.01em}.mock-nb-item{display:flex;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;color:var(--ink-muted);border-radius:5px;margin:0 4px;cursor:default}.mock-nb-active{background:var(--bg-active);color:var(--ink);font-weight:500}.mock-nb-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0}.mock-nb-sep{height:1px;background:var(--border-soft);margin:6px 10px}.mock-nb-muted{color:var(--ink-soft);font-size:10px}.mock-page{padding:14px 14px 10px;display:flex;flex-direction:column;gap:7px}.mock-page-title{font-family:var(--font-serif);font-size:14.5px;font-weight:500;color:var(--ink);letter-spacing:-.015em;margin-bottom:2px}.mock-tags-row{display:flex;gap:5px;flex-wrap:wrap}.mock-tag{font-size:9.5px;padding:2px 7px;border-radius:var(--radius-pill);font-weight:500}.mock-line{height:7px;background:var(--border-soft);border-radius:3px}.mock-callout-block{display:flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:4px;padding:6px 9px;font-size:9.5px;color:var(--accent-ink)}.mock-callout-txt{font-size:9.5px}.mock-checklist{display:flex;align-items:center;gap:6px}.mock-check{width:11px;height:11px;border:1.5px solid var(--border-strong);border-radius:3px;flex-shrink:0}.mock-check.done{background:var(--accent);border-color:var(--accent)}.mock-check-txt{font-size:9.5px;color:var(--ink-muted)}.mock-strike{text-decoration:line-through;color:var(--ink-soft)}.mockup-ai-badge{position:absolute;bottom:-18px;right:-18px;background:var(--accent-fill);color:var(--on-accent);font-size:11.5px;font-weight:500;padding:7px 13px;border-radius:var(--radius-pill);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 45%,transparent);white-space:nowrap;display:flex;align-items:center;gap:5px}.mockup-save-badge{position:absolute;top:48px;left:-22px;background:var(--bg-paper);border:1px solid var(--border);color:var(--ink-muted);font-size:11px;font-weight:500;padding:5px 11px;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);white-space:nowrap}.scroll-hint{position:relative;z-index:1;display:flex;justify-content:center;padding-bottom:8px;color:var(--ink-soft);font-size:18px}.landing-features{position:relative;z-index:1;padding:clamp(60px,10vh,100px) clamp(20px,5vw,80px);background:var(--bg-paper);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.section-header{text-align:center;margin-bottom:56px}.section-h2{margin:0 0 14px;font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,3.5vw,40px);letter-spacing:-.022em;color:var(--ink)}.section-sub{margin:0 auto;max-width:520px;font-size:clamp(14px,1.5vw,16px);color:var(--ink-muted);line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:1100px;margin:0 auto;border-block:1px solid var(--border)}.feature-card{min-width:0;padding:22px;border-bottom:1px solid var(--border-soft);background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:4px;transition:background var(--motion-fast) var(--ease-direct);cursor:default}.feature-card:nth-child(odd){border-right:1px solid var(--border-soft)}.feature-card:hover{background:var(--bg-hover)}.feature-emoji-wrap{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;grid-row:1 / span 2}.feature-emoji{font-size:20px}.feature-title{margin:0;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.012em}.feature-desc{margin:0;font-size:13px;color:var(--ink-muted);line-height:1.6}.landing-ai-section{position:relative;z-index:1;padding:clamp(60px,10vh,100px) clamp(20px,5vw,80px);background:var(--bg-base)}.ai-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto}.ai-section-left{display:flex;flex-direction:column;gap:18px}.ai-section-h2{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,3vw,38px);letter-spacing:-.022em;line-height:1.2;color:var(--ink)}.ai-section-h2 em{color:inherit;font-style:italic}.ai-section-p{margin:0;font-size:15px;color:var(--ink-muted);line-height:1.7}.ai-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ai-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-muted);line-height:1.5}.ai-bullet-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}.ai-demo-window{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);font-size:13px}.ai-demo-chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-soft)}.ai-demo-dot{width:9px;height:9px;border-radius:50%;background:var(--border)}.ai-demo-label{font-size:11.5px;color:var(--ink-soft);font-weight:500;margin-left:auto;letter-spacing:.01em}.ai-demo-body{padding:20px 18px;display:flex;flex-direction:column;gap:16px;min-height:140px}.ai-question-row,.ai-answer-row{display:flex;gap:10px;align-items:flex-start}.ai-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-sunken);border:1px solid var(--border);font-size:9.5px;font-weight:600;color:var(--ink-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.ai-avatar-bot{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-ink)}.ai-question-bubble{background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:12px 12px 12px 3px;padding:9px 13px;font-size:13.5px;color:var(--ink);line-height:1.5;max-width:90%}.ai-answer-bubble{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:12px 12px 3px;padding:9px 13px;font-size:13px;color:var(--ink-muted);line-height:1.6;max-width:90%}.ai-cursor-blink{display:inline-block;width:2px;height:13px;background:var(--accent);margin-left:2px;vertical-align:middle;border-radius:1px;animation:blink .9s steps(1) infinite}.ai-demo-dots{display:flex;justify-content:center;gap:6px;padding:12px;border-top:1px solid var(--border-soft)}.ai-dot-pip{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .25s ease,transform .25s ease}.ai-dot-pip.active{background:var(--accent);transform:scale(1.25)}.landing-details{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--bg-paper)}.detail-item{display:flex;align-items:flex-start;gap:14px;padding:32px clamp(16px,3vw,36px);border-right:1px solid var(--border-soft)}.detail-item:last-child{border-right:none}.detail-icon{font-size:22px;flex-shrink:0;margin-top:1px}.detail-item strong{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}.detail-item p{margin:0;font-size:12.5px;color:var(--ink-muted);line-height:1.55}.landing-bottom-cta{position:relative;z-index:1;padding:clamp(70px,12vh,120px) 24px;text-align:center;background:var(--bg-base)}.landing-bottom-cta>div{display:flex;flex-direction:column;align-items:center;gap:18px}.bottom-cta-h2{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(28px,4vw,48px);letter-spacing:-.025em;color:var(--ink)}.bottom-cta-sub{margin:0;font-size:16px;color:var(--ink-muted);max-width:400px;line-height:1.6}@media(max-width:960px){.landing-hero{grid-template-columns:1fr;min-height:unset;padding-top:clamp(40px,8vh,80px);gap:48px}.landing-hero-left{align-items:center;text-align:center}.landing-h1{text-align:center}.landing-sub{text-align:center;max-width:520px}.landing-ctas{align-items:center}.landing-hero-right{justify-content:center}.mockup-wrap{max-width:480px}.features-grid{grid-template-columns:repeat(2,1fr)}.ai-section-inner{grid-template-columns:1fr;gap:40px}.landing-details{grid-template-columns:repeat(2,1fr)}.detail-item:nth-child(2){border-right:none}.detail-item:nth-child(1),.detail-item:nth-child(2){border-bottom:1px solid var(--border-soft)}}@media(max-width:600px){.landing-nav{padding:0 16px}.landing-hero{padding:40px 20px 60px}.features-grid{grid-template-columns:1fr}.feature-card:nth-child(odd){border-right:0}.landing-details{grid-template-columns:1fr}.detail-item{border-right:none!important;border-bottom:1px solid var(--border-soft)}.detail-item:last-child{border-bottom:none}.mockup-wrap{max-width:100%}.mockup-body{grid-template-columns:120px 1fr}.mockup-ai-badge{right:-10px;bottom:-14px;font-size:10.5px;padding:5px 10px}.mockup-save-badge{left:-10px;font-size:10px}}[data-theme=dark] .landing-features,[data-theme=dark] .landing-details,[data-theme=dark] .landing-bottom-cta{background:var(--bg-base)}.landing-inkbox-section{--ink: var(--ink-on-graphite);--ink-muted: #c3cbd7;--ink-soft: #94a0b2;--bg-sunken: #0f141d;--bg-elev: #2a3341;--border: #64728a;--border-soft: #46536a;padding:100px 24px;background:var(--graphite);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px);background-size:48px 48px}.inkbox-section-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.inkbox-section-h2{font-size:clamp(28px,4vw,44px);font-weight:500;font-family:var(--font-serif);line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px}.inkbox-section-h2 em{color:inherit;font-style:italic}.inkbox-section-p{font-size:16px;line-height:1.7;color:var(--ink-muted);margin:0 0 24px;max-width:440px}.inkbox-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.inkbox-bullets li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-muted)}.inkbox-bullet-dot{width:6px;height:6px;border:1px solid var(--ink-muted);border-radius:var(--radius-xs);background:transparent;flex-shrink:0}.inkbox-demo{display:flex;flex-direction:column;gap:14px}.inkbox-phase-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ice);font-weight:500;min-height:22px}.inkbox-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgb(185 201 255 / .3);border-top-color:var(--ice);border-radius:50%;animation:inkbox-spin .7s linear infinite;flex-shrink:0}@keyframes inkbox-spin{to{transform:rotate(360deg)}}.inkbox-panel{display:flex;align-items:center;gap:16px;background:var(--bg-elev);border:var(--hairline-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-tray);padding:20px}.inkbox-photo-side,.inkbox-result-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.inkbox-photo{position:relative;background:#f5f0e8;border-radius:var(--radius-sm);padding:16px 14px;min-height:160px;overflow:hidden}.inkbox-photo--scanning{box-shadow:0 0 0 2px #b9c9ff8c}.inkbox-hw-line{font-family:var(--font-serif);font-style:italic;font-size:11px;color:#1a1a1a;line-height:1.9;opacity:.85}.inkbox-scan-sweep{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--ice) 50%,transparent 100%);box-shadow:0 0 12px 4px #b9c9ff66;pointer-events:none}.inkbox-arrow{font-size:20px;color:var(--ice);flex-shrink:0;width:28px;text-align:center}.inkbox-result-page{background:var(--bg-sunken);border:var(--hairline-soft);border-radius:var(--radius-sm);padding:14px;min-height:160px;display:flex;flex-direction:column;gap:4px}.inkbox-result-page--dim{opacity:.4}.inkbox-result-title{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:4px}.inkbox-result-tag{display:inline-block;background:#b9c9ff2e;color:var(--ice);font-size:10px;padding:1px 8px;border-radius:var(--radius-pill);margin-bottom:6px;width:fit-content}.inkbox-result-line{font-size:10.5px;color:var(--ink-muted);line-height:1.6}.inkbox-result-placeholder{height:9px;background:color-mix(in srgb,var(--ink) 14%,transparent);border-radius:var(--radius-xs);margin:5px 0}.inkbox-result-attachments{display:flex;gap:6px;margin-top:8px}.inkbox-thumb-chip{background:var(--bg-elev);border:var(--hairline-soft);color:var(--ink-muted);font-size:10px;padding:2px 8px;border-radius:var(--radius-sm)}.inkbox-photo-label{font-size:11px;color:var(--ink-soft);text-align:center}@media(max-width:768px){.inkbox-section-inner{grid-template-columns:1fr;gap:40px}}@media(prefers-reduced-transparency:reduce){.landing-nav{background:var(--frost);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.landing-cta-btn,.cta-arrow,.feature-card{transition:none}.inkbox-spinner,.ai-cursor-blink{animation:none}}.landing-offline-notice{width:min(920px,calc(100% - 32px));min-height:48px;margin:82px auto -58px;padding:10px 14px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--warn) 34%,var(--border));border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-size:14px}.landing-offline-notice span{min-width:0;flex:1;overflow-wrap:anywhere}.landing-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:22px max(20px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft);color:var(--ink-soft)}.landing-legal a{color:inherit;text-underline-offset:3px}.landing-legal a:hover{color:var(--ink)}@media(max-width:640px){.landing-offline-notice{align-items:flex-start;flex-wrap:wrap;margin-top:74px;margin-bottom:-46px}.landing-offline-notice span{flex-basis:calc(100% - 26px);margin-inline-start:25px}}:root{color-scheme:light;--font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Mono", "Roboto Mono", ui-monospace, monospace;--frost: #f4f6f8;--frost-bright: #fcfdfe;--graphite: #171a20;--graphite-raised: #242c39;--cobalt: #3b66f5;--cobalt-strong: #2b54df;--ice: #b9c9ff;--worktable-bg: #171a20;--worktable-grid: rgb(185 201 255 / .22);--worktable-grid-strong: rgb(185 201 255 / .34);--worktable-mark: rgb(185 201 255 / .56);--bg-base: #eef2f6;--bg-paper: #fcfcfb;--bg-sidebar: rgb(244 246 248 / .9);--bg-sunken: #e8edf3;--bg-elev: rgb(252 253 254 / .94);--bg-hover: #e2e8f0;--bg-active: #d7e0ff;--border: #cbd3df;--border-soft: #dfe5ed;--border-strong: #9ca9ba;--border-etched: rgb(185 201 255 / .42);--ink: #171a20;--ink-muted: #4b5666;--ink-soft: #697587;--ink-faint: #586577;--ink-on-graphite: #f4f6f8;--ink-on-graphite-muted: #b8c1cf;--frost-ink: #171a20;--frost-ink-muted: #3f4a59;--frost-ink-subtle: #4b5666;--accent: var(--cobalt);--accent-hover: var(--cobalt-strong);--accent-soft: #dbe3ff;--accent-ink: #173589;--accent-fill: #3b66f5;--accent-fill-hover: #2b54df;--accent-fill-active: #2449c5;--on-accent: #ffffff;--highlight: #dfe6ff;--highlight-strong: var(--ice);--danger: #b42336;--danger-soft: #fff0f2;--warn: #8b5b12;--warn-soft: #fff7e6;--info: #315bce;--info-soft: #eef3ff;--success: #14745b;--success-soft: #e8f7f1;--tag-1: #315fdc;--tag-2: #9a5438;--tag-3: #4b6295;--tag-4: #7a4f8d;--tag-5: #87620f;--tag-6: #236c78;--material-etched: rgb(23 26 32 / .82);--material-frost: rgb(244 246 248 / .86);--material-graphite: rgb(36 44 57 / .96);--material-canvas: var(--bg-paper);--material-elevated: rgb(252 253 254 / .92);--material-ephemeral: rgb(250 252 255 / .96);--material-critical: #fff8f8;--material-blur-structural: blur(18px) saturate(112%);--material-blur-elevated: blur(24px) saturate(118%);--material-blur-ephemeral: blur(30px) saturate(122%);--shadow-sm: 0 2px 6px rgb(11 18 30 / .08), 0 1px 1px rgb(11 18 30 / .08);--shadow-md: 0 12px 28px rgb(11 18 30 / .14), 0 3px 8px rgb(11 18 30 / .1);--shadow-lg: 0 28px 70px rgb(5 10 20 / .24), 0 8px 20px rgb(5 10 20 / .14);--shadow-tray: 0 24px 64px rgb(0 0 0 / .28), 0 4px 12px rgb(0 0 0 / .18);--shadow-focus: 0 0 0 2px var(--frost-bright), 0 0 0 4px var(--cobalt);--radius-xs: 5px;--radius-sm: 8px;--radius-md: 12px;--radius-ios-squircle: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--hairline: 1px solid var(--border);--hairline-soft: 1px solid var(--border-soft);--motion-fast: .12s;--motion-ui: .18s;--motion-panel: .24s;--motion-tray: .36s;--ease-direct: cubic-bezier(.2, 0, 0, 1);--ease-settle: cubic-bezier(.16, 1, .3, 1);--rail-w: 88px;--library-w: 286px;--sidebar-w: var(--library-w);--pages-w: 300px;--topbar-h: 58px;--panel-gap: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}:root[data-theme=dark]{color-scheme:dark;--worktable-bg: #0d1015;--worktable-grid: rgb(185 201 255 / .14);--worktable-grid-strong: rgb(185 201 255 / .24);--worktable-mark: rgb(185 201 255 / .48);--bg-base: #151a22;--bg-paper: #1c222c;--bg-sidebar: rgb(27 34 45 / .91);--bg-sunken: #121720;--bg-elev: rgb(35 43 56 / .95);--bg-hover: #2a3341;--bg-active: #2e4074;--border: #3c4656;--border-soft: #2e3745;--border-strong: #69778a;--border-etched: rgb(185 201 255 / .3);--ink: #f4f6f8;--ink-muted: #c0c8d3;--ink-soft: #929eae;--ink-faint: #929eae;--ink-on-graphite: #f4f6f8;--ink-on-graphite-muted: #b8c1cf;--accent: #5f7ff7;--accent-hover: #7f9aff;--accent-soft: #293762;--accent-ink: #dbe3ff;--accent-fill: #4866d6;--accent-fill-hover: #3d59c3;--accent-fill-active: #344eaf;--on-accent: #ffffff;--highlight: #34446f;--highlight-strong: #829bff;--danger: #ff8190;--danger-soft: #4b232b;--warn: #f0bd69;--warn-soft: #43331c;--info: #8ea7ff;--info-soft: #26345e;--success: #64d4ae;--success-soft: #183e35;--material-etched: rgb(13 16 21 / .86);--material-frost: rgb(27 34 45 / .88);--material-graphite: rgb(31 38 50 / .97);--material-canvas: var(--bg-paper);--material-elevated: rgb(35 43 56 / .94);--material-ephemeral: rgb(38 46 59 / .97);--material-critical: #3b2027;--shadow-sm: 0 2px 8px rgb(0 0 0 / .3), 0 1px 1px rgb(0 0 0 / .34);--shadow-md: 0 14px 34px rgb(0 0 0 / .42), 0 4px 10px rgb(0 0 0 / .34);--shadow-lg: 0 30px 80px rgb(0 0 0 / .58), 0 8px 22px rgb(0 0 0 / .44);--shadow-tray: 0 28px 76px rgb(0 0 0 / .64), 0 5px 16px rgb(0 0 0 / .46);--shadow-focus: 0 0 0 2px var(--graphite), 0 0 0 4px var(--ice)}@media(prefers-contrast:more){:root{--border: color-mix(in srgb, var(--ink) 44%, transparent);--border-soft: color-mix(in srgb, var(--ink) 28%, transparent);--border-strong: color-mix(in srgb, var(--ink) 68%, transparent);--worktable-grid: rgb(185 201 255 / .38)}}@media(prefers-reduced-transparency:reduce){:root{--material-etched: #171a20;--material-frost: #f4f6f8;--material-graphite: #242c39;--material-elevated: #fcfdfe;--material-ephemeral: #f8faff;--bg-sidebar: #f4f6f8;--bg-elev: #fcfdfe;--material-blur-structural: none;--material-blur-elevated: none;--material-blur-ephemeral: none}:root[data-theme=dark]{--material-etched: #0d1015;--material-frost: #1b222d;--material-graphite: #1f2632;--material-elevated: #232b38;--material-ephemeral: #262e3b;--bg-sidebar: #1b222d;--bg-elev: #232b38}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 1ms;--motion-ui: 1ms;--motion-panel: 1ms;--motion-tray: 1ms;--ease-direct: linear;--ease-settle: linear}}*{box-sizing:border-box}*::selection{background:var(--accent-soft);color:var(--accent-ink)}html,body,#root{height:100%}html{background:var(--worktable-bg)}body{margin:0;background:var(--worktable-bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";letter-spacing:-.005em;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select,[role=button],[role=tab],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.material{border:1px solid var(--border);color:var(--ink)}.material-etched{background:var(--material-etched);color:var(--ink-on-graphite);border-color:var(--border-etched);backdrop-filter:var(--material-blur-structural);-webkit-backdrop-filter:var(--material-blur-structural)}.material-frost{background:var(--material-frost);backdrop-filter:var(--material-blur-structural);-webkit-backdrop-filter:var(--material-blur-structural)}.material-graphite{background:var(--material-graphite);color:var(--ink-on-graphite);border-color:var(--border-etched);backdrop-filter:var(--material-blur-elevated);-webkit-backdrop-filter:var(--material-blur-elevated)}.material-canvas{background:var(--material-canvas)}.material-elevated{background:var(--material-elevated);box-shadow:var(--shadow-md);backdrop-filter:var(--material-blur-elevated);-webkit-backdrop-filter:var(--material-blur-elevated)}.material-ephemeral{background:var(--material-ephemeral);box-shadow:var(--shadow-lg);backdrop-filter:var(--material-blur-ephemeral);-webkit-backdrop-filter:var(--material-blur-ephemeral)}.material-critical{background:var(--material-critical);border-color:color-mix(in srgb,var(--danger) 42%,var(--border))}.focus-brackets{position:relative}.focus-brackets:before,.focus-brackets:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--ease-direct)}.focus-brackets:before{top:-2px;left:-2px;border-top:2px solid var(--ice);border-left:2px solid var(--ice)}.focus-brackets:after{right:-2px;bottom:-2px;border-right:2px solid var(--ice);border-bottom:2px solid var(--ice)}.focus-brackets:is(:focus-visible,.is-selected,[aria-selected=true]):before,.focus-brackets:is(:focus-visible,.is-selected,[aria-selected=true]):after{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;font-size:13px;font-weight:580;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;transition:background var(--motion-fast) var(--ease-direct),border-color var(--motion-fast) var(--ease-direct),color var(--motion-fast) var(--ease-direct),box-shadow var(--motion-fast) var(--ease-direct);white-space:nowrap}.btn:hover:not([disabled]){background:var(--bg-hover)}.btn:active:not([disabled]){background:var(--bg-active)}.btn-primary{background:var(--accent-fill);color:var(--on-accent);border-color:color-mix(in srgb,var(--accent-fill) 76%,#000);box-shadow:0 3px 9px #3b66f53d}.btn-primary:hover:not([disabled]){background:var(--accent-fill-hover)}.btn-primary:active:not([disabled]){background:var(--accent-fill-active)}.btn-secondary{background:var(--bg-elev);border-color:var(--border)}.btn-secondary:hover:not([disabled]){border-color:var(--border-strong)}.btn-ghost:hover:not([disabled]){background:var(--bg-hover)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.btn-sm{min-height:28px;padding:0 10px;font-size:12px}.btn-lg{min-height:40px;padding:0 17px;font-size:14px}.btn-icon{width:34px;padding:0}.btn[disabled],.btn[aria-disabled=true]{opacity:.46;cursor:not-allowed;box-shadow:none}.btn[aria-busy=true]{cursor:progress}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;font-family:var(--font-mono);font-size:10px;color:var(--ink-muted);background:var(--bg-elev);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px}.input{width:100%;min-height:36px;padding:0 11px;font-size:13px;color:var(--ink);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:background var(--motion-fast) var(--ease-direct),border-color var(--motion-fast) var(--ease-direct),box-shadow var(--motion-fast) var(--ease-direct)}.input:hover:not([disabled]){border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--ink-soft);opacity:1}.input[disabled],.input[aria-disabled=true]{opacity:.52;cursor:not-allowed}.input[aria-invalid=true]{border-color:var(--danger);background:var(--danger-soft)}.chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;font-size:11.5px;font-weight:560;border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-muted);border:1px solid var(--border-soft);white-space:nowrap}.chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip-tag{background:var(--bg-elev)}.state-badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:2px 9px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink-muted);font-size:11.5px;font-weight:580}.state-badge svg{flex:none}.state-selected{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 46%,transparent)}.state-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb,var(--success) 38%,transparent)}.state-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 36%,transparent)}.state-warning{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 38%,transparent)}.state-critical{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 42%,transparent)}.state-badge.is-busy svg{animation:spin .9s linear infinite}.structure-lens{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(92px,1fr);gap:3px;padding:3px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg-sunken) 84%,transparent)}.structure-lens button{min-height:30px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:560}.structure-lens button:hover:not([disabled]){color:var(--ink);background:color-mix(in srgb,var(--bg-hover) 72%,transparent)}.structure-lens button.active{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 3px 8px #3b66f547}.structure-lens button.active:hover:not([disabled]){background:var(--accent-fill-hover)}.structure-lens button.active:active:not([disabled]){background:var(--accent-fill-active)}.structure-lens button[disabled]{opacity:.42;cursor:not-allowed}.structure-lens-compact{grid-auto-columns:minmax(76px,1fr)}.structure-lens-compact button{min-height:26px;padding:0 10px;font-size:11px}@keyframes blink{to{visibility:hidden}}.paper-grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.035}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-strong) 68%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong)}::-webkit-scrollbar-track{background:transparent}.divider{height:1px;background:var(--border-soft);margin:9px 0}.no-focus-visible :focus{outline:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.material-etched{background:#171a20}.material-frost{background:var(--bg-base)}.material-graphite{background:var(--graphite-raised)}.material-elevated,.material-ephemeral{background:var(--bg-elev)}}@media(prefers-reduced-transparency:reduce){.material{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(forced-colors:active){.material,.btn,.input,.state-badge,.structure-lens{border-color:CanvasText;forced-color-adjust:auto}}.app{height:100dvh;min-height:0;overflow:hidden;position:relative;background-color:var(--worktable-bg);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px),linear-gradient(var(--worktable-grid-strong) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid-strong) 1px,transparent 1px);background-size:48px 48px,48px 48px,240px 240px,240px 240px}.shell{--library-slot: var(--library-w);height:100%;min-height:0;display:grid;grid-template-columns:var(--rail-w) var(--library-slot) var(--pages-w) minmax(0,1fr);gap:var(--panel-gap);padding:0 var(--panel-gap) var(--panel-gap);overflow:hidden;position:relative;isolation:isolate}.shell.no-pages{grid-template-columns:var(--rail-w) var(--library-slot) minmax(0,1fr)}.shell.sidebar-collapsed{--library-slot: 0px}.shell.pages-collapsed{grid-template-columns:var(--rail-w) var(--library-slot) minmax(0,1fr)}.shell.pages-collapsed .work-surface{grid-column:3}.shell.pages-collapsed .pages{opacity:0;visibility:hidden;pointer-events:none}.shell.pages-collapsed .topbar-pages-trigger{display:inline-flex}.utility-rail{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:calc(12px + var(--safe-top)) 8px calc(12px + var(--safe-bottom)) calc(8px + var(--safe-left));margin-top:var(--panel-gap);border:1px solid var(--border-etched);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-y:auto;scrollbar-width:none;z-index:35}.rail-wordmark,.rail-project{display:none}.utility-rail::-webkit-scrollbar{display:none}.rail-brand{width:48px;min-height:42px;margin:0 auto 4px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-on-graphite);cursor:pointer}.brand{display:flex;align-items:center;gap:8px}.brand .mark{width:26px;height:26px;display:grid;place-items:center;flex:none}.brand .word{font-family:var(--font-serif);font-size:20px;font-weight:600;letter-spacing:-.02em}.brand-compact{justify-content:center}.rail-new{min-height:56px;border:1px solid color-mix(in srgb,var(--ice) 72%,transparent);border-radius:var(--radius-md);background:var(--accent-fill);color:var(--on-accent);box-shadow:0 5px 14px #3b66f557;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:650;cursor:pointer;margin-bottom:4px}.rail-new:hover{background:var(--accent-fill-hover)}.rail-new:active{background:var(--accent-fill-active)}.rail-items{display:flex;flex-direction:column;gap:2px}.rail-spacer{flex:1;min-height:12px}.rail-item{min-height:48px;padding:6px 2px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink-on-graphite-muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;font-size:9.5px;font-weight:540}.rail-item:hover{color:var(--ink-on-graphite);background:#b9c9ff1a}.rail-item.active{color:#fff;background:#3b66f533;border-color:#b9c9ff3d}.rail-icon{display:grid;place-items:center}.rail-icon svg{width:18px;height:18px}.rail-count{position:absolute;top:4px;right:5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);display:inline-grid;place-items:center;font-size:8.5px;font-variant-numeric:tabular-nums}.library-panel{grid-column:2;grid-row:1;min-width:0;min-height:0;margin:var(--panel-gap) 0 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-tray);overflow:hidden;display:flex;flex-direction:column;z-index:28}.shell.sidebar-collapsed .library-panel{opacity:0;visibility:hidden;pointer-events:none}.library-head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 10px}.library-head>div:first-child{min-width:0;flex:1}.optical-label{margin-bottom:5px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}.library-head h1{margin:0;font-family:var(--font-sans);font-size:24px;line-height:1.1;font-weight:650;letter-spacing:-.025em}.library-dismiss{margin-left:auto}.library-dismiss span{font-size:12px}.new-note{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 14px 8px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:var(--radius-sm);background:var(--accent-fill);color:var(--on-accent);box-shadow:0 4px 12px #3b66f53d;cursor:pointer;font-size:13px;font-weight:630}.new-note:hover{background:var(--accent-fill-hover)}.new-note:active{background:var(--accent-fill-active)}.new-note .kbd{margin-left:auto;background:color-mix(in srgb,var(--accent-fill-active) 80%,var(--graphite));color:var(--on-accent);border-color:#ffffff57}.new-note .kbd+.kbd{margin-left:-4px}.library-search{min-height:38px;margin:0 14px 8px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--ink-soft);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm)}.library-search:hover{color:var(--ink);border-color:var(--border-strong)}.library-search span{flex:1}.library-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 8px 16px}.sb-section{margin-top:12px}.sb-label{min-height:28px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.sb-item,.sb-child{width:calc(100% - 4px);margin:2px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink-muted);background:transparent;text-decoration:none;display:flex;align-items:center;gap:8px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.sb-item{min-height:38px;padding:0 5px 0 9px;font-size:13px;gap:0}.sb-child{min-height:32px;padding:5px 9px 5px 26px;font-size:12px;text-align:left}.sb-child-more{min-height:44px}.sb-item:hover,.sb-child:hover{color:var(--ink);background:color-mix(in srgb,var(--bg-hover) 72%,transparent)}.sb-item.active,.sb-child.active{color:var(--ink);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 56%,transparent)}.sb-item.active:before,.sb-child.active:before{content:"";position:absolute;top:7px;bottom:7px;left:-1px;width:1px;background:var(--accent)}.sb-item .sb-icon{width:16px;height:16px;color:var(--ink-soft);flex:none}.sb-item.active .sb-icon{color:var(--accent)}.sb-count{margin-left:auto;color:var(--ink-muted);font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums}.sb-caret{width:13px;height:13px;margin-right:-2px;color:var(--ink-faint);transition:transform var(--motion-fast) var(--ease-direct)}.sb-item.collapsed .sb-caret{transform:rotate(-90deg)}.notebook-expand-trigger,.notebook-primary-trigger{min-width:0;min-height:36px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.notebook-expand-trigger{width:21px;display:grid;place-items:center;flex:none}.notebook-expand-spacer{width:21px;flex:none}.notebook-primary-trigger{display:flex;align-items:center;gap:8px;flex:1;text-align:left}.sb-item[data-dragging=true],.page-row[data-dragging=true]{opacity:.42;cursor:grabbing}.sb-item[data-drop=before],.page-row[data-drop=before]{box-shadow:inset 0 2px 0 var(--accent)}.sb-item[data-drop=after],.page-row[data-drop=after]{box-shadow:inset 0 -2px 0 var(--accent)}.page-row[data-drop=invalid]{cursor:not-allowed;box-shadow:inset 0 0 0 1px var(--danger)}.sb-item[data-drop=onto]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.library-empty{padding:16px 10px;color:var(--ink-soft);font-size:12px;line-height:1.5}.archive-section{margin:18px 4px 0;padding-top:8px;border-top:1px solid var(--border-soft)}.archive-toggle{width:100%;min-height:34px;padding:0 5px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;text-align:left}.archive-toggle:hover{color:var(--ink);background:var(--bg-hover)}.archive-toggle>svg:first-child{color:var(--ink-muted)}.archive-count,.archive-state{margin-left:auto;color:var(--ink-muted);font-family:var(--font-mono);font-size:9.5px;font-variant-numeric:tabular-nums}.archive-caret{width:12px;height:12px;color:var(--ink-faint);transition:transform var(--motion-fast) var(--ease-direct)}.archive-caret.collapsed{transform:rotate(-90deg)}.archive-tree{padding:2px 0 5px}.archive-loading{padding:8px 6px;display:grid;gap:7px}.archive-loading .skel{height:28px}.archive-message{padding:8px 7px 10px;color:var(--ink-soft);font-size:14px;line-height:1.45}.archive-message button{margin-left:6px;padding:0;border:0;background:transparent;color:var(--accent-ink);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.archive-notebook-row,.archive-page-row{min-height:32px;display:flex;align-items:center;color:var(--ink-muted)}.archive-notebook-row:hover,.archive-page-row:hover{color:var(--ink)}.archive-expand,.archive-restore{width:28px;min-height:28px;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;flex:none}.archive-expand[disabled]{cursor:default}.archive-expand:hover:not([disabled]),.archive-restore:hover:not([disabled]){background:var(--bg-hover);color:var(--accent-ink)}.archive-restore[disabled]{opacity:.42;cursor:progress}.archive-notebook-mark{width:7px;height:7px;margin-right:7px;border-radius:var(--radius-xs);opacity:.72;flex:none}.archive-notebook-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.archive-page-link{min-width:0;min-height:30px;padding:5px 7px;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-soft);display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left;font-size:14px}.archive-page-link:hover{color:var(--ink);background:var(--bg-hover)}.archive-page-nested{width:100%}.archive-page-context{padding-left:4px}.archive-page-context .archive-page-link{flex:1}.archive-page-context .archive-page-link>span{min-width:0;display:grid}.archive-page-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:560}.archive-page-context small{overflow:hidden;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.archive-individual-pages{margin-top:5px}.archive-subhead{padding:6px 8px 2px;color:var(--ink-faint);font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.library-mobile-links{display:none}.sb-version{padding:8px 16px 12px;color:var(--ink-muted);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.sheet-handle{display:none}.pages{grid-column:3;grid-row:1;min-width:0;min-height:0;margin:var(--panel-gap) 0 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-tray);overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:26}.pages-head{display:flex;flex-direction:column;gap:8px;padding:16px 14px 11px;border-bottom:var(--hairline-soft)}.pages-title-row{display:flex;align-items:center;gap:8px}.pages-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:640;letter-spacing:-.02em}.pages-meta{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px}.pages-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.pages-dismiss{color:var(--accent)}.pages-collapse{color:var(--ink-soft)}.pages-search{position:relative}.pages-search .sicon{position:absolute;left:10px;top:50%;width:14px;height:14px;color:var(--ink-faint);transform:translateY(-50%)}.pages-search .input{min-height:34px;padding-left:31px;background:var(--bg-elev)}.pages-list{min-height:0;flex:1;overflow-y:auto;padding:6px 8px 20px}.page-row{width:100%;min-height:72px;margin:2px 0;padding:10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);display:flex;flex-direction:column;text-align:left;cursor:pointer}.page-row:hover{background:color-mix(in srgb,var(--bg-hover) 70%,transparent)}.page-row.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 58%,transparent);box-shadow:var(--shadow-sm)}.pr-top{width:100%;display:flex;align-items:baseline;gap:7px}.page-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:620}.page-date{flex:none;color:var(--ink-faint);font-family:var(--font-mono);font-size:9.5px;font-variant-numeric:tabular-nums}.page-snippet{width:100%;margin-top:4px;color:var(--ink-soft);font-size:11.5px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.page-pin{width:11px;height:11px;color:var(--accent)}.pages-splitter{position:absolute;top:0;right:-4px;bottom:0;width:8px;border:0;background:transparent;cursor:col-resize;z-index:8}.pages-splitter:hover,.pages-splitter.dragging{background:color-mix(in srgb,var(--accent) 52%,transparent)}.work-surface{grid-column:4;grid-row:1;min-width:0;min-height:0;margin-top:var(--panel-gap);border-radius:var(--radius-lg);overflow:hidden;display:grid;grid-template-rows:var(--topbar-h) minmax(0,1fr);box-shadow:0 -8px 0 -3px var(--graphite-raised),0 -13px 0 -7px color-mix(in srgb,var(--ice) 36%,var(--graphite)),var(--shadow-tray);position:relative;z-index:20}.shell.no-pages .work-surface{grid-column:3}.work-surface>.main{min-height:0}.topbar{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:0 12px 0 16px;border-bottom:var(--hairline-soft);background:var(--bg-paper);position:relative;z-index:32}.topbar-leading{min-width:0;display:flex;align-items:center;gap:8px}.topbar-context{min-width:0;display:flex;flex-direction:column;line-height:1.12}.topbar-context span{color:var(--ink-soft);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase}.topbar-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600}.topbar-library-trigger,.topbar-pages-trigger{display:none}.command-trigger{min-height:34px;min-width:170px;padding:0 7px 0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elev);color:var(--ink-muted);display:flex;align-items:center;gap:8px;cursor:pointer}.command-trigger:hover{color:var(--ink);border-color:var(--accent)}.command-trigger span{flex:1;text-align:left;font-size:12px;font-weight:580}.tb-actions{display:flex;align-items:center;gap:6px}.desktop-topbar-actions{display:flex;align-items:center;gap:4px}.mobile-actions-menu{display:none;position:relative}.bottom-nav{display:none}.split-action{position:relative;display:flex}.split-action-main{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.split-action-more{width:22px;padding:0;border-left:1px solid var(--border-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.user-menu{position:relative;margin-left:2px}.avatar-trigger{width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.avatar-trigger:hover{border-color:var(--accent)}.floating-panel{position:absolute;z-index:90}.anchored-panel{z-index:96;outline:none}.anchored-panel[role=dialog]{max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:12px}.anchored-panel[role=dialog]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-menu{top:calc(100% + 8px);right:0;min-width:210px;padding:7px;border-radius:var(--radius-md)}.menu-item{width:100%;min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-size:12.5px}.menu-item:hover:not([disabled]),.menu-item:focus-visible{background:var(--bg-hover)}.menu-item[disabled],.menu-item[aria-disabled=true]{opacity:.44;cursor:not-allowed}.menu-item-danger{color:var(--danger)}.menu-item-archive{color:var(--ink-muted)}.menu-item-archive svg{color:var(--info)}.account-summary{display:flex;align-items:center;gap:10px;padding:8px 8px 11px;margin-bottom:5px;border-bottom:var(--hairline-soft)}.account-summary>div{min-width:0;display:flex;flex-direction:column}.account-summary strong{font-size:12.5px}.account-summary span{overflow:hidden;text-overflow:ellipsis;color:var(--ink-soft);font-size:11px}.context-plate{padding:12px;border-radius:var(--radius-ios-squircle);display:flex;flex-direction:column;gap:10px}.context-plate-head{padding-bottom:8px;border-bottom:var(--hairline-soft);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.context-plate-head strong{display:block;font-size:15px}.context-field-label{margin-bottom:5px;color:var(--ink-soft);font-size:11px}.context-swatches,.context-icons{display:flex;flex-wrap:wrap;gap:6px}.context-swatch{width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;cursor:pointer}.context-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-elev),0 0 0 4px var(--accent)}.context-icon{width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:7px;background:var(--bg-sunken);display:grid;place-items:center;cursor:pointer}.context-icon[aria-pressed=true]{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent)}.notebook-options-trigger{min-width:28px;min-height:28px;margin-left:0;padding:0;border:0;border-radius:var(--radius-xs);background:transparent;color:var(--ink-soft);display:inline-grid;place-items:center;flex:none;cursor:pointer;opacity:0}.sb-item:hover .notebook-options-trigger,.notebook-options-trigger:focus-visible,.notebook-options-trigger[aria-expanded=true]{opacity:1}@media(hover:none){.sb-item,.notebook-expand-trigger,.notebook-primary-trigger{min-height:44px}.notebook-expand-trigger,.notebook-expand-spacer{width:44px}.notebook-options-trigger{min-width:44px;min-height:44px;opacity:1}.context-swatch,.context-icon{min-width:44px;min-height:44px}.archive-toggle,.archive-notebook-row,.archive-page-link{min-height:44px}.archive-expand,.archive-restore{width:44px;min-height:44px}}.shell-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;padding:0;border:0;background:#04081085;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:shell-scrim-in var(--motion-ui) var(--ease-direct)}@keyframes shell-scrim-in{0%{opacity:0}}.main{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--bg-paper)}.main-scroll{min-height:0;flex:1;overflow-y:auto;position:relative}.page-workflow{view-transition-name:tabloom-selected-page}.overview-page-row[data-transitioning=true]{view-transition-name:tabloom-selected-page;contain:paint}::view-transition-group(tabloom-selected-page){animation-duration:var(--motion-tray);animation-timing-function:var(--ease-settle)}::view-transition-old(tabloom-selected-page){animation:tray-resolve-old var(--motion-tray) var(--ease-settle) both}::view-transition-new(tabloom-selected-page){animation:tray-resolve-new var(--motion-tray) var(--ease-settle) both}@keyframes tray-resolve-old{to{opacity:0;filter:blur(5px)}}@keyframes tray-resolve-new{0%{opacity:.72;filter:blur(5px);clip-path:inset(2.5% 1.5% round var(--radius-lg))}to{opacity:1;filter:blur(0);clip-path:inset(0 round var(--radius-lg))}}.app-state{min-height:100dvh;padding:24px;background-color:var(--worktable-bg);background-image:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px);background-size:48px 48px;display:grid;place-items:center}.app-state-plate{width:min(440px,100%);min-height:250px;padding:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-tray);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.app-state-plate h1{margin:3px 0 0;font-family:var(--font-serif);font-size:24px;font-weight:600}.app-state-plate p{max-width:360px;margin:0 0 4px;color:var(--ink-muted);font-size:13px}.app-state-register{width:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.app-state-register span{height:3px;border-radius:999px;background:var(--border);overflow:hidden}.app-state-register span:first-child{background:var(--accent);animation:register-scan 1.2s var(--ease-direct) infinite alternate}@keyframes register-scan{to{transform:translate(110px)}}@media(max-width:1365px){.shell,.shell.no-pages{grid-template-columns:var(--rail-w) var(--library-slot) minmax(0,1fr)}.work-surface,.shell.no-pages .work-surface{grid-column:3}.pages{position:absolute;top:var(--panel-gap);bottom:var(--panel-gap);left:calc(var(--rail-w) + var(--library-slot) + (var(--panel-gap) * 3));width:min(var(--pages-w),calc(100vw - var(--rail-w) - var(--library-slot) - 42px));margin:0;transform:translate(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--motion-panel) var(--ease-settle),opacity var(--motion-ui) var(--ease-direct),visibility 0s linear var(--motion-panel);z-index:70}.shell[data-mobile-pages=open] .pages{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.pages-splitter{display:none}.topbar-pages-trigger{display:inline-flex}}@media(max-width:1199px),(min-width:1366px)and (max-width:1599px){.desktop-topbar-actions{display:none}.mobile-actions-menu{display:block}.command-trigger{min-width:136px}}@media(max-width:1023px){.shell,.shell.no-pages{--library-slot: 0px;grid-template-columns:var(--rail-w) minmax(0,1fr)}.work-surface,.shell.no-pages .work-surface{grid-column:2}.library-panel{position:absolute;top:var(--panel-gap);bottom:var(--panel-gap);left:calc(var(--rail-w) + (var(--panel-gap) * 2));width:min(var(--library-w),calc(100vw - var(--rail-w) - 30px));margin:0;transform:translate(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--motion-panel) var(--ease-settle),opacity var(--motion-ui) var(--ease-direct),visibility 0s linear var(--motion-panel);z-index:72}.shell.sidebar-collapsed .library-panel{opacity:0;visibility:hidden}.shell[data-mobile-sidebar=open] .library-panel{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.pages{left:calc(var(--rail-w) + (var(--panel-gap) * 2));width:min(340px,calc(100vw - var(--rail-w) - 30px))}.topbar-library-trigger{display:inline-flex}}@media(max-width:900px){.topbar{grid-template-columns:minmax(0,1fr) auto}.command-trigger{display:none}}@media(max-width:767px){:root{--rail-w: 0px;--topbar-h: calc(58px + var(--safe-top))}.app{background-image:none}.shell,.shell.no-pages{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0}.utility-rail{display:none}.work-surface,.shell.no-pages .work-surface{grid-column:1;margin:0;border-width:0;border-radius:0;box-shadow:none}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:var(--safe-top) calc(8px + var(--safe-right)) 0 calc(8px + var(--safe-left))}.topbar-leading{min-width:0}.topbar-library-trigger{min-width:44px;min-height:44px;display:inline-flex}.topbar-pages-trigger{min-height:44px;display:inline-flex}.topbar.has-notebook .topbar-context,.topbar-context span{display:none}.topbar-context strong{font-family:var(--font-serif);font-size:15px}.command-trigger,.desktop-topbar-actions{display:none}.tb-actions{gap:4px}.sync-pill{min-height:30px;padding:0 7px;font-size:10.5px}.library-panel,.pages{position:fixed;top:auto;right:max(8px,var(--safe-right));bottom:0;left:max(8px,var(--safe-left));width:auto;height:min(78dvh,720px);max-height:min(78dvh,720px);margin:0;border-radius:26px 26px 0 0;transform:translateY(105%);opacity:1;visibility:hidden;pointer-events:none;transition:transform var(--motion-panel) var(--ease-settle),visibility 0s linear var(--motion-panel);z-index:72}.shell[data-mobile-sidebar=open] .library-panel,.shell[data-mobile-pages=open] .pages{transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}.shell.sidebar-collapsed .library-panel{opacity:1}.sheet-handle{display:block;width:44px;height:5px;margin:9px auto 0;border-radius:999px;background:var(--border-strong)}.library-head{padding-top:12px}.library-head h1{font-size:22px}.library-dismiss{width:auto;padding:0 12px;color:var(--accent);background:var(--bg-elev);border:1px solid var(--border)}.library-mobile-links{display:block;padding-top:8px;border-top:var(--hairline-soft)}.library-scroll{padding-bottom:8px}.library-search span{white-space:nowrap}.library-search .kbd,.sb-version{display:none}.pages-head{padding-top:12px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:55;min-height:calc(62px + var(--safe-bottom));margin:0;padding:6px max(8px,var(--safe-right)) calc(6px + var(--safe-bottom)) max(8px,var(--safe-left));border-top:var(--hairline);background:var(--material-elevated);box-shadow:var(--shadow-md);backdrop-filter:var(--material-blur-elevated);-webkit-backdrop-filter:var(--material-blur-elevated);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav-item{min-height:52px;padding:4px 2px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9.5px;cursor:pointer}.bottom-nav-item:hover,.bottom-nav-item:active{background:var(--bg-hover);color:var(--ink)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{position:relative;display:inline-flex}.bottom-nav-badge{position:absolute;top:-6px;right:-9px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);display:inline-grid;place-items:center;font-size:8.5px;font-weight:650}.shell-scrim{position:fixed;z-index:60}.main{padding-bottom:0}.app.has-bottom-nav .main{padding-bottom:calc(62px + var(--safe-bottom))}}@media(prefers-reduced-transparency:reduce){.shell-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:#040810b8}.bottom-nav{background:var(--bg-elev);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){::view-transition-old(tabloom-selected-page),::view-transition-new(tabloom-selected-page){animation-name:none;opacity:1;filter:none;clip-path:none}}ion-app{--ion-font-family: var(--font-sans);background:var(--worktable-bg);color:var(--ink)}.utility-rail.ios-sidebar-navigation{background:var(--material-frost);border-color:var(--border-etched);color:var(--ink);backdrop-filter:var(--material-blur-structural);-webkit-backdrop-filter:var(--material-blur-structural)}.library-panel.material-frost{background:var(--material-frost);border-color:var(--border-etched);backdrop-filter:var(--material-blur-structural);-webkit-backdrop-filter:var(--material-blur-structural)}:root:not([data-theme=dark]) .utility-rail.ios-sidebar-navigation,:root:not([data-theme=dark]) .library-panel.material-frost{--ink: var(--frost-ink);--ink-muted: var(--frost-ink-muted);--ink-soft: var(--frost-ink-subtle);--ink-faint: var(--frost-ink-subtle);color:var(--frost-ink)}.ios-sidebar-list{width:100%;margin:0;padding:0;background:transparent}.ios-sidebar-list.rail-items{display:block}.ios-sidebar-item{--min-height: 48px;--padding-start: 0;--inner-padding-end: 0;--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--border-radius: 14px;--color: var(--ink-muted);color:var(--ink-muted);width:100%;min-height:48px;margin:2px 0;border-radius:14px;font-size:14px;font-weight:560;overflow:visible}.ios-sidebar-native{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;border:1px solid transparent;background:transparent;color:var(--ink-muted);cursor:pointer;font:inherit;transition:background var(--motion-fast) var(--ease-direct),color var(--motion-fast) var(--ease-direct),transform var(--motion-fast) var(--ease-direct)}.ios-sidebar-item::part(native){min-height:48px;padding:5px 2px;border:1px solid transparent;border-radius:14px;flex-direction:column;justify-content:center;gap:2px;transition:background var(--motion-fast) var(--ease-direct),color var(--motion-fast) var(--ease-direct),transform var(--motion-fast) var(--ease-direct)}.ios-sidebar-item ion-icon{width:19px;height:19px;margin:0;color:currentColor;pointer-events:none}.ios-sidebar-item ion-label{flex:0 0 auto;margin:0;overflow:visible;font-size:inherit;line-height:1.2;text-align:center;white-space:nowrap}.ios-sidebar-label{font-size:inherit;line-height:1.2;text-align:center;white-space:nowrap}.ios-sidebar-brand{display:grid;width:27px;height:27px;place-items:center;pointer-events:none}.ios-sidebar-brand .mark{width:27px;height:27px}.ios-sidebar-item ion-badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:1px 4px;border:1px solid color-mix(in srgb,var(--ice) 48%,transparent);border-radius:999px;background:var(--accent-fill);color:var(--on-accent);font-size:9.5px;font-variant-numeric:tabular-nums;line-height:13px}@media(hover:hover){.ios-sidebar-item:hover::part(native),.ios-sidebar-native:hover{background:color-mix(in srgb,var(--bg-hover) 72%,transparent);color:var(--ink)}}.ios-sidebar-native:active,.ios-sidebar-item:active::part(native){background:color-mix(in srgb,var(--accent) 16%,transparent);transform:scale(.98)}.ios-sidebar-native.active,.ios-sidebar-item.active::part(native){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 46%,transparent);box-shadow:inset 2px 0 0 var(--accent);color:var(--accent-ink)}.ios-sidebar-item.ion-focused::part(native){outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-focus)}.library-panel :is(.new-note,.library-search,.library-dismiss,.sb-label .btn,.sb-item,.sb-child,.notebook-expand-trigger,.notebook-primary-trigger,.notebook-options-trigger){min-height:44px;border-radius:14px;transition:background var(--motion-fast) var(--ease-direct),color var(--motion-fast) var(--ease-direct)}@media(hover:hover){.library-panel :is(.sb-item,.sb-child):hover{background:color-mix(in srgb,var(--bg-hover) 72%,transparent)}}.ios-sidebar-new{background:var(--accent-fill);border-color:color-mix(in srgb,var(--ice) 72%,transparent);color:var(--on-accent);box-shadow:0 5px 14px #3b66f54d;margin-bottom:6px}@media(hover:hover){.ios-sidebar-new:hover{background:var(--accent-fill-hover);color:var(--on-accent)}}.ios-sidebar-new:active{background:var(--accent-fill-active);color:var(--on-accent)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.utility-rail.ios-sidebar-navigation,.library-panel.material-frost{background:var(--bg-sidebar)}}@media(prefers-reduced-transparency:reduce){.utility-rail.ios-sidebar-navigation,.library-panel.material-frost{background:var(--material-frost);backdrop-filter:none;-webkit-backdrop-filter:none}}.tabbar{display:flex;align-items:center;padding:0 22px;border-bottom:var(--hairline);background:var(--bg-paper);height:44px;gap:2px}.editor-status-wrap{padding-top:0;padding-bottom:100px;margin-top:10px}.editor-status{min-height:38px;padding:8px 12px;border-top:1px solid var(--border-soft);color:var(--ink-soft);display:flex;align-items:center;gap:10px;font-size:11.5px}.editor-status-hint{min-width:0}.editor-save-state{margin-left:auto;color:var(--ink-faint);font-family:var(--font-mono);font-size:9.5px;white-space:nowrap}.editor-save-state.save-saving{color:var(--info)}.editor-save-state.save-error{color:var(--danger);font-weight:600}.page-loading-known-title{margin-top:14px;color:var(--ink)}.page-loading-tags{width:min(220px,55%);height:24px;margin-top:12px}.page-editor-loading{display:grid;gap:13px;pointer-events:none}.page-loading-line{width:72%;height:15px}.page-loading-line-wide{width:92%}.page-loading-line-short{width:48%}.page-editor-load-error{max-width:620px;padding-top:42px}.page-editor-load-error h2{margin:0 0 8px;font-family:var(--font-serif);font-size:24px}.page-editor-load-error p{max-width:58ch;margin:0 0 18px;color:var(--ink-soft)}.tab{display:inline-flex;align-items:center;gap:6px;padding:12px 12px 11px;font-size:12.5px;color:var(--ink-soft);cursor:pointer;border:0;border-bottom:2px solid transparent;background:transparent;margin-bottom:-1px;position:relative;font-family:inherit}.ai-actions-menu{width:220px;padding:7px;border-radius:var(--radius-ios-squircle);box-shadow:var(--shadow-lg)}.fixed-action-menu{position:fixed;left:clamp(calc(var(--fixed-menu-viewport-left) + var(--safe-left) + 8px),var(--fixed-menu-left),calc(var(--fixed-menu-viewport-right) - var(--safe-right) - var(--fixed-menu-width) - 8px));top:max(var(--fixed-menu-top),calc(var(--safe-top) + 8px));max-width:min(var(--fixed-menu-width),calc(var(--fixed-menu-viewport-right) - var(--safe-left) - var(--safe-right) - 16px));max-height:min(var(--fixed-menu-max-height),calc(var(--fixed-menu-viewport-bottom) - max(var(--fixed-menu-top),calc(var(--safe-top) + 8px)) - var(--safe-bottom) - 8px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.fixed-action-menu-head{position:sticky;top:-7px;z-index:1;min-height:34px;margin:-7px -2px 3px;padding:5px 5px 4px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);background:inherit;border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.fixed-action-menu-head button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-sm);color:var(--ink-muted);background:transparent;cursor:pointer}.fixed-action-menu-head button:hover{color:var(--ink);background:var(--bg-hover)}.ai-actions-menu .menu-item{min-height:38px}.ai-actions-spacer{height:3px}.ai-actions-label{padding:5px 9px 3px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.editor-block-add{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-elev);color:var(--ink-soft);box-shadow:var(--shadow-sm);display:grid;place-items:center;cursor:pointer;z-index:54}.editor-block-add:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}.tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10.5px;font-variant-numeric:tabular-nums;background:var(--bg-sunken);color:var(--ink-muted);border-radius:999px;margin-left:1px}.tab.active .tab-count{background:var(--accent-soft);color:var(--accent-ink)}.notebook-overview-main{background:var(--bg-paper);color:var(--ink);overflow:hidden}.notebook-overview{min-height:0;flex:1;overflow-y:auto;padding:clamp(22px,3vw,42px) clamp(18px,3vw,42px) 42px}.notebook-overview-head{min-width:0;margin-bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.notebook-overview-heading{min-width:0}.overview-title-line{min-width:0;display:flex;align-items:center;gap:12px}.notebook-overview-heading h1{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-serif);font-size:38px;font-weight:500;line-height:1.08;letter-spacing:-.03em}.notebook-overview-heading p{margin:7px 0 0;overflow-wrap:anywhere;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.04em}.notebook-overview-heading .state-badge{flex:none}.notebook-overview-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.overview-filter{width:min(210px,100%);min-height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--ink-muted);display:flex;align-items:center;gap:8px}.overview-filter:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.overview-filter input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.overview-filter input::placeholder{color:var(--ink-soft)}.notebook-tray{min-height:min(670px,calc(100dvh - 190px));padding:22px;border:1px solid var(--border-etched);border-radius:var(--radius-lg);background:linear-gradient(var(--worktable-grid) 1px,transparent 1px),linear-gradient(90deg,var(--worktable-grid) 1px,transparent 1px),var(--bg-sunken);background-size:48px 48px;box-shadow:var(--shadow-tray);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;position:relative;overflow:hidden}.notebook-tray-register{position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none}.notebook-tray-register span{position:absolute;width:8px;height:8px;border:1px solid var(--ice);border-radius:50%;opacity:.78}.notebook-tray-register span:nth-child(1){top:0;left:0}.notebook-tray-register span:nth-child(2){top:0;right:0}.notebook-tray-register span:nth-child(3){right:0;bottom:0}.notebook-tray-register span:nth-child(4){bottom:0;left:0}.overview-page-index,.overview-detail{min-width:0;min-height:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}.overview-page-index{display:flex;flex-direction:column;overflow:hidden}.overview-index-head{min-height:46px;padding:0 16px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-index-head strong{font-size:14px;font-weight:620}.overview-index-head span{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px}.overview-page-list{min-height:0;margin:0;padding:4px 0 22px;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.overview-page-row{width:100%;min-height:94px;padding:12px 15px;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;color:inherit;display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;text-align:left;cursor:pointer;position:relative;contain:layout paint}.overview-page-row:before{content:"";position:absolute;inset:10px auto 10px 0;width:1px;background:transparent}.overview-page-row:hover{background:color-mix(in srgb,var(--bg-hover) 72%,transparent)}.overview-page-row[data-selected=true]{background:var(--accent-soft)}.overview-page-row[data-selected=true]:before{background:var(--accent)}.overview-page-row[data-dragging=true]{opacity:.42;cursor:grabbing}.overview-page-row[data-drop=before]{box-shadow:inset 0 2px 0 var(--ice)}.overview-page-row[data-drop=after]{box-shadow:inset 0 -2px 0 var(--ice)}.overview-page-row[data-drop=invalid]{box-shadow:inset 0 0 0 1px var(--danger);cursor:not-allowed}.overview-page-mark{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-sunken);color:var(--accent);display:grid;place-items:center}.overview-page-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.overview-page-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:620}.overview-page-preview{min-width:0;display:flex;align-items:center;gap:10px}.overview-page-preview>span:first-child{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font-size:12px}.overview-page-tags{min-width:0;display:flex;gap:4px;overflow:hidden}.overview-page-tags .tag{border-color:var(--border)}.overview-page-structure{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.overview-page-structure>span{min-width:0;color:var(--ink-muted);font-family:var(--font-mono);font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-page-structure b{margin-right:5px;color:var(--ink-soft);font-weight:400;text-transform:uppercase;letter-spacing:.05em}.overview-page-open{color:var(--ink-soft)}.overview-page-row[data-selected=true] .overview-page-open{color:var(--accent)}.overview-no-results{min-height:220px;padding:28px;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.overview-no-results strong{color:var(--ink);font-size:14px}.overview-no-results span{font-size:12px}.overview-detail{padding:24px;display:flex;flex-direction:column;overflow-y:auto}.overview-detail-title>span{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.overview-detail-title h2{margin:9px 0 0;overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-serif);font-size:28px;font-weight:500;line-height:1.12;letter-spacing:-.018em}.overview-detail-snippet{margin:18px 0 0;color:var(--ink-muted);font-size:14px;line-height:1.6}.overview-detail-tags{min-height:28px;margin-top:16px;display:flex;gap:6px;flex-wrap:wrap;color:var(--ink-soft);font-size:12px}.overview-preview-register,.overview-structure-grid{margin:24px 0 0;padding:0;border-top:1px solid var(--border-soft)}.overview-preview-register{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-preview-register>span,.overview-structure-grid>div{min-width:0;padding:15px 10px 15px 0;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:5px}.overview-preview-register b,.overview-structure-grid dt{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.overview-preview-register span{color:var(--ink);font-size:12px}.overview-structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-structure-grid dd{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:14px}.overview-detail-foot{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.overview-detail-foot>span{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px}.overview-empty{min-height:min(580px,calc(100dvh - 190px));border-radius:var(--radius-xl);box-shadow:var(--shadow-tray);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;position:relative;overflow:hidden}.overview-empty-register{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:1px solid var(--border);border-radius:var(--radius-lg);pointer-events:none}.overview-empty-register span{position:absolute;top:-1px;width:20%;height:2px;background:var(--accent)}.overview-empty-register span:nth-child(1){left:8%}.overview-empty-register span:nth-child(2){left:40%;background:var(--border-strong)}.overview-empty-register span:nth-child(3){right:8%;background:var(--ice)}.overview-empty h2{margin:6px 0 0;font-family:var(--font-serif);font-size:24px;font-weight:500}.overview-empty p{max-width:440px;margin:0 0 8px;color:var(--ink-muted)}.page-head{padding:32px 32px 8px}.ph-meta{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:12px;margin-bottom:14px}.ph-meta .sep{color:var(--ink-faint)}.ph-title{font-family:var(--font-serif);font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.018em;color:var(--ink);margin:0 0 10px}.ph-title .em{font-style:italic;font-weight:400}.ph-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.archived-page-main{background:var(--bg-paper)}.archived-page-head{padding-top:38px;border-bottom:1px solid var(--border-soft)}.archived-page-register{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.archived-page-register .ph-meta{min-width:0;margin-bottom:18px}.archived-page-register .ph-meta>span:not(.state-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-page-restore{flex:none}.archived-page-note{max-width:62ch;margin:0 0 16px;color:var(--ink-soft);font-size:14px}.archived-page-body [data-version-viewer=true]{min-height:240px;padding-top:22px;padding-bottom:80px}.archived-page-error{max-width:620px;padding-top:56px}.archived-page-error>svg{color:var(--warn)}.archived-page-error h1{margin:12px 0 8px}.archived-page-error p{max-width:58ch;margin:0 0 20px;color:var(--ink-soft)}.page-tab-panel{min-width:0;min-height:0;width:100%;flex:1;display:flex;flex-direction:column}.page-tab-panel>.main-scroll,.page-tab-panel .page-head,.page-tab-panel .editor,.page-tab-panel .ProseMirror{min-width:0;max-width:100%}.page-tab-panel .editor,.page-tab-panel .ProseMirror{overflow-wrap:break-word}.page-editor-head{padding-top:38px}.page-editor-register{min-width:0;margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-editor-register .ph-meta{min-width:0;margin:0;flex-wrap:wrap}.page-editor-register .state-badge{min-height:22px;padding-block:0;font-size:10.5px}.page-actions{flex:none;display:inline-flex;align-items:center;gap:2px}.page-actions .btn{border-radius:var(--radius-ios-squircle)}.page-pin-action[data-active=true]{color:var(--accent);background:var(--accent-soft)}.page-actions-menu{width:min(292px,calc(100vw - 16px))}.page-actions-move{max-height:min(320px,42dvh);margin:2px 0 5px 10px;padding:3px 0 3px 7px;border-left:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.page-actions-notebook-mark{width:9px;height:9px;border:1px solid color-mix(in srgb,#000 14%,transparent);border-radius:3px;flex:none}.page-actions-notebook-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-actions-current{margin-left:auto;color:var(--ink-faint);font-family:var(--font-mono);font-size:9.5px}.ph-title-input{width:100%;padding:0;border:0;border-bottom:1px solid var(--border-strong);outline:0;background:transparent}.ph-title-trigger{max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;overflow-wrap:anywhere;cursor:text}.ph-title-input:hover:not([disabled]){border-bottom-color:var(--accent)}.ph-title-input:focus-visible{border-bottom-color:var(--accent);outline:2px solid var(--accent);outline-offset:4px;box-shadow:none}.ph-title-input[disabled]{opacity:.52;cursor:not-allowed}.tag-remove{width:20px;height:20px;margin:-2px -5px -2px 1px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;display:inline-grid;place-items:center;cursor:pointer}.tag-remove:hover{background:color-mix(in srgb,currentColor 13%,transparent)}.tag-suggestion{padding-right:5px;border:1px dashed var(--accent);background:transparent;color:var(--accent-ink);font-style:italic}.tag-suggestion-accept{min-height:20px;padding:0;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:3px;cursor:pointer}.tag-input{width:110px;height:24px;padding:0 9px;border:1px solid var(--accent);border-radius:var(--radius-pill);outline:none;background:var(--bg-elev);color:var(--ink);font-size:11.5px}.tag-input:hover:not([disabled]){border-color:var(--accent-hover)}.tag-input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:var(--shadow-focus)}.tag-input[disabled]{opacity:.52;cursor:not-allowed}@media(pointer:coarse){.ph-tags{align-items:center;gap:8px}.ph-tags .tag:has(.tag-remove){min-height:44px;padding-block:0;padding-inline-end:0}.tag-remove{width:44px;height:44px;margin:0;background:radial-gradient(circle,color-mix(in srgb,currentColor 10%,transparent) 0 14px,transparent 15px)}.tag-remove:hover,.tag-remove:focus-visible{background:radial-gradient(circle,color-mix(in srgb,currentColor 20%,transparent) 0 14px,transparent 15px)}.tag-input{height:44px}}.page-tag-action{border-style:dashed;background:transparent;cursor:pointer}.page-tag-action[disabled]{opacity:.55;cursor:wait}.page-loading-title{width:min(420px,70%);height:42px;margin-top:28px}.page-loading-meta{width:min(260px,50%);height:13px;margin-top:16px}.page-inspector{width:min(340px,calc(100vw - 16px));max-height:min(660px,calc(100dvh - 24px - var(--safe-top) - var(--safe-bottom)));padding:18px;border-radius:var(--radius-ios-squircle);background:var(--material-elevated);color:var(--ink);border-color:var(--border);box-shadow:var(--shadow-lg);overflow-y:auto;overscroll-behavior:contain}.page-inspector-head{margin-top:-18px;padding:18px 0 15px;border-bottom:1px solid var(--border-soft);position:sticky;top:-18px;z-index:1;background:var(--bg-elev);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.page-inspector-head>div{min-width:0}.page-inspector-head span,.page-inspector-section h3,.page-inspector-register dt{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.page-inspector-head h2{margin:7px 0 0;overflow-wrap:anywhere;color:var(--ink);font-size:18px;font-weight:620}.page-inspector .inspector-close{min-width:36px;color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-ios-squircle)}.page-inspector-state{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap}.page-inspector-section{margin-top:22px}.page-inspector-section h3{margin:0 0 9px}.page-inspector-tags{display:flex;gap:5px;flex-wrap:wrap}.page-inspector-tags .tag{border-color:var(--border)}.page-inspector-empty{color:var(--ink-soft);font-size:12px}.page-inspector-register{margin:22px 0 0;padding:0;border-top:1px solid var(--border-soft)}.page-inspector-register>div{min-height:54px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:14px}.page-inspector-register dd{margin:0;color:var(--ink);font-size:12px;text-align:right;overflow-wrap:anywhere}.page-inspector-foot{padding-top:16px;color:var(--ink-soft);display:flex;align-items:center;gap:7px;font-size:11.5px}.editor{padding:4px 32px 120px;font-size:15px;line-height:1.65;color:var(--ink);font-family:var(--editor-font, var(--font-sans))}.editor-loading-message{color:var(--ink-faint);font-family:var(--font-serif);font-size:15px;font-style:italic}:root[data-grain=on] .main{isolation:isolate}:root[data-grain=on] .main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.035}:root[data-theme=dark][data-grain=on] .main:before{opacity:.05}:root[data-density=compact] .editor{padding-bottom:64px;line-height:1.55}:root[data-density=compact] .editor p{margin:0 0 8px}:root[data-density=compact] .editor h2{margin:16px 0 4px}:root[data-density=compact] .editor h3{margin:12px 0 4px}:root[data-density=compact] .page-head{padding:20px 32px 6px}:root[data-density=compact] .page-row{padding:7px 10px}:root[data-density=compact] .sb-item{padding:4px 10px}:root[data-density=compact] .sb-child{padding:3.5px 10px 3.5px 26px}.editor h2,.editor h3{font-family:var(--font-serif);font-weight:500;letter-spacing:-.012em;color:var(--ink)}.editor h2{font-size:24px;margin:28px 0 8px}.editor h3{font-size:18px;margin:22px 0 6px}.editor p{margin:0 0 14px}.editor ul,.editor ol{margin:0 0 14px;padding-left:22px}.editor li{margin:4px 0}.editor .callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:var(--radius-md);margin:16px 0;color:var(--accent-ink);font-size:14px}.editor .callout .ci{width:18px;height:18px;flex:none;margin-top:1px}.editor blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:1px solid var(--border-strong);font-family:var(--font-serif);font-size:17px;font-style:italic;color:var(--ink-muted)}.editor code{font-family:var(--font-mono);font-size:13px;background:var(--bg-sunken);padding:1px 5px;border-radius:4px;color:var(--accent-ink)}.editor .codeblock{background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;color:var(--ink);margin:14px 0;white-space:pre;overflow-x:auto}.editor table{border-collapse:collapse;border-spacing:0;margin:16px 0;font-size:13.5px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;width:100%}.editor th,.editor td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.editor th{background:var(--bg-sunken);font-weight:600;color:var(--ink-muted);font-size:12.5px}.editor th:last-child,.editor td:last-child{border-right:none}.editor tr:last-child td{border-bottom:none}.check{display:flex;align-items:flex-start;gap:10px;padding:3px 0}.check .cbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--bg-elev);flex:none;margin-top:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s}.check .cbox:hover{border-color:var(--accent)}.check.done .cbox{background:var(--accent);border-color:var(--accent)}.check.done .cbox svg{color:#fafdfa}.check.done .ctext{color:var(--ink-faint);text-decoration:line-through}.editor .img-block{margin:16px 0;border-radius:var(--radius-md);overflow:hidden;position:relative}.editor .tag-inline{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 6px;border-radius:var(--radius-pill);font-size:12.5px;color:var(--accent-ink);background:var(--accent-soft);font-weight:500}.slash-menu{--ink: var(--ink-on-graphite);--ink-muted: #c3cbd7;--ink-soft: #9ca8ba;--bg-sunken: #111722;--bg-elev: #273142;--bg-hover: #34415a;--border: #536179;--border-soft: #414d62;--accent-soft: var(--ice);--accent-ink: var(--graphite);width:292px;background:var(--material-graphite);border:1px solid var(--border);border-radius:var(--radius-ios-squircle);box-shadow:var(--shadow-lg);padding:7px;z-index:60;overflow:hidden;backdrop-filter:var(--material-blur-ephemeral);-webkit-backdrop-filter:var(--material-blur-ephemeral)}.slash-menu .sm-head{padding:5px 9px 7px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.slash-menu .sm-item{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.slash-menu .sm-item .ico{width:30px;height:30px;flex:none;background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.slash-menu .sm-item .lbl{font-weight:500;color:var(--ink)}.slash-menu .sm-item .desc{font-size:11.5px;color:var(--ink-soft)}.slash-menu .sm-item:hover,.slash-menu .sm-item.focus{background:var(--ice);color:var(--graphite);border-color:var(--ice);box-shadow:inset 3px 0 0 var(--accent)}.slash-menu .sm-item.focus .ico,.slash-menu .sm-item:hover .ico{background:transparent;border-color:transparent;color:var(--graphite)}.slash-menu .sm-item.focus .lbl,.slash-menu .sm-item:hover .lbl{color:var(--graphite)}.slash-menu .sm-item.focus .desc,.slash-menu .sm-item:hover .desc{color:#58647a}.slash-menu .sm-item[disabled]{opacity:.42;cursor:not-allowed}.slash-menu.fixed-action-menu{position:fixed;overflow-x:hidden;overflow-y:auto}.table-ctx-menu .divider{background:var(--border-soft)}.table-menu-trigger{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--material-graphite);color:var(--ice);border:1px solid var(--border-etched);border-radius:var(--radius-ios-squircle);box-shadow:var(--shadow-md);cursor:pointer;z-index:55;padding:0;transition:color .12s,background .12s,border-color .12s}.table-menu-trigger:hover{color:#fff;background:var(--graphite-raised);border-color:var(--ice)}.tb-search{flex:1;max-width:520px;position:relative}.tb-search input{height:32px;padding:0 10px 0 32px;width:100%;background:var(--bg-sunken);border:1px solid transparent;border-radius:var(--radius-md);font-size:13px;color:var(--ink);outline:none}.tb-search input::placeholder{color:var(--ink-soft)}.tb-search input:focus{background:var(--bg-elev);border-color:var(--border-strong)}.tb-search .ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--ink-soft)}.tb-search .kbdrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:3px}.tb-spacer{flex:1}.tb-actions{display:flex;align-items:center;gap:4px}.sync-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:var(--radius-pill);background:transparent;font-size:10.5px;color:var(--ink-soft);font-family:var(--font-mono);border:1px solid transparent;white-space:nowrap}.sync-pill:hover{background:transparent}.sync-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative}.sync-pill .dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid currentColor;border-radius:50%;opacity:.28}.sync-pill.syncing .dot{background:var(--info)}.sync-pill.syncing .dot:after{background:var(--info)}.sync-pill.offline .dot{background:var(--warn);animation:none}.sync-pill.offline .dot:after{display:none}.sync-pill.conflict{background:var(--danger-soft);color:var(--danger)}.sync-pill.conflict .dot{background:var(--danger);animation:none}.sync-pill.conflict .dot:after{display:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.18}50%{transform:scale(1.6);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.sync-pill.syncing .spinner{animation:spin 1s linear infinite;transform-origin:center}.offline-banner{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--warn-soft);color:var(--ink);border-bottom:1px solid oklch(from var(--warn) l c h / .3);font-size:12.5px}.offline-banner .dot{width:8px;height:8px;border-radius:50%;background:var(--warn)}.offline-banner .x{margin-left:auto;cursor:pointer;opacity:.6}.offline-banner .x:hover{opacity:1}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-muted);white-space:nowrap;border:1px solid transparent}.tag .tdot{width:6px;height:6px;border-radius:50%}.tag-c1{color:#254326;background:#e5f3e4}:root[data-theme=dark] .tag-c1{color:#b6d9b6;background:#1c2e1c}.tag-c2{color:#633416;background:#ffeade;background:oklch(95% .03 50)}:root[data-theme=dark] .tag-c2{color:#efb696;background:#3c2111}.tag-c3{color:#1d456b;background:#e2f0ff}:root[data-theme=dark] .tag-c3{color:#9dc9f7;background:#142a41}.tag-c4{color:#55335d;background:#f6e9f9}:root[data-theme=dark] .tag-c4{color:#dcb4e5;background:#342038}.tag-c5{color:#553e00;color:oklch(38% .08 85);background:#fbedd1}:root[data-theme=dark] .tag-c5{color:#dcc188;background:#342707}.tag-c6{color:#004d51;color:oklch(38% .08 200);background:#dcf4f5}:root[data-theme=dark] .tag-c6{color:#83d4d8;background:#003032;background:oklch(28% .05 200)}.scrim{--dialog-top-offset: clamp(16px, 10dvh, 90px);--dialog-bottom-offset: 16px;position:fixed;top:0;right:0;bottom:0;left:0;background:#04081094;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--dialog-top-offset) + var(--safe-top)) calc(16px + var(--safe-right)) calc(var(--dialog-bottom-offset) + var(--safe-bottom)) calc(16px + var(--safe-left));z-index:80;animation:fadeIn var(--motion-ui) var(--ease-direct)}.app-overlay-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;isolation:isolate}.app-overlay-host>*{pointer-events:auto}.scrim-center,.scrim-bottom{--dialog-top-offset: 16px}.scrim-center{align-items:center}.scrim-bottom{align-items:flex-end}:root[data-theme=dark] .scrim{background:#000000ad}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.overlay-dialog{max-width:100%;max-height:calc(100dvh - var(--dialog-top-offset) - var(--dialog-bottom-offset) - var(--safe-top) - var(--safe-bottom));min-height:0;outline:none}.overlay-dialog:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal{width:520px;max-height:calc(100dvh - var(--dialog-top-offset) - var(--dialog-bottom-offset) - var(--safe-top) - var(--safe-bottom));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop var(--motion-panel) var(--ease-settle)}.modal-head{flex:none;padding:18px 22px 6px}.modal-head h2,.modal-head h3{margin:0;font-family:var(--font-serif);font-weight:500;font-size:20px;letter-spacing:-.01em}.modal-head .sub{color:var(--ink-soft);font-size:12.5px;margin-top:4px}.modal-body{min-height:0;padding:14px 22px 4px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal-foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 22px 18px;border-top:var(--hairline-soft);margin-top:12px}.modal-foot .left{margin-right:auto;color:var(--ink-soft);font-size:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--ink-muted)}.field .hint{font-size:11.5px;color:var(--ink-soft)}.export-scope-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.export-format-options{display:flex;flex-wrap:wrap;gap:6px}.export-format-option{min-width:0;white-space:normal}@media(max-width:420px){.export-scope-options,.export-format-options{display:grid;grid-template-columns:minmax(0,1fr)}.export-format-option{width:100%;justify-content:flex-start}.export-modal-foot{flex-wrap:wrap}.export-modal-foot .left{flex:1 0 100%;min-width:0;overflow-wrap:anywhere}.export-modal-foot .btn{flex:1 1 0}}.cmd{--ink: var(--ink-on-graphite);--ink-muted: #c3cbd7;--ink-soft: #94a0b2;--ink-faint: #929eae;--bg-sunken: #0f141d;--bg-elev: #2a3341;--bg-hover: #34415a;--bg-active: #405487;--border: #64728a;--border-soft: #46536a;--border-strong: #8da0bc;--accent-soft: var(--ice);--accent-ink: var(--graphite);width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - var(--dialog-top-offset) - var(--dialog-bottom-offset) - var(--safe-top) - var(--safe-bottom));border-radius:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop var(--motion-panel) var(--ease-settle)}.cmd-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 10px}.cmd-head h2{margin:0;color:var(--ink);font-size:24px;line-height:1.1;letter-spacing:-.025em}.cmd-head .kbd{color:var(--ink-muted);background:var(--ice);border-color:var(--ice)}.cmd-query{flex:none;padding:0 24px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center}.cmd-search{grid-column:1 / -1;min-height:52px;display:flex;align-items:center;gap:11px;padding:0 14px;border:2px solid var(--accent);border-radius:var(--radius-md);background:var(--bg-sunken);color:var(--ink-muted)}.cmd-search input{flex:1;border:none;background:transparent;outline:none;min-width:0;font-size:16px;color:var(--ink);caret-color:var(--accent)}.cmd-search input::placeholder{color:var(--ink-soft)}.cmd-query .structure-lens{justify-self:start;border-color:var(--border-strong);background:var(--bg-sunken)}.cmd-query .structure-lens button{color:var(--ink-muted)}.cmd-query .structure-lens button.active{color:var(--on-accent)}.cmd-query-hint{color:var(--ink-soft);font-size:11px}.cmd-list{min-height:0;max-height:390px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 18px 12px}.cmd-group-label{padding:13px 6px 6px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.cmd-group-mode{margin-left:8px;color:var(--ice);font-weight:500}.cmd-item{width:100%;min-height:50px;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--ink);text-align:left;cursor:pointer;margin-bottom:6px}.cmd-item:hover{background:var(--bg-hover)}.cmd-item.focus{background:var(--ice);color:var(--graphite);border-color:var(--ice);box-shadow:inset 3px 0 0 var(--accent)}.cmd-item .ci-icon{width:26px;height:26px;flex:none;border-radius:6px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.cmd-item.focus .ci-icon{background:transparent;color:var(--graphite)}.cmd-item .ci-copy{min-width:0;flex:1}.cmd-item .ci-title{font-size:13.5px;font-weight:500}.cmd-item .ci-sub{font-size:11.5px;color:var(--ink-soft)}.cmd-item.focus .ci-sub{color:#58647a}.cmd-item .ci-kbd{margin-left:auto;display:flex;gap:3px}.cmd-item.focus .kbd{background:#fff;color:var(--graphite);border-color:#fff}.cmd-message,.cmd-empty{padding:16px 10px;color:var(--ink-soft);font-size:12px;text-align:center}.cmd-message-error{color:#ff9aa6;border:1px solid #8a3f4a;background:#3b2027;border-radius:var(--radius-sm)}.cmd-foot{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 24px 14px;border-top:1px solid var(--border-soft);color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px}.cmd-foot .kbd{background:transparent;border:0;color:var(--ink-soft)}.cmd-foot-mode{margin-left:auto;text-transform:lowercase}.paste-bar{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:var(--radius-md);margin-bottom:14px}.paste-bar.focused{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.paste-bar input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--ink)}.paste-bar .pico{color:var(--ink-soft);width:18px;height:18px}.link-card{display:grid;grid-template-columns:152px 1fr;gap:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:12px;transition:.14s}.link-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.link-card.no-img{grid-template-columns:1fr}.lc-thumb{position:relative;background:var(--bg-sunken)}.lc-body{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.lc-domain{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lc-favi{width:14px;height:14px;border-radius:3px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--ink-soft)}.lc-title{font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--ink);line-height:1.25;letter-spacing:-.01em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lc-desc{font-size:12.5px;color:var(--ink-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45}.lc-foot{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11.5px;color:var(--ink-soft)}.lc-foot .lcactions{margin-left:auto;display:flex;gap:4px}.lc-foot .lciconbtn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);border-radius:5px;cursor:pointer}.lc-foot .lciconbtn:hover{background:var(--bg-hover);color:var(--ink)}.lc-note{margin-top:6px;padding:6px 10px;background:var(--bg-sunken);border-radius:6px;font-size:12px;color:var(--ink-muted);font-family:var(--font-serif);font-style:italic}.lc-tags{display:flex;gap:4px;flex-wrap:wrap}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:24px;text-align:center;background:var(--bg-elev);color:var(--ink-muted);margin-bottom:16px;font-size:13px}.dropzone .dz-title{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--ink);margin-bottom:4px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gtile{aspect-ratio:1;position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-sunken);cursor:zoom-in;border:1px solid var(--border-soft)}.gtile .placeholder,.gtile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gtile .gmeta{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 8px;background:linear-gradient(to top,oklch(0% 0 0 / .55),transparent);color:#fff;display:flex;align-items:end;gap:6px;font-size:11px}.gtile-menu-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:999px;background:#1a15128c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gtile-menu{position:absolute;bottom:36px;right:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;min-width:130px;z-index:20}.gtile-menu button{width:100%;text-align:left;background:none;border:none;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--ink);display:flex;align-items:center;gap:8px}.gtile-menu button:hover{background:var(--bg-hover)}.ocr-pill{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#1a1512b3;color:#fff;border-radius:999px;font-size:10px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ocr-pill .pulse{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.ocr-pill.indexed .pulse{background:var(--accent);animation:none}.ocr-pill.failed{background:color-mix(in oklch,var(--danger) 70%,transparent)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#070504eb;z-index:90;animation:fadeIn .16s ease}.lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:64px 80px;position:relative;box-sizing:border-box}.lb-stage .lbimg{max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--bg-sunken);aspect-ratio:4/3;width:min(100%,900px);position:relative;overflow:hidden}.lb-pdf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#fff;border-radius:var(--radius-md);padding:48px 60px;box-shadow:var(--shadow-lg);color:#222;min-width:260px;max-width:420px;text-align:center}.lb-pdf-name{font-size:15px;font-weight:500;color:#333;word-break:break-all;max-width:360px}.lb-pdf-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.lb-pdf-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;opacity:.6;font-size:14px}.lb-close{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));width:40px;height:40px;border-radius:999px;background:#1a151299;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background:#1a15128c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lb-nav.prev{left:16px}.lb-nav.next{right:16px}.search-page{display:grid;grid-template-columns:240px 1fr;gap:28px;max-width:1080px;margin:0 auto;padding:24px 32px 80px}.search-filters .sf-group{margin-bottom:22px}.search-filters .sf-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-weight:600}.sf-check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--ink-muted);cursor:pointer}.sf-check input{accent-color:var(--accent)}.search-results .sr-group{margin-bottom:30px}.search-results .sr-grouphead{display:flex;align-items:baseline;gap:8px;padding-bottom:8px;border-bottom:var(--hairline);margin-bottom:4px}.search-results .sr-grouphead h4{margin:0;font-family:var(--font-serif);font-size:18px;font-weight:500;letter-spacing:-.01em}.search-results .sr-grouphead .count{color:var(--ink-soft);font-size:12px}.sr-item{display:flex;gap:14px;padding:14px 8px;border-bottom:var(--hairline-soft);cursor:pointer}.sr-item:hover{background:var(--bg-hover)}.sr-icon{width:36px;height:36px;border-radius:8px;flex:none;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-muted)}.sr-body{flex:1;min-width:0}.sr-crumb{font-size:11.5px;color:var(--ink-soft);margin-bottom:2px}.sr-title{font-size:14px;font-weight:500;color:var(--ink)}.sr-snippet{font-size:12.5px;color:var(--ink-muted);margin-top:4px;line-height:1.5}.sr-snippet mark{background:var(--highlight);color:inherit;padding:0 2px;border-radius:2px}.sr-meta{font-size:11px;color:var(--ink-soft);margin-top:6px;display:flex;gap:10px}.tags-page{max-width:920px;margin:0 auto;padding:28px 32px 80px}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:18px}.tag-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.tag-card:hover{box-shadow:var(--shadow-md)}.tag-card .top{display:flex;align-items:center;gap:8px}.tag-card .top .swatch{width:12px;height:12px;border-radius:3px}.tag-card .nm{font-size:14px;font-weight:500}.tag-card .stats{font-size:11.5px;color:var(--ink-soft)}.tag-card .actions{display:flex;gap:4px;margin-top:6px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 24px;color:var(--ink-soft)}.empty .emoji-ico{width:64px;height:64px;border-radius:18px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);margin-bottom:16px}.empty h4{margin:0 0 6px;font-family:var(--font-serif);font-style:italic;font-size:22px;color:var(--ink);font-weight:500}.empty p{margin:0 0 14px;max-width:360px;font-size:13.5px;line-height:1.5}.skel{background:linear-gradient(90deg,var(--bg-sunken) 0%,var(--bg-hover) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:shimmer 1.6s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.anno-pin{position:absolute;width:22px;height:22px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px #133015,var(--shadow-md);z-index:30;transition:.14s}.anno-pin:hover{transform:scale(1.1)}.anno-pin:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1.5px dashed var(--accent);border-radius:999px;opacity:.5}.anno-bubble{position:absolute;width:240px;background:#201914;color:#faf8f5;padding:10px 12px;border-radius:var(--radius-md);font-size:12px;line-height:1.45;box-shadow:var(--shadow-lg);z-index:40;animation:fadeIn .14s ease}:root[data-theme=dark] .anno-bubble{background:#eeebe5;color:#191511}.anno-bubble .anno-title{font-weight:600;font-size:11.5px;opacity:.7;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}@media(max-width:1365px){.annotations-layer{display:none}}.mobile-wrap{display:flex;gap:56px;padding:40px 32px 80px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.phone{width:360px;height:760px;background:#070504;border-radius:50px;padding:11px;box-shadow:0 30px 80px #1d140d2e,0 6px #0000000a inset;flex:none;position:relative}.phone .screen{width:100%;height:100%;background:var(--bg-base);border-radius:40px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone .notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#070504;border-radius:999px;z-index:5}.mobile-status{display:flex;justify-content:space-between;padding:18px 28px 4px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.mobile-body{flex:1;overflow-y:auto;padding:28px 18px 100px}.mobile-tabbar{position:absolute;bottom:0;left:0;right:0;height:84px;background:var(--bg-paper);border-top:var(--hairline);display:flex;align-items:center;justify-content:space-around;padding:0 16px 24px}.mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);font-size:10.5px;cursor:pointer}.mobile-tab.active{color:var(--accent)}.mobile-fab{position:absolute;bottom:100px;right:22px;width:54px;height:54px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer}.cs-page{max-width:1080px;margin:0 auto;padding:28px 32px 80px}.cs-section{margin-bottom:36px}.cs-section h3{font-family:var(--font-serif);font-weight:500;font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.cs-section .desc{font-size:13px;color:var(--ink-soft);margin-bottom:14px}.cs-grid{border:var(--hairline);border-radius:var(--radius-lg);background:var(--bg-elev);padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:22px;align-items:center}.cs-cell{display:flex;flex-direction:column;gap:8px}.cs-cell .lbl{font-size:11px;color:var(--ink-soft)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.swatch{border:var(--hairline);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.swatch .clr{height:56px}.swatch .meta{padding:8px 10px;font-size:11px}.swatch .meta .nm{color:var(--ink);font-weight:500}.swatch .meta .val{color:var(--ink-soft);font-family:var(--font-mono);font-size:10.5px}.conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.conflict-side{border:var(--hairline);border-radius:var(--radius-md);padding:12px 14px;background:var(--bg-base);display:flex;flex-direction:column;gap:6px;position:relative;max-height:260px;overflow:hidden}.conflict-side.local{border-color:oklch(from var(--info) l c h / .45);background:oklch(from var(--info) l c h / .04)}.conflict-side.cloud{border-color:oklch(from var(--accent) l c h / .5);background:oklch(from var(--accent) l c h / .04)}.conflict-side .who{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.conflict-side.local .who{color:var(--info)}.conflict-side.cloud .who{color:var(--accent)}.conflict-side .ttl{font-family:var(--font-serif);font-size:17px;font-weight:500;letter-spacing:-.01em}.conflict-side .preview{font-size:12.5px;color:var(--ink-muted);line-height:1.5;overflow:hidden}.diff-add{background:oklch(from var(--accent) l c h / .13);border-radius:3px;padding:0 2px}.diff-del{background:oklch(from var(--danger) l c h / .13);text-decoration:line-through;color:var(--ink-soft);border-radius:3px;padding:0 2px}.ProseMirror{outline:none}.ProseMirror:focus{outline:none}.ProseMirror-selectednode{outline:2px solid var(--accent);border-radius:4px}.tiptap p.is-editor-empty:first-child:before,.tiptap .is-empty[data-placeholder]:before{content:attr(data-placeholder);color:var(--ink-faint);float:left;height:0;pointer-events:none}.editor ul[data-type=taskList]{list-style:none;padding:0;margin:14px 0}.editor ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:10px;padding:3px 0}.editor ul[data-type=taskList] li>label{flex:none;margin-top:3px;-webkit-user-select:none;user-select:none}.editor ul[data-type=taskList] li>label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.editor ul[data-type=taskList] li>div{flex:1;min-width:0}.editor ul[data-type=taskList] li>div>p{margin:0 0 2px}.editor ul[data-type=taskList] li[data-checked=true]>div{color:var(--ink-faint);text-decoration:line-through}.editor .callout .callout-body{flex:1;min-width:0}.editor .callout .callout-body p{margin:0}.editor .img-figure-placeholder{aspect-ratio:16/9;background:linear-gradient(155deg,#6a8a6a,#3b4f25);border-radius:var(--radius-md)}.editor .img-figure-src{width:100%;display:block;border-radius:var(--radius-md)}.editor .img-figcaption{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--ink-soft);margin-top:6px;outline:none;cursor:text}.tiptap .selectedCell{background:var(--accent-soft)}.tiptap table{table-layout:fixed}.tiptap td,.tiptap th{position:relative}.tiptap .column-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;z-index:4;background:transparent;cursor:col-resize;pointer-events:auto;transition:background .12s}.tiptap .column-resize-handle:hover,body.resize-cursor .tiptap .column-resize-handle{background:var(--accent)}body.resize-cursor{cursor:col-resize;-webkit-user-select:none;user-select:none}.editor pre.codeblock code{background:none;padding:0;color:inherit;font-size:inherit}.tiptap a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.bubble-menu{--ink: var(--ink-on-graphite);--ink-muted: #c3cbd7;--ink-soft: #9ca8ba;--bg-hover: #34415a;--border: #536179;--accent-soft: var(--ice);--accent-ink: var(--graphite);display:flex;align-items:center;gap:2px;padding:5px;background:var(--material-graphite);border:1px solid var(--border);border-radius:var(--radius-ios-squircle);box-shadow:var(--shadow-lg);backdrop-filter:var(--material-blur-ephemeral);-webkit-backdrop-filter:var(--material-blur-ephemeral)}.bubble-btn{width:30px;height:30px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-muted);display:flex;align-items:center;justify-content:center;font-size:13px;padding:0}.bubble-btn:hover{background:var(--bg-hover);color:var(--ink)}.bubble-btn.active{background:var(--ice);color:var(--graphite);box-shadow:inset 0 -2px 0 var(--accent)}.bubble-sep{width:1px;height:18px;background:var(--border);margin:0 2px}.drag-handle{position:fixed;opacity:.58;transition:opacity var(--motion-fast) var(--ease-direct),background-color var(--motion-fast) var(--ease-direct);width:22px;height:28px;z-index:50;cursor:grab;border-radius:var(--radius-xs);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="18" viewBox="0 0 12 18"><g fill="%234b5666"><circle cx="3.5" cy="3" r="1.4"/><circle cx="3.5" cy="9" r="1.4"/><circle cx="3.5" cy="15" r="1.4"/><circle cx="8.5" cy="3" r="1.4"/><circle cx="8.5" cy="9" r="1.4"/><circle cx="8.5" cy="15" r="1.4"/></g></svg>');background-repeat:no-repeat;background-position:center}.drag-handle:hover{opacity:1;background-color:var(--accent-soft)}.drag-handle:active{cursor:grabbing}.drag-handle.hide{opacity:0;pointer-events:none}:root[data-theme=dark] .drag-handle{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="18" viewBox="0 0 12 18"><g fill="%23b9c9ff"><circle cx="3.5" cy="3" r="1.4"/><circle cx="3.5" cy="9" r="1.4"/><circle cx="3.5" cy="15" r="1.4"/><circle cx="8.5" cy="3" r="1.4"/><circle cx="8.5" cy="9" r="1.4"/><circle cx="8.5" cy="15" r="1.4"/></g></svg>')}.toast{position:fixed;bottom:calc(20px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--material-graphite);color:var(--ink-on-graphite);padding:10px 14px;border:1px solid var(--border-etched);border-radius:var(--radius-md);font-size:13px;box-shadow:var(--shadow-lg);z-index:100;display:flex;align-items:center;gap:10px;animation:pop var(--motion-ui) var(--ease-settle)}.toast-action{color:var(--ice)!important}.toast-action{margin-left:10px;padding:0;border:0;background:transparent;color:var(--ice);font-size:inherit;font-weight:600;text-decoration:underline;cursor:pointer}@media(prefers-reduced-transparency:reduce){.scrim{background:#111720;backdrop-filter:none;-webkit-backdrop-filter:none}.overlay-dialog,.modal,.cmd,.gtile-menu-btn,.ocr-pill,.lb-close,.lb-nav{backdrop-filter:none;-webkit-backdrop-filter:none}.modal{background:var(--bg-elev)}.cmd{background:#242c39}.gtile-menu-btn,.ocr-pill,.lb-close,.lb-nav{background:var(--graphite-raised)}}.component-sheet .main-scroll{background:var(--bg-base)}.cs-page{max-width:1180px;margin:0 auto;padding:38px 34px 96px}.cs-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:32px;align-items:end;padding-bottom:28px;border-bottom:var(--hairline)}.cs-hero>div{display:flex;flex-direction:column;gap:5px}.cs-hero span,.cs-section>header p,.cs-type-specimen span,.cs-material>span{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.cs-hero h1{margin:0;font-family:var(--font-serif);font-size:42px;line-height:1;font-weight:600;letter-spacing:-.03em}.cs-hero p{max-width:660px;margin:0;color:var(--ink-muted);font-size:14px;line-height:1.65}.cs-section{margin-top:48px}.cs-section>header{max-width:760px;margin-bottom:18px}.cs-section>header h2{margin:0 0 6px;font-family:var(--font-serif);font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.cs-section>header p{margin:0;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:13px;line-height:1.55}.cs-grid{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-paper);padding:20px;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:18px;align-items:center}.cs-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.cs-cell>span{color:var(--ink-soft);font-size:10.5px}.swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px}.swatch{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-paper)}.swatch .clr{height:70px;border-bottom:1px solid var(--border-soft)}.swatch .meta{padding:9px 10px;display:flex;flex-direction:column}.swatch .meta strong{font-size:12px}.swatch .meta span{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px}.cs-type-specimen{margin-top:14px;display:grid;grid-template-columns:1.2fr 1fr .8fr;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-paper)}.cs-type-specimen>div{min-width:0;padding:20px;border-right:var(--hairline-soft)}.cs-type-specimen>div:last-child{border-right:0}.cs-type-specimen strong{display:block;margin-top:7px;font-family:var(--font-serif);font-size:28px;line-height:1.1}.cs-type-specimen p{margin:8px 0 0;color:var(--ink-muted)}.cs-type-specimen code{display:block;margin-top:8px;color:var(--accent);font-size:12px}.cs-material-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.cs-material{min-height:176px;padding:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:flex-end}.cs-material>span{color:currentColor;opacity:.62}.cs-material strong{margin-top:7px;font-size:14px}.cs-material p{margin:5px 0 0;color:currentColor;opacity:.72;font-size:12px;line-height:1.5}.cs-lens-stage{padding:20px;border:1px solid var(--border-etched);border-radius:var(--radius-lg);background:var(--material-etched);color:var(--ink-on-graphite)}.cs-lens-stage>.structure-lens{float:right;--border-strong: #687792;--bg-sunken: #0f141d;--ink-muted: #b8c1cf;--ink: #fff}.cs-lens-registered{clear:both;min-height:260px;margin-top:58px;padding:14px;border:1px solid rgb(185 201 255 / .35);border-radius:var(--radius-md);background:#202a3f;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.lens-cell{min-height:112px;padding:16px;border:1px solid rgb(185 201 255 / .3);color:var(--ink-on-graphite)}.lens-cell>span{color:#9eacc0;font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.lens-cell strong{display:block;margin-top:12px;font-family:var(--font-serif);font-size:20px}.lens-cell p{margin:7px 0 0;color:#b9c4d4;font-size:12px}.cs-preview-copy{grid-column:1 / -1;padding:36px}.cs-preview-copy h3{margin:0;font-family:var(--font-serif);font-size:30px}.cs-preview-copy p{max-width:620px;color:#c4ccda;font-size:15px;line-height:1.6}.spinner{animation:spin .9s linear infinite}.cs-state-row,.cs-fallback-row{display:flex;flex-wrap:wrap;gap:9px}.cs-system-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.cs-state-panel{min-height:126px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-paper)}.cs-state-panel strong{display:block;margin-bottom:10px;font-size:13px}.cs-state-panel p{margin:0;color:var(--ink-muted);font-size:12px;line-height:1.5}.cs-state-panel .skel{height:12px;margin-top:8px}.cs-state-panel .skel.short{width:62%}.cs-command-stage{min-height:420px;padding:28px;border-radius:var(--radius-lg);background:var(--worktable-bg);display:flex;align-items:flex-start;justify-content:center;gap:0}.cmd-demo{width:min(560px,68%);padding:22px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.cmd-demo h3,.context-demo h3{margin:4px 0 14px;font-size:21px}.cmd-demo-search{min-height:44px;padding:0 12px;border:2px solid var(--cobalt);border-radius:var(--radius-sm);background:#0f141d;display:flex;align-items:center;gap:10px}.cmd-demo-result{min-height:48px;margin-top:9px;padding:0 11px;border:1px solid #536078;border-radius:var(--radius-sm);display:flex;align-items:center;gap:10px}.cmd-demo-result span{flex:1}.cmd-demo-result.selected{background:var(--ice);color:var(--graphite);border-color:var(--ice)}.context-demo{width:220px;margin:116px 0 0 -22px;padding:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.context-demo button{width:100%;min-height:36px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left}.context-demo button.selected{background:var(--accent-soft);color:var(--accent-ink);outline:1px solid var(--accent)}.context-demo button:disabled{opacity:.42}.context-demo button.danger{color:var(--danger)}.cs-shell-model{min-height:290px;display:grid;grid-template-columns:68px 220px 220px minmax(280px,1fr);gap:9px;padding:9px;border-radius:var(--radius-lg);background:var(--worktable-bg)}.cs-shell-model>div{min-width:0;border:1px solid var(--border-etched);border-radius:var(--radius-md)}.model-rail{padding:16px 8px;color:var(--ink-on-graphite-muted);display:flex;flex-direction:column;align-items:center;gap:26px}.model-library,.model-pages{padding:18px 14px;background:var(--material-frost);display:flex;flex-direction:column;gap:14px}.model-library span,.model-pages span{padding:8px;border-bottom:var(--hairline-soft);color:var(--ink-muted);font-size:12px}.model-canvas{padding:30px;background:var(--bg-paper)}.model-canvas strong{font-family:var(--font-serif);font-size:28px}.model-canvas p{max-width:420px;color:var(--ink-muted)}.cs-fallback-row{margin-top:12px}.cs-drag-row{display:grid;grid-template-columns:repeat(3,1fr) minmax(220px,1.5fr);gap:10px;align-items:center}.cs-drop-target{min-height:56px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-paper);display:grid;place-items:center;color:var(--ink-muted);font-size:12px}.cs-drop-target[data-drop=before]{box-shadow:inset 0 2px 0 var(--accent)}.cs-drop-target[data-drop=after]{box-shadow:inset 0 -2px 0 var(--accent)}.cs-drop-target[data-drop=onto]{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.toast-demo{min-height:48px;padding:0 14px;border:1px solid var(--border-etched);border-radius:var(--radius-md);background:var(--material-graphite);color:var(--ink-on-graphite);display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-md)}.toast-demo button{margin-left:auto;border:0;background:transparent;color:var(--ice);cursor:pointer}@media(max-width:900px){.cs-page{padding:28px 22px 80px}.cs-hero{grid-template-columns:1fr;gap:14px}.swatch-grid{grid-template-columns:repeat(3,1fr)}.cs-material-grid,.cs-grid{grid-template-columns:repeat(2,1fr)}.cs-type-specimen{grid-template-columns:1fr}.cs-type-specimen>div{border-right:0;border-bottom:var(--hairline-soft)}.cs-type-specimen>div:last-child{border-bottom:0}.cs-shell-model{grid-template-columns:54px 190px minmax(260px,1fr);overflow-x:auto}.model-pages{display:none}}@media(max-width:560px){.cs-page{padding:24px 16px 64px}.cs-hero h1{font-size:36px}.swatch-grid,.cs-material-grid,.cs-system-states{grid-template-columns:1fr 1fr}.cs-grid{grid-template-columns:1fr}.cs-cell{grid-column:span 1!important}.cs-lens-stage{padding:12px}.cs-lens-stage>.structure-lens{float:none;width:100%}.cs-lens-registered{margin-top:14px;grid-template-columns:1fr}.cs-command-stage{min-height:0;padding:12px;flex-direction:column}.cmd-demo{width:100%}.context-demo{width:calc(100% - 24px);margin:-8px 12px 0}.cs-drag-row{grid-template-columns:1fr}}.secondary-surface{--secondary-gutter: clamp(18px, 3vw, 38px);--secondary-max: 1180px;background:var(--bg-paper)}.secondary-scroll{display:flex;flex-direction:column;scrollbar-gutter:stable}.secondary-header{width:min(100%,var(--secondary-max));margin:0 auto;padding:30px var(--secondary-gutter) 18px;border-bottom:var(--hairline-soft);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.secondary-header-main{min-width:0;width:100%;display:flex;align-items:flex-start;gap:14px}.secondary-header-icon{width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-sunken);color:var(--ink-muted);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.secondary-header-copy{min-width:0;flex:1}.secondary-title{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:clamp(30px,3vw,38px);font-weight:500;line-height:1.08;letter-spacing:-.018em;overflow-wrap:anywhere}.secondary-title em{font-weight:400}.secondary-description{max-width:68ch;margin:7px 0 0;color:var(--ink-muted);font-size:13.5px;line-height:1.52}.secondary-meta{min-height:20px;margin-top:8px;color:var(--ink-soft);display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.045em}.secondary-actions{flex:none;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.secondary-content{width:min(100%,var(--secondary-max));margin:0 auto;padding:22px var(--secondary-gutter) calc(52px + var(--safe-bottom));color:var(--ink)}.secondary-toolbar{min-height:48px;margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secondary-toolbar-copy{margin-left:auto;color:var(--ink-soft);font-size:12px}.surface-section+.surface-section{margin-top:30px}.surface-section-head{min-height:38px;margin-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.surface-section-head h2{margin:0;color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.01em}.surface-section-meta{margin-top:2px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase}.surface-section-actions{flex:none;display:flex;align-items:center;gap:7px}.surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.surface-list{margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-elev);overflow:hidden;list-style:none}.surface-row{min-width:0;min-height:58px;padding:11px 13px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--ink);display:flex;align-items:center;gap:11px;position:relative}.surface-row:last-child{border-bottom:0}button.surface-row,a.surface-row{width:100%;cursor:pointer;text-align:left;text-decoration:none}button.surface-row:hover,a.surface-row:hover{background:var(--bg-hover)}.surface-row.is-selected{background:var(--accent-soft);box-shadow:inset 1px 0 var(--accent)}.surface-row-icon{width:34px;height:34px;flex:none;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--ink-muted);display:grid;place-items:center}.surface-row-body{min-width:0;flex:1}.surface-row-title{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.surface-row-subtitle{margin-top:3px;color:var(--ink-soft);font-size:11.5px;line-height:1.42;overflow-wrap:anywhere}.surface-row-actions{flex:none;display:flex;align-items:center;gap:5px}.surface-card{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-elev);color:var(--ink);box-shadow:var(--shadow-sm)}button.surface-card,a.surface-card{width:100%;cursor:pointer;text-align:left;text-decoration:none}button.surface-card:hover,a.surface-card:hover{border-color:var(--border-strong);background:var(--bg-hover)}.surface-empty{min-height:280px;padding:42px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.surface-empty-compact{min-height:180px;padding-block:28px}.surface-empty-icon{width:58px;height:58px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-sunken);color:var(--ink-muted);display:grid;place-items:center}.surface-empty h2{margin:0;color:var(--ink);font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;letter-spacing:-.012em}.surface-empty p{max-width:54ch;margin:7px 0 0;color:var(--ink-muted);font-size:13.5px}.surface-empty-action{margin-top:17px}.surface-notice{min-height:54px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-elev);display:flex;align-items:center;gap:10px}.surface-notice-critical{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:var(--danger-soft)}.surface-notice-warning{border-color:color-mix(in srgb,var(--warn) 38%,var(--border));background:var(--warn-soft)}.surface-notice-success{border-color:color-mix(in srgb,var(--success) 34%,var(--border));background:var(--success-soft)}.surface-notice-copy{min-width:0;flex:1;color:var(--ink-muted);font-size:12.5px}.surface-notice-action{flex:none}.surface-skeleton{border:1px solid var(--border);border-radius:var(--radius-ios-squircle);overflow:hidden}.surface-skeleton-row{min-height:66px;padding:12px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:12px}.surface-skeleton-row:last-child{border-bottom:0}.surface-skeleton-icon{width:38px;height:38px;flex:none;border-radius:var(--radius-sm)}.surface-skeleton-lines{min-width:0;flex:1;display:grid;gap:7px}.surface-skeleton-lines .skel{width:min(420px,82%);height:12px}.surface-skeleton-lines .skel:last-child{width:min(300px,58%);height:9px}.surface-split{display:grid;grid-template-columns:minmax(210px,.3fr) minmax(0,1fr);gap:18px;align-items:start}.surface-panel{min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-ios-squircle);background:var(--bg-elev)}.surface-optical-label{color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.surface-divider{height:1px;margin:13px 0;background:var(--border-soft)}:root[data-density=compact] .secondary-header{padding-top:20px;padding-bottom:12px}:root[data-density=compact] .secondary-content{padding-top:14px}:root[data-density=compact] .surface-row{min-height:48px;padding-block:8px}@media(max-width:900px){.secondary-header{align-items:flex-start;flex-direction:column;gap:14px}.secondary-actions{width:100%;justify-content:flex-start}.surface-split{grid-template-columns:1fr}}@media(max-width:680px){.secondary-surface{--secondary-gutter: 16px}.secondary-header{padding-top:20px}.secondary-header-icon{width:40px;height:40px}.secondary-title{font-size:30px}.secondary-content{max-width:100%;padding-top:16px;overflow-x:clip}.secondary-actions>.btn,.secondary-toolbar>.btn{min-height:44px}.secondary-toolbar-copy{width:100%;margin-left:0}.surface-grid{grid-template-columns:minmax(0,1fr)}.surface-row{min-height:64px;padding:10px;align-items:flex-start;flex-wrap:wrap}.surface-row-actions{width:100%;padding-left:45px;flex-wrap:wrap}.surface-row-actions .btn{min-height:44px}.surface-notice{align-items:flex-start;flex-wrap:wrap}.surface-notice-copy{flex-basis:calc(100% - 110px)}.surface-notice-action{width:100%}}@media(pointer:coarse){.secondary-surface :where(button,a[href],input,select){min-height:44px}.secondary-surface .btn-icon{min-width:44px}}@media(prefers-reduced-motion:reduce){.surface-card,.surface-row,.secondary-header-icon{transition:none}}@media(max-width:1023px){.page-head{padding:26px 24px 8px}.editor{padding-right:24px;padding-left:24px}.tabbar{padding-right:18px;padding-left:18px}.notebook-overview{padding:24px 20px 32px}.notebook-overview-head{align-items:flex-start;flex-direction:column;gap:16px}.notebook-overview-controls{width:100%;justify-content:flex-start}.notebook-tray{min-height:620px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);padding:16px}.overview-page-structure{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.page-head{padding:20px 20px 7px}.editor{padding:5px 20px calc(40px + var(--safe-bottom));font-size:15px;line-height:1.62}.ph-title{font-size:34px}.page-editor-head{padding-top:24px}.page-editor-register{margin-bottom:14px;align-items:flex-start}.archived-page-register{align-items:stretch;flex-direction:column;gap:0}.archived-page-register .ph-meta{margin-bottom:12px}.archived-page-restore{align-self:flex-start;margin-bottom:18px}.page-editor-register .ph-meta{min-width:0;max-width:none;flex:1;gap:6px}.page-edited-absolute,.page-editor-register .ph-meta .state-badge{display:none}.page-actions .btn{width:44px;min-height:44px}.page-actions-menu{max-height:min(72dvh,620px);overflow-y:auto}.tag-remove{width:28px;height:28px;margin-block:-5px}.page-tag-action{min-height:34px}.tabbar{min-height:44px;padding:0 10px;overflow-x:auto;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{min-height:44px;padding:10px 9px 9px;flex:none}.modal,.cmd{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.scrim{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}.lb-stage{padding:56px 12px 64px}.lb-pdf-card{padding:32px 20px;min-width:0;width:calc(100vw - 40px)}.lb-nav.prev{left:6px}.lb-nav.next{right:6px}.empty{padding:32px 16px}.bubble-menu.bubble-mobile{--ink: #171a20;--ink-muted: #4b5666;--ink-soft: #697587;--bg-hover: #e2e8f0;--border: #cbd3df;--accent-soft: #dbe3ff;--accent-ink: #173589;position:fixed;left:8px;right:8px;bottom:max(var(--keyboard-inset-bottom, 0px),var(--safe-bottom));z-index:76;display:flex;align-items:center;gap:2px;padding:5px 8px;background:var(--material-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:var(--material-blur-elevated);-webkit-backdrop-filter:var(--material-blur-elevated);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;transition:bottom var(--motion-ui) var(--ease-direct)}.bubble-menu.bubble-mobile::-webkit-scrollbar{display:none}.bubble-menu.bubble-mobile .bubble-btn{min-width:44px;min-height:44px;width:44px;height:44px;font-size:15px;flex:none}.bubble-menu.bubble-mobile .bubble-btn:active{background:var(--bg-active)}.bubble-menu.bubble-mobile .bubble-sep{height:24px;margin:0 3px;flex:none}.notebook-overview{padding:20px 12px calc(26px + var(--safe-bottom))}.overview-title-line{align-items:flex-start;flex-direction:column;gap:8px}.notebook-overview-heading h1{font-size:32px}.notebook-overview-controls{display:grid;grid-template-columns:minmax(0,1fr)}.overview-filter{width:100%;min-height:44px}.notebook-overview-controls .structure-lens{width:100%;grid-auto-columns:minmax(0,1fr)}.notebook-overview-controls .structure-lens button{min-height:42px}.overview-new-page{min-height:44px}.notebook-tray{min-height:640px;padding:10px;border-width:6px;border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(360px,1fr) auto}.overview-page-index{min-height:360px}.overview-detail{max-height:330px;padding:18px}.overview-page-row{min-height:88px;padding-inline:11px;grid-template-columns:26px minmax(0,1fr) 18px;gap:8px}.overview-page-preview>span:first-child{max-width:48vw}.overview-page-tags{display:none}.overview-page-structure{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-detail-title h2{font-size:24px}.overview-detail-foot{align-items:flex-start;flex-direction:column}.overview-detail-foot .btn{width:100%;min-height:44px}.overview-empty{min-height:520px;padding:48px 24px}.page-inspector{right:max(8px,var(--safe-right));bottom:0;left:max(8px,var(--safe-left))!important;top:auto!important;width:auto;max-height:min(78dvh,680px,calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom)));padding:20px 18px calc(20px + var(--safe-bottom));border-radius:26px 26px 0 0}.page-inspector:before{display:none}.page-inspector .inspector-close{min-width:44px;min-height:44px}.editor-status{align-items:flex-start;flex-direction:column}.editor-save-state{margin-left:0}}:root[data-theme=dark] .bubble-menu.bubble-mobile{--ink: #f4f6f8;--ink-muted: #c0c8d3;--ink-soft: #929eae;--bg-hover: #2a3341;--border: #3c4656;--accent-soft: #293762;--accent-ink: #dbe3ff}@media(prefers-reduced-transparency:reduce){.bubble-menu.bubble-mobile{background:var(--bg-elev);backdrop-filter:none;-webkit-backdrop-filter:none}.notebook-tray,.overview-page-index,.overview-detail{backdrop-filter:none;-webkit-backdrop-filter:none}.overview-page-index,.overview-detail{background:var(--bg-elev)}}