:root{color:#0c1b2a;background:#f4f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}a,button,input,textarea,select{font:inherit}a,button{border:0;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:3px}.app-shell{--accent: #168cff;--accent-strong: #0475df;--accent-soft: #dcefff;--ink: #0c1b2a;--muted: #667789;--page: #f5f9fd;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--line: rgba(69, 102, 135, .18);--shadow: 0 18px 58px rgba(57, 105, 153, .13);background:radial-gradient(circle at top left,rgba(120,195,255,.26),transparent 360px),linear-gradient(180deg,rgba(214,238,255,.68),transparent 420px),var(--page);color:var(--ink);min-height:100vh}.theme-dark{--accent: #8ebdff;--accent-strong: #58a0ff;--accent-soft: rgba(142, 189, 255, .16);--ink: #f6f9ff;--muted: #aeb9c7;--page: #0f1722;--surface: rgba(21, 31, 44, .72);--surface-strong: rgba(24, 36, 52, .9);--line: rgba(225, 239, 255, .14);--shadow: 0 18px 58px rgba(0, 8, 20, .38);background:radial-gradient(circle at top left,rgba(77,134,199,.26),transparent 360px),linear-gradient(180deg,rgba(48,86,132,.32),transparent 420px),var(--page)}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}@supports (backdrop-filter: blur(16px)){.glass{backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}}h1,h2,h3,p{margin-top:0}.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:0;margin:0 0 10px;text-transform:uppercase}.topbar{align-items:center;border-radius:24px;display:grid;gap:14px;grid-template-columns:minmax(190px,1fr) auto minmax(210px,1fr);margin:18px auto 0;max-width:1240px;padding:10px;position:sticky;top:14px;width:calc(100% - 40px);z-index:30}.brand{align-items:center;background:transparent;color:var(--ink);display:flex;gap:10px;padding:4px;text-align:left}.brand-mark,.avatar,.plugin-emblem{align-items:center;color:#fff;display:flex;font-weight:950;justify-content:center}.brand-mark{background:var(--accent);border-radius:14px;height:38px;width:38px}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.1}.brand small{color:var(--muted);font-size:12px;font-weight:750}.nav,.theme-switch,.segmented,.mobile-tabs{align-items:center;background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--line);border-radius:999px;display:flex;gap:4px;padding:4px}.nav{justify-self:center}.theme-switch{justify-self:end}.account-control{align-items:center;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);border-radius:999px;color:var(--ink);display:flex;gap:10px;justify-self:end;padding:7px 12px 7px 7px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.account-control:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));transform:translateY(-1px)}.account-control .avatar{border-radius:16px;font-size:17px;height:42px;width:42px}.account-control strong,.account-control small{display:block}.account-control strong{font-size:14px;line-height:1.1}.account-control small{color:var(--muted);font-size:12px;font-weight:800;margin-top:2px}.nav button,.theme-switch button,.segmented button,.mobile-tabs button{background:transparent;border-radius:999px;color:var(--muted);font-size:13px;font-weight:850;padding:9px 13px;transition:background .16s ease,color .16s ease,transform .16s ease}.nav button:hover,.theme-switch button:hover,.segmented button:hover,.mobile-tabs button:hover{transform:translateY(-1px)}.nav .active,.theme-switch .selected,.segmented .selected,.mobile-tabs .active{background:var(--accent);color:#fff}.page{margin:0 auto;max-width:1180px;padding:72px 20px 48px}.home-hero,.offline-hero,.plugin-hero,.developer-docs{border-radius:28px;padding:30px}.home-hero,.offline-hero,.plugin-hero{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 330px}.home-hero h1,.offline-hero h1,.plugin-hero h1,.docs-intro h1,.cabinet-title h1{font-size:clamp(38px,5vw,62px);letter-spacing:0;line-height:1;margin-bottom:16px}.home-hero p,.offline-hero p,.plugin-hero p,.docs-intro p,.cabinet-title p{color:var(--muted);font-size:17px;line-height:1.55;max-width:680px}.hero-actions,.danger-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-actions button,.hero-actions a,.home-account-card button,.overview-card button,.sidebar-actions button,.task-panel button,.note-composer button,.plugin-action-bar button,.chat-composer button,.file-picker,.sync-panel button,.settings-panel button,.back-button,.secondary-link{border-radius:999px;font-weight:900;padding:12px 16px;transition:box-shadow .16s ease,transform .16s ease}.hero-actions button:not(.secondary),.home-account-card button,.overview-card button,.sidebar-actions button:not(.secondary-action),.task-panel button:not(.secondary-action,.quiet-action),.note-composer button,.chat-composer button,.sync-panel button,.settings-panel button:not(.secondary-action,.danger-button),.back-button{background:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent);color:#fff}.hero-actions button:hover,.hero-actions a:hover,.home-account-card button:hover,.overview-card button:hover,.sidebar-actions button:hover,.task-panel button:hover,.note-composer button:hover,.plugin-action-bar button:hover,.chat-composer button:hover,.file-picker:hover,.sync-panel button:hover,.settings-panel button:hover,.back-button:hover{transform:translateY(-1px)}.secondary,.secondary-link,.secondary-action,.quiet-action{background:var(--surface-strong)!important;border:1px solid var(--line)!important;color:var(--accent)!important}.home-account-card,.home-panel,.overview-card,.settings-panel,.sync-panel{border-radius:24px;padding:24px}.home-account-card{background:var(--surface-strong);border:1px solid var(--line);display:grid;gap:9px}.home-account-card strong{font-size:24px}.home-account-card span,.home-panel p,.news-item p,.overview-card p,.settings-panel p,.sync-panel p,.task-card p,.doc-step p,.notes-runtime-header p,.empty-state p{color:var(--muted);line-height:1.55}.home-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);margin-top:16px}.panel-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.panel-header .eyebrow{margin-bottom:0}.panel-header span{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:12px;font-weight:900;padding:7px 10px}.news-list,.logic-list{display:grid;gap:12px}.news-item{border-top:1px solid var(--line);padding-top:14px}.news-item:first-child{border-top:0;padding-top:0}.news-item time{color:var(--accent);display:block;font-size:12px;font-weight:900;margin-bottom:6px}.news-item strong{display:block;font-size:20px;margin-bottom:6px}.logic-list span{background:var(--surface-strong);border:1px solid var(--line);border-radius:18px;color:var(--ink);font-weight:850;padding:13px 14px}.avatar{border-radius:22px;font-size:22px;height:58px;width:58px}.avatar.large{border-radius:34px;font-size:42px;height:116px;width:116px}.cabinet-shell{display:grid;gap:16px;grid-template-columns:270px minmax(0,1fr) 300px;margin:0 auto;max-width:1320px;padding:32px 20px 48px}.cabinet-sidebar,.task-panel{border-radius:28px;max-height:calc(100vh - 110px);overflow:auto;padding:18px;position:sticky;top:96px}.sidebar-profile,.profile-line{align-items:center;display:flex;gap:14px}.sidebar-profile strong,.sidebar-profile span{display:block}.sidebar-profile span{color:var(--muted);font-size:13px;font-weight:800;margin-top:3px}.sidebar-tabs{display:grid;gap:8px;margin:22px 0}.sidebar-tabs button{align-items:center;background:transparent;border:1px solid transparent;border-radius:18px;color:var(--ink);display:grid;gap:12px;grid-template-columns:36px minmax(0,1fr);padding:10px;text-align:left}.sidebar-tabs button>span{align-items:center;background:var(--accent-soft);border-radius:13px;color:var(--accent);display:flex;font-size:13px;font-weight:950;height:36px;justify-content:center;width:36px}.sidebar-tabs button strong,.sidebar-tabs button small{display:block}.sidebar-tabs button small{color:var(--muted);font-size:12px;line-height:1.3;margin-top:3px}.sidebar-tabs button.active{background:var(--surface-strong);border-color:var(--line);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 10%,transparent)}.sidebar-actions,.task-panel{display:grid;gap:10px}.cabinet-main{display:grid;gap:16px;min-width:0}.cabinet-title{align-items:center;border-radius:28px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;padding:28px}.cabinet-stats{display:grid;gap:8px;justify-items:end}.cabinet-stats span{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;font-weight:900;padding:9px 12px}.mobile-tabs{display:none;overflow-x:auto}.overview-grid,.settings-grid,.sync-grid,.offline-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-card{min-height:220px}.overview-card.large-card{grid-column:span 2}.overview-card h2,.settings-panel h2,.sync-panel h2,.notes-runtime h2,.offline-grid h2{font-size:28px;line-height:1.08;margin-bottom:12px}.profile-line{margin-bottom:18px}.profile-line p{margin-bottom:0}.task-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:20px;padding:16px}.task-card strong{display:block;margin-bottom:6px}.notes-runtime{border-radius:28px;padding:24px}.full-runtime{margin-top:16px}.notes-runtime-header{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(230px,300px)}.search,.form-field{background:var(--surface-strong);border:1px solid var(--line);border-radius:18px;display:grid;gap:7px;padding:13px 14px}.search span,.form-field span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase}.search input,.form-field input,.form-field textarea,.form-field select{background:transparent;border:0;color:var(--ink);font-size:16px;font-weight:760;min-width:0}.form-field textarea{line-height:1.5;min-height:118px;resize:vertical}.search input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px;cursor:pointer}.plugin-action-bar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.plugin-action-bar button{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:13px;font-weight:900;padding:10px 13px}.plugin-action-bar button.active,.plugin-action-bar button:first-child{background:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 18%,transparent);color:#fff}.plugin-action-bar .tag-filter{color:var(--muted)}.notes-chat-layout{align-items:start;display:grid;gap:16px;grid-template-columns:230px minmax(0,1fr)}.notes-chat-layout.without-structure{grid-template-columns:1fr}.notes-structure{display:grid;gap:8px;position:sticky;top:116px}.notes-structure button{background:var(--surface-strong);border:1px solid var(--line);border-radius:18px;color:var(--ink);display:grid;gap:5px;padding:14px;position:relative;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.notes-structure button:hover{transform:translateY(-1px)}.notes-structure button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 10%,transparent)}.notes-structure strong{font-size:15px}.notes-structure span{color:var(--muted);font-size:12px;line-height:1.35}.notes-structure small{background:var(--accent-soft);border-radius:999px;color:var(--accent);font-size:11px;font-weight:950;padding:5px 8px;position:absolute;right:12px;top:12px}.notes-chat{min-width:0}.chat-messages{display:grid;gap:12px}.chat-message{display:flex;justify-content:flex-start}.chat-message.pinned{justify-content:flex-end}.message-bubble{background:var(--surface-strong);border:1px solid var(--line);border-radius:22px;max-width:min(760px,100%);padding:16px}.chat-message.pinned .message-bubble{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 10%,transparent)}.message-meta{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.message-meta span{color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase}.message-meta small{color:var(--muted);font-weight:800}.message-bubble p{color:var(--ink);line-height:1.55;margin-bottom:0;white-space:pre-wrap}.image-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:12px}.image-grid img{aspect-ratio:4 / 3;border-radius:16px;height:100%;object-fit:cover;width:100%}.tag-row,.selected-images{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tag-row button,.selected-images span{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:999px;color:var(--accent);font-size:12px;font-weight:900;padding:7px 9px}.chat-composer{background:color-mix(in srgb,var(--surface-strong) 78%,transparent);border:1px solid var(--line);border-radius:24px;display:grid;gap:12px;grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);margin-top:14px;padding:14px}.chat-composer .message-field,.chat-composer .form-error,.chat-composer button,.selected-images{grid-column:1 / -1}.file-picker{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:18px;color:var(--accent);cursor:pointer;display:flex;font-weight:900;justify-content:center;min-height:68px;padding:13px 14px}.file-picker input{display:none}.note-composer{display:grid;gap:12px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) auto;margin-top:18px}.note-composer button{align-self:end}.note-composer .form-error{grid-column:1 / -1}.form-error{background:color-mix(in srgb,#ff4d4f 10%,var(--surface-strong));border:1px solid color-mix(in srgb,#ff4d4f 25%,transparent);border-radius:16px;color:#bc2026;font-size:14px;margin:0;padding:10px 12px}.notes-list{display:grid;gap:12px;margin-top:18px}.note-card{align-items:start;background:var(--surface-strong);border:1px solid var(--line);border-radius:20px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto;padding:18px}.note-card.pinned{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 12%,transparent)}.note-card span{color:var(--accent);display:block;font-size:12px;font-weight:900;margin-bottom:6px;text-transform:uppercase}.note-card h3{font-size:22px;margin-bottom:8px}.note-card p{color:var(--muted);line-height:1.55}.note-card small{color:var(--muted);display:block;font-weight:750;margin-top:10px}.note-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.note-actions button{background:var(--accent);border-radius:999px;color:#fff;font-weight:900;padding:10px 12px}.note-actions .danger-link{background:color-mix(in srgb,#ff5b5f 14%,var(--surface-strong));color:#ff5b5f}.empty-state{border-radius:22px;padding:24px}.empty-state.inner{background:var(--surface-strong);border:1px solid var(--line);margin-top:16px}.empty-state strong{display:block;font-size:22px;margin-bottom:8px}.status-row,.toggle-row,.tab-config-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:13px 0}.status-row:first-of-type{border-top:0}.status-row span,.toggle-row span{color:var(--muted)}.settings-panel .form-field{margin-bottom:10px}.tab-config-list{display:grid;gap:0;margin-top:12px}.tab-config-row label{align-items:center;display:flex;gap:9px;font-weight:850}.tab-config-row div{display:flex;gap:6px}.tab-config-row button{background:var(--surface-strong)!important;border:1px solid var(--line);color:var(--accent)!important;padding:8px 10px}.settings-subtitle{color:var(--muted);font-size:12px;font-weight:950;margin:16px 0 8px;text-transform:uppercase}.option-grid{display:flex;flex-wrap:wrap;gap:8px}.option-pill{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:flex;gap:8px;font-weight:850;padding:9px 11px}.task-action-list{display:grid;gap:8px;margin-top:12px}.task-action-row{align-items:center;background:var(--surface-strong);border:1px solid var(--line);border-radius:18px;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:12px}.task-action-row strong,.task-action-row small{display:block}.task-action-row small{color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}.danger-panel{border-color:color-mix(in srgb,#ff5b5f 24%,var(--line))}.danger-button{background:#ff5b5f!important;color:#fff!important}.offline-grid{margin-top:16px}.offline-hero{grid-template-columns:minmax(0,1fr) auto}.plugin-hero{grid-template-columns:110px minmax(0,1fr)}.plugin-emblem{background:var(--accent);border-radius:30px;font-size:48px;height:96px;width:96px}.developer-docs{margin-bottom:48px}.docs-intro{max-width:780px}.docs-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.doc-step{background:var(--surface-strong);border:1px solid var(--line);border-radius:20px;padding:18px}.doc-step h2{font-size:22px;margin-bottom:8px}.copy-code{background:var(--accent-soft);border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:13px;font-weight:900;margin-top:4px;padding:9px 12px}.doc-step pre{background:color-mix(in srgb,var(--page) 80%,#000 20%);border:1px solid var(--line);border-radius:16px;color:var(--ink);font-size:13px;line-height:1.5;margin:14px 0 0;overflow-x:auto;padding:14px}.doc-step code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.toast{animation:toast-in .26s ease both;border-radius:18px;bottom:22px;color:var(--ink);font-weight:850;left:50%;max-width:min(520px,calc(100% - 32px));padding:14px 16px;position:fixed;transform:translate(-50%);z-index:60}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.density-compact .cabinet-shell{gap:12px}.density-compact .overview-card,.density-compact .settings-panel,.density-compact .notes-runtime,.density-compact .cabinet-title{padding:18px}@media(max-width:1120px){.topbar,.home-hero,.home-grid,.offline-hero,.plugin-hero,.docs-grid{grid-template-columns:1fr}.topbar{position:relative;top:0}.nav,.account-control,.theme-switch{justify-self:stretch;overflow-x:auto}.account-control{justify-content:flex-start}.cabinet-shell{grid-template-columns:240px minmax(0,1fr)}.task-panel{position:static;grid-column:1 / -1;max-height:none}}@media(max-width:820px){.topbar,.page,.cabinet-shell{width:calc(100% - 24px)}.topbar{margin-top:12px}.page,.cabinet-shell{padding:32px 0 42px}.cabinet-shell,.overview-grid,.settings-grid,.sync-grid,.offline-grid,.notes-runtime-header,.notes-chat-layout,.chat-composer,.note-composer,.note-card,.cabinet-title{grid-template-columns:1fr}.cabinet-sidebar{max-height:none;position:static}.sidebar-tabs{display:none}.mobile-tabs{display:flex}.overview-card.large-card{grid-column:auto}.cabinet-stats{justify-items:start}.home-hero h1,.offline-hero h1,.plugin-hero h1,.docs-intro h1,.cabinet-title h1{font-size:clamp(36px,12vw,52px)}.note-actions{justify-content:stretch}.tab-config-row,.status-row,.toggle-row,.task-action-row{align-items:stretch;display:grid}.notes-structure{position:static}.message-bubble{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
