.note-find-panel{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;max-width:730px;margin:-8px auto 20px;padding:8px;display:grid;box-shadow:0 8px 24px #1f292414}.note-find-field{align-items:center;gap:8px;min-width:0;padding-left:10px;display:flex}.note-find-field>svg{color:var(--ink-faint);flex:none}.note-find-field input{width:100%;min-width:0;height:44px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.note-find-actions{align-items:center;gap:2px;display:flex}.note-find-count{min-width:52px;color:var(--ink-faint);text-align:center;font-size:.75rem}.note-find-step{width:44px;height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.note-find-step:hover:not(:disabled){background:var(--surface-subtle);color:var(--ink)}.note-find-step:disabled{opacity:.36}.note-find-step.is-previous svg{transform:rotate(180deg)}.note-find-empty{color:var(--ink-soft);grid-column:1/-1;margin:-1px 10px 5px;font-size:.8rem}.note-page mark{color:inherit;background:#f1dea6;border-radius:3px;box-shadow:0 0 0 1px #e2c878}.note-page mark.is-active{background:#efb95f;box-shadow:0 0 0 2px #c47e1b}.note-section+.note-section{margin-top:18px}.title-display-row{align-items:center;gap:8px;display:flex}.section-title-display-row{margin:0 0 8px}.section-title-display-row .section-label{flex:1;margin:0}.fragment-title-display-row{margin:2px 0 8px}.fragment-label{color:var(--ink-soft);letter-spacing:.02em;flex:1;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-weight:700}@media (width<=430px){.note-find-panel{grid-template-columns:minmax(0,1fr);gap:2px;padding:7px}.note-find-actions{justify-content:flex-end}.note-find-count{margin-right:auto}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f7f4ee;--surface:#fffefb;--surface-strong:#fffefb;--surface-subtle:#efebe3;--ink:#24211d;--ink-soft:#625d55;--ink-faint:#756f66;--line:#d8d2c8;--line-strong:#bfb8ae;--accent:#2e675a;--accent-strong:#245448;--accent-soft:#e2eee9;--on-accent:#fff;--warning:#7a5716;--warning-soft:#f7ecdb;--danger:#9a3f45;--danger-soft:#f7e8e6;--focus:#1f66c2;--shadow:0 18px 50px #25312b1a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--rail-width:248px;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.desktop-rail{display:none}.app-main{min-width:0;min-height:100vh;padding-bottom:92px}.page{width:min(100%,1120px);margin:0 auto;padding:18px 16px 104px}.app-loading{min-height:70vh;color:var(--ink-soft);align-content:center;place-items:center;gap:12px;display:grid}.first-library-page{place-items:center;min-height:calc(100dvh - 40px);display:grid}.first-library-surface{text-align:center;justify-items:center;max-width:520px;padding:48px 24px;display:grid}.first-library-icon{background:var(--accent-soft);width:58px;height:58px;color:var(--accent-strong);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.first-library-surface p{color:var(--ink-faint);letter-spacing:.08em;margin:0 0 9px;font-size:.75rem;font-weight:700}.first-library-surface h1{font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:560}.first-library-actions{align-items:center;gap:8px;margin-top:28px;display:flex}.page-header{margin-bottom:20px}.page-heading-row{align-items:center;gap:10px;min-height:48px;display:flex}.page-heading-copy{flex:1;min-width:0}.page-heading-copy h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,7vw,2.25rem);font-weight:680;line-height:1.12}.page-eyebrow{color:var(--ink-faint);letter-spacing:.02em;margin:0 0 4px;font-size:.75rem;font-weight:650}.page-description{max-width:620px;color:var(--ink-soft);margin:7px 0 0;font-size:.9rem;line-height:1.55}.page-actions{align-items:center;gap:6px;display:flex}.icon-button{width:44px;height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:var(--surface-subtle);color:var(--ink)}.action-button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 15px;font-weight:680;line-height:1;display:inline-flex}.action-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.action-primary:hover{background:var(--accent-strong)}.action-secondary{border-color:var(--line);background:var(--surface-strong);color:var(--ink)}.action-secondary:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.action-quiet{color:var(--accent);background:0 0;border-color:#0000}.action-quiet:hover{background:var(--accent-soft)}.action-danger{background:var(--danger);color:#fff;border-color:#0000}.text-action{min-height:44px;color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;padding:8px 4px;font-size:.86rem;font-weight:680;display:inline-flex}.section-title-row{justify-content:space-between;align-items:baseline;gap:16px;margin:26px 0 10px;display:flex}.section-title-row h2{letter-spacing:.045em;color:var(--ink-faint);text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.status-pill{background:var(--surface-subtle);min-height:27px;color:var(--ink-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.72rem;font-weight:680;display:inline-flex}.pill-green{background:var(--accent-soft);color:var(--accent-strong)}.pill-amber{background:var(--warning-soft);color:var(--warning)}.surface-notice{border-radius:var(--radius-md);border:1px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin:0 0 18px;padding:12px 14px;font-size:.85rem;display:grid}.surface-notice-stack{gap:10px;display:grid}.surface-notice-stack .surface-notice:not(:last-child){margin-bottom:0}.surface-notice strong{font-size:.86rem;display:block}.surface-notice p{color:var(--ink-soft);margin:2px 0 0;line-height:1.45}.notice-actions{flex-wrap:wrap;gap:8px;display:flex}.notice-warning{background:var(--warning-soft);border-color:#e3caa3}.notice-error{background:var(--danger-soft);border-color:#e7c3bf}.notice-icon{background:#ffffff9e;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.segmented-control{background:var(--surface-subtle);border-radius:11px;grid-template-columns:repeat(2,1fr);width:100%;padding:3px;display:grid}.segmented-control button{min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:9px;font-weight:650}.segmented-control button.is-active{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 3px #1f29241c}.list-toolbar{min-height:46px;color:var(--ink-faint);justify-content:space-between;align-items:center;gap:16px;font-size:.8rem;display:flex}.note-list{border-top:1px solid var(--line)}.note-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;width:100%;padding:17px 32px 17px 2px;display:grid;position:relative}.note-row:hover,.note-row.is-selected{background:color-mix(in srgb, var(--accent-soft) 58%, transparent)}.note-row-main{gap:6px;min-width:0;display:grid}.note-title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.32;overflow:hidden}.note-excerpt{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.note-path{color:var(--ink-faint);align-items:center;gap:5px;font-size:.75rem;display:flex}.note-row-meta{color:var(--ink-faint);white-space:nowrap;align-content:start;justify-items:end;gap:7px;font-size:.7rem;display:grid}.note-row-chevron{color:var(--ink-faint);position:absolute;top:50%;right:7px;transform:translateY(-50%)}.note-preview{display:none}.empty-state{text-align:center;align-content:center;place-items:center;min-height:340px;padding:44px 20px;display:grid}.empty-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:13px;display:grid}.empty-state h2{margin:0;font-size:1.05rem}.empty-state p{max-width:340px;color:var(--ink-soft);margin:8px 0 18px;font-size:.86rem;line-height:1.5}.loading-surface{gap:13px;width:min(100%,760px);margin:70px auto;padding:20px;display:grid}.loading-line{background:linear-gradient(90deg, var(--surface-subtle), var(--surface-strong), var(--surface-subtle));background-size:220% 100%;border-radius:999px;height:14px;animation:1.5s linear infinite shimmer;display:block}.loading-line-title{width:42%;height:26px}.loading-line-short{width:60%}.loading-line-card{border-radius:14px;height:82px;margin-top:9px}@keyframes shimmer{to{background-position:-220% 0}}.search-field{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:13px;align-items:center;gap:10px;margin-bottom:16px;padding:3px 4px 3px 13px;display:flex}.search-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent)}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:44px;font-size:1rem}.search-results .section-title-row:first-child{margin-top:18px}.search-context,.search-progress{color:var(--ink-faint);margin:18px 0 4px;font-size:.78rem}.search-coverage-notice{background:var(--warning-soft);color:var(--warning);border-radius:10px;margin:0 0 16px;padding:11px 13px;font-size:.82rem}.search-group-failure{background:var(--danger-soft);min-height:48px;color:var(--danger);border:1px solid #e7c3bf;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 12px;padding:10px 12px;font-size:.82rem;display:flex}.search-group-failure button{background:color-mix(in srgb, var(--surface-strong) 72%, transparent);min-height:38px;color:inherit;border:0;border-radius:8px;padding:6px 10px;font-weight:700}.search-group-recovery{gap:6px;display:flex}.account-search-result-list{border-top:1px solid var(--line)}.account-search-result{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;gap:6px;width:100%;min-width:0;padding:16px 32px 16px 2px;display:grid;position:relative}.account-search-result:hover{background:color-mix(in srgb, var(--accent-soft) 52%, transparent)}.account-search-result>strong{overflow-wrap:anywhere;font-size:.95rem}.account-search-result-library{min-width:0;color:var(--accent);align-items:center;gap:7px;font-size:.72rem;font-weight:700;display:flex}.account-search-result-excerpt{overflow-wrap:anywhere;color:var(--ink-soft);font-size:.84rem;line-height:1.5;display:block}.account-search-result-excerpt mark{color:inherit;background:#f2d987;border-radius:3px}.account-search-result-meta{min-width:0;color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:7px 14px;font-size:.72rem;display:flex}.account-search-result-meta .note-path{overflow-wrap:anywhere;min-width:0}.account-search-result-arrow{color:var(--ink-faint);position:absolute;top:50%;right:7px;transform:translateY(-50%)}.account-search-group>.action-button{margin-top:8px}.search-anchor-target{background:#f2d98761;border-radius:7px;box-shadow:0 0 0 5px #f2d9873d}.search-source-target{color:var(--ink-soft);gap:4px;margin:-8px 0 22px;padding:10px 12px;font-size:.78rem;line-height:1.45;display:grid}.search-source-target strong{color:var(--ink);font-size:.75rem}.setting-field input{background:0 0;border:0;outline:0;width:100%}.copy-status{color:var(--ink-soft);margin:-8px 0 14px;font-size:.8rem}.conflict-comparison{border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid #e3caa3;margin:0 0 18px;padding:15px}.conflict-comparison h2{margin:0 0 12px;font-size:.95rem}.conflict-base,.conflict-versions>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px}.conflict-base{margin-bottom:10px}.conflict-versions{gap:10px;display:grid}.conflict-comparison strong{color:var(--ink-soft);font-size:.75rem}.conflict-comparison p{margin:6px 0 0;line-height:1.55}.command-status{background:var(--surface-subtle);color:var(--ink-soft);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:.82rem;display:flex}.capture-result-banner{align-items:center;gap:8px;max-width:1180px;margin:0 auto;padding:12px clamp(18px,3vw,36px) 0;display:flex}.capture-result-banner .command-status{flex:1;margin:0}.capture-result-banner>button{min-height:40px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:680}.command-applied{background:var(--accent-soft);color:var(--accent-strong)}.command-recoverable,.command-conflict,.command-rejected{background:var(--warning-soft);color:var(--warning)}.breadcrumb{color:var(--ink-faint);margin:0 0 8px;font-size:.78rem}.breadcrumb span{color:var(--line-strong);margin:0 4px}.note-document{max-width:730px;margin:0 auto;padding:4px 0 50px}.document-status{justify-content:space-between;align-items:center;margin:5px 0 30px;display:flex}.note-section{border-left:1px solid var(--line-strong);padding-left:19px;position:relative}.section-label{color:var(--ink-faint);letter-spacing:.07em;text-transform:uppercase;margin:0 0 18px -20px;padding-left:18px;font-size:.72rem;font-weight:700}.fragment{padding:0 0 20px;font-family:ui-serif,Georgia,Noto Serif SC,serif;font-size:1.02rem;line-height:1.9;position:relative}.fragment p{margin:0 0 1.2em}.fragment h2{letter-spacing:-.02em;margin:15px 0 12px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem}.fragment ol{margin:0;padding-left:1.4em}.fragment-add{border:1px solid var(--line-strong);background:var(--surface-strong);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;margin:-8px 0 18px -34px;display:grid}.note-document.is-editing .fragment{background:color-mix(in srgb, var(--surface-strong) 62%, transparent);box-shadow:0 0 0 8px color-mix(in srgb, var(--surface-strong) 62%, transparent);border-radius:9px}.document-footer{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:14px;display:flex}.document-footer button{min-height:44px;color:var(--ink-soft);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.document-footer button:hover{background:var(--surface-subtle)}.organize-primary-grid{gap:12px;display:grid}.organize-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);text-align:left;gap:12px;min-height:180px;padding:18px;display:grid;box-shadow:0 1px 1px #1f292408}.organize-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 8px 24px #25312b0f}.organize-card-heading{justify-content:space-between;align-items:center;display:flex}.organize-card-heading>span{align-items:center;gap:8px;font-weight:720;display:flex}.organize-card-heading>strong{background:var(--surface-subtle);border-radius:50%;place-items:center;width:31px;height:31px;font-size:.85rem;display:grid}.card-review .organize-card-heading>span{color:var(--warning)}.card-inbox .organize-card-heading>span{color:var(--accent)}.organize-preview-list{color:var(--ink-soft);gap:8px;font-size:.84rem;display:grid}.organize-preview-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.organize-empty{color:var(--ink-faint);margin:0;font-size:.84rem}.card-link{color:var(--accent);align-self:end;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:inline-flex}.organize-secondary-grid{gap:9px;display:grid}.organize-secondary-grid button{border:1px solid var(--line);background:var(--surface-strong);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:12px 14px;display:grid}.organize-secondary-grid button>span{gap:4px;display:grid}.organize-secondary-grid strong{font-size:.88rem}.organize-secondary-grid small{color:var(--ink-faint);font-size:.72rem}.organize-explainer{background:var(--accent-soft);color:var(--accent-strong);border-radius:12px;gap:10px;margin-top:24px;padding:14px;display:flex}.organize-explainer p{margin:0;font-size:.8rem;line-height:1.5}.work-list{gap:10px;display:grid}.work-item{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;display:grid}.work-index{background:var(--surface-subtle);width:30px;height:30px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:.76rem;font-weight:750;display:grid}.tone-warning{background:var(--warning-soft);color:var(--warning)}.tone-success{background:var(--accent-soft);color:var(--accent)}.work-copy h2{margin:1px 0 5px;font-size:.96rem}.work-copy p{color:var(--ink-soft);margin:0;font-size:.83rem;line-height:1.5}.work-copy small{color:var(--ink-faint);margin-top:9px;font-size:.7rem;display:block}.work-actions{flex-wrap:wrap;grid-column:2;gap:5px;display:flex}.settings-layout{gap:12px;display:grid}.settings-section{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;padding:16px}.settings-section>h2,.tool-group>h2{color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:.74rem;font-weight:750}.setting-field{color:var(--ink-soft);gap:6px;font-size:.78rem;display:grid}.setting-field input{border:1px solid var(--line);background:var(--surface);border-radius:9px;height:44px;padding:0 11px}.setting-row,.setting-select{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:61px;padding:10px 2px;display:grid}.setting-field+.setting-row{margin-top:13px}.setting-row>span,.setting-select>span{gap:4px;display:grid}.setting-row strong,.setting-select strong{font-size:.86rem}.setting-row small,.setting-select small{color:var(--ink-faint);font-size:.7rem;line-height:1.4}.setting-select:first-of-type{border-top:0}.setting-select select{border:1px solid var(--line);background:var(--surface);border-radius:9px;max-width:132px;min-height:44px;padding:0 28px 0 10px}.radio-list{gap:7px;display:grid}.radio-list label{border:1px solid var(--line);cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr);gap:11px;padding:12px;display:grid}.radio-list label.is-selected{border-color:var(--accent);background:var(--accent-soft)}.radio-list input{opacity:0;position:absolute}.radio-mark{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:50%;width:18px;height:18px;margin-top:1px}.radio-list label.is-selected .radio-mark{border:5px solid var(--accent)}.radio-list label>span:last-child{gap:4px;display:grid}.radio-list strong{font-size:.84rem}.radio-list small{color:var(--ink-soft);font-size:.72rem;line-height:1.45}.tools-profile{border:1px solid var(--line);background:var(--surface-strong);text-align:left;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:14px;display:grid}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:750;display:grid}.tools-profile>span:nth-child(2),.tool-rows button>span:nth-child(2){gap:3px;display:grid}.tools-profile strong,.tool-rows strong{font-size:.86rem}.tools-profile small,.tool-rows small{color:var(--ink-faint);font-size:.7rem}.tool-group{margin-bottom:21px}.tool-rows{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;overflow:hidden}.tool-rows button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:60px;padding:10px 12px;display:grid}.tool-rows button:last-child{border-bottom:0}.tool-rows button:hover{background:var(--surface-subtle)}.tool-icon{background:var(--surface-subtle);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.prototype-note{color:var(--ink-faint);text-align:center;margin:28px auto 0;font-size:.7rem}.mobile-navigation{z-index:30;min-height:66px;padding:5px max(5px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.account-avatar-trigger{border:1px solid var(--line-strong);background:var(--surface-strong);width:36px;height:36px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-weight:760;display:grid}.mobile-navigation button{min-width:0;color:var(--ink-faint);background:0 0;border:0;align-content:center;place-items:center;gap:2px;padding:2px;font-size:.62rem;display:grid;position:relative}.mobile-navigation button.is-active{color:var(--accent);font-weight:720}.mobile-nav-icon{border-radius:999px;place-items:center;width:34px;height:28px;display:grid}.mobile-navigation button.is-active .mobile-nav-icon{background:var(--accent-soft)}.mobile-navigation button.is-primary .mobile-nav-icon{background:var(--accent);color:#fff;border-radius:13px;width:42px;height:34px;margin-top:-13px;box-shadow:0 6px 16px #2147343d}.mobile-badge{border:2px solid var(--surface);background:var(--warning);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.56rem;display:grid;position:absolute;top:0;left:calc(50% + 7px)}.scenario-controller{z-index:50;position:fixed;bottom:132px;right:10px}.scenario-trigger{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-strong) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:132px;min-height:44px;padding:7px 9px;display:grid;box-shadow:0 8px 24px #1f29241f}.scenario-trigger>span:nth-child(2){display:grid}.scenario-trigger small{color:var(--ink-faint);letter-spacing:.04em;font-size:.58rem}.scenario-trigger strong{font-size:.72rem}.scenario-state-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;display:block}.state-empty,.state-loading{background:#85908a}.state-offline,.state-conflict{background:#b6792d}.state-error{background:#a84d4d}.scenario-panel{border:1px solid var(--line-strong);background:var(--surface-strong);width:244px;box-shadow:var(--shadow);border-radius:14px;padding:12px;position:absolute;bottom:51px;right:0}.scenario-panel p{color:var(--ink-soft);margin:0 0 10px;font-size:.7rem;line-height:1.4}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.scenario-grid button{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:7px 8px;font-size:.72rem;display:flex}.scenario-grid button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.mobile-library-context{z-index:20;grid-template-columns:minmax(0,360px) 36px;justify-content:end;align-items:center;gap:8px;padding:10px 13px 0;display:grid;position:relative}.library-switcher-owner{min-width:0;position:relative}.mobile-library-context .library-switcher-owner{width:100%}.library-switcher{border:1px solid var(--line);background:var(--surface-strong);text-align:left;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 11px;display:grid}.library-switcher>span{gap:2px;min-width:0;display:grid}.library-switcher small{color:var(--ink-faint);font-size:.61rem}.library-switcher strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.library-switcher-panel{z-index:70;border:1px solid var(--line-strong);background:var(--surface-strong);width:min(310px,100vw - 26px);box-shadow:var(--shadow);border-radius:13px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.library-switcher-list{max-height:310px;padding:6px;display:grid;overflow:auto}.library-switcher-list button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 9px;display:grid}.library-switcher-list button:hover,.library-switcher-list button.is-selected{background:var(--accent-soft)}.library-switcher-list button>span{gap:3px;min-width:0;display:grid}.library-switcher-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.library-switcher-list small{color:var(--ink-faint);font-size:.68rem}.library-context-actions{border-top:1px solid var(--line);padding:5px;display:grid}.library-context-actions button{min-height:42px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;display:grid}.library-context-actions button:hover,.library-context-actions button:focus-visible{background:var(--surface-subtle);color:var(--ink)}@media (width>=720px){.page{padding:28px 30px 80px}.organize-primary-grid,.organize-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.work-actions{grid-column:3;justify-content:flex-end}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-confirmation{grid-row:span 2}.conflict-versions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.app-shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);display:grid}.desktop-rail{border-right:1px solid var(--line);background:#eaebe6;flex-direction:column;gap:18px;height:100vh;padding:22px 16px 16px;display:flex;position:sticky;top:0}.app-main{padding-bottom:0}.mobile-navigation,.mobile-library-context{display:none}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:2px 6px 8px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-name{letter-spacing:.04em;font-size:1.08rem;font-weight:760}.desktop-rail .library-switcher{background:#ffffff85}.rail-navigation{gap:5px;display:grid}.rail-navigation button{min-height:44px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 11px;display:grid;position:relative}.rail-navigation button:hover{color:var(--ink);background:#ffffffa6}.rail-navigation button.is-active{background:var(--surface-strong);color:var(--accent-strong);font-weight:700;box-shadow:0 1px 3px #1f292414}.rail-navigation button.is-primary{background:var(--accent);color:#fff;margin:7px 0}.rail-navigation button.is-primary:hover{background:var(--accent-strong)}.nav-badge{background:var(--warning-soft);min-width:20px;height:20px;color:var(--warning);border-radius:999px;place-items:center;padding:0 5px;font-size:.65rem;font-weight:760;display:grid}.rail-footer{color:var(--ink-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding:10px 7px;display:grid}.rail-footer>span:nth-child(2){gap:2px;display:grid}.rail-footer strong{font-size:.7rem}.rail-footer small{color:var(--ink-faint);font-size:.58rem}.sync-dot{background:#4d7b62;border-radius:50%;width:8px;height:8px}.page{padding:44px 52px 90px}.workspace-columns{border:1px solid var(--line);background:var(--surface-strong);border-radius:15px;grid-template-columns:minmax(360px,.82fr) minmax(400px,1.18fr);min-height:570px;margin-top:10px;display:grid;overflow:hidden}.workspace-list-panel{border-right:1px solid var(--line);min-width:0;padding:0 14px}.note-preview{background:#fdfdfb;padding:42px clamp(30px,5vw,64px);display:block}.note-preview h2{letter-spacing:-.03em;margin:0 0 15px;font-family:ui-serif,Georgia,serif;font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.2}.note-preview p:not(.breadcrumb){color:var(--ink-soft);font-family:ui-serif,Georgia,serif;font-size:.96rem;line-height:1.75}.note-preview p.preview-lead{color:var(--ink);font-size:1.04rem}.structure-line{background:var(--accent);width:38px;height:1px;margin:28px 0}.preview-open{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;margin-top:20px;padding:8px 0;font-weight:700;display:inline-flex}.scenario-controller{bottom:18px;right:18px}}@media (width>=1280px){:root{--rail-width:264px}.page{padding-left:64px;padding-right:64px}}@media (width<=430px){.page{padding-left:13px;padding-right:13px}.page-actions .status-pill{text-overflow:ellipsis;max-width:112px;overflow:hidden}.note-row-meta{display:none}.surface-notice{grid-template-columns:auto 1fr}.notice-actions{grid-column:2;justify-self:start}.work-actions{grid-column:1/-1}.capture-result-banner{flex-wrap:wrap;align-items:stretch}.capture-result-banner .command-status{flex-basis:100%}.source-toggle{margin-left:0}}@media (prefers-reduced-motion:no-preference){.organize-card,.action-button,.note-row,.rail-navigation button{transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#root *,#root :before,#root :after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#171614;--surface:#211f1c;--surface-strong:#211f1c;--surface-subtle:#2b2824;--ink:#f4f1eb;--ink-soft:#bdb6ac;--ink-faint:#9f978c;--line:#4b463f;--line-strong:#625c53;--accent:#82b9aa;--accent-strong:#a9d0c5;--accent-soft:#263c35;--on-accent:#10211d;--warning:#e0ba70;--warning-soft:#3b3022;--danger:#e28e94;--danger-soft:#3d2928;--focus:#8ab9ff}.desktop-rail{background:#1b211e}.note-preview{background:#202622}.mobile-navigation{background:color-mix(in srgb, var(--surface) 93%, transparent)}.workspace-columns{box-shadow:none}}.workspace-sort-control{position:relative}.workspace-sort-trigger{align-items:center;gap:4px;min-height:44px;padding:0 5px;display:inline-flex}.workspace-sort-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.workspace-sort-options{z-index:12;border:1px solid var(--line-strong);background:var(--surface-strong);min-width:160px;box-shadow:var(--shadow);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 3px);right:0}.workspace-sort-options button{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.workspace-sort-options button:hover,.workspace-sort-options button[aria-pressed=true]{background:var(--surface-subtle)}.workspace-sort-options button[aria-pressed=true]{color:var(--accent-strong);font-weight:700}.directory-surface{margin-top:10px}.directory-toolbar-actions{align-items:center;gap:2px;display:flex}.directory-list{border-top:1px solid var(--line)}.directory-group{border-bottom:1px solid var(--line)}.directory-row{background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px;width:100%;min-height:54px;padding:4px 5px;display:grid}.directory-primary{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;width:100%;min-height:46px;padding:4px 0;display:grid}button.directory-primary:hover{background:var(--surface-subtle)}.directory-enter{cursor:pointer}.directory-symbol{background:var(--accent-soft);width:31px;height:31px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.directory-name{font-weight:650}.directory-count{color:var(--ink-faint);font-size:.78rem}.directory-disclosure{color:var(--ink-faint);transition:transform .15s}.directory-disclosure-button{background:0 0;border:0;border-radius:9px;place-items:center;width:44px;height:44px;display:grid}.directory-disclosure-button:hover{background:var(--surface-subtle)}.directory-disclosure-button[aria-expanded=true] .directory-disclosure{transform:rotate(180deg)}.directory-child{padding-left:36px}.directory-child .directory-primary{grid-template-columns:auto minmax(0,1fr) auto}.directory-branch{border-bottom:1px solid var(--line-strong);border-left:1px solid var(--line-strong);width:12px;height:14px}.directory-browser{gap:18px;margin-top:12px;display:grid}.directory-breadcrumbs{min-height:34px;color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:7px;font-size:.76rem;display:flex}.directory-breadcrumbs span{align-items:center;gap:7px;display:inline-flex}.directory-breadcrumbs button{color:var(--accent-strong);font:inherit;background:0 0;border:0;padding:5px 2px}.directory-browser-heading{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.directory-browser-heading p{color:var(--ink-faint);margin:0 0 3px;font-size:.72rem}.directory-browser-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.directory-create-actions{position:relative}.directory-create-actions>button{border:1px solid var(--line-strong);background:var(--surface-strong);min-height:40px;color:var(--ink);border-radius:10px;padding:7px 14px}.directory-create-options{z-index:15;min-inline-size:0;border:1px solid var(--line-strong);background:var(--surface-strong);min-width:150px;box-shadow:var(--shadow);border-radius:12px;margin:0;padding:6px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.directory-create-options button{min-height:42px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;padding:8px 10px}.directory-create-options button:hover{background:var(--surface-subtle)}.directory-browser-section{gap:8px;display:grid}.directory-browser-section>h3{color:var(--ink-soft);margin:0;font-size:.78rem}@media (prefers-reduced-motion:reduce){.directory-disclosure{transition:none}}@media (width<=430px){.workspace-sort-options{top:auto;left:13px;right:13px;bottom:calc(190px + env(safe-area-inset-bottom));position:fixed}.directory-toolbar-actions .action-button{padding-left:7px;padding-right:7px}}
