:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#14211d;--color-muted:#60706a;--color-soft:#f5f3ee;--color-surface:#fff;--color-surface-subtle:#ebe7dc;--color-line:#d9d5ca;--color-accent:#0c6b58;--color-accent-strong:#084a3e;--color-accent-soft:#dceee8;--color-gold:#b08a3c;--color-danger:#a9433b;--shadow-soft:0 18px 45px #2329251a;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--sidebar-width:264px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#e7f0ec;--color-muted:#9eb2aa;--color-soft:#0f1614;--color-surface:#151e1b;--color-surface-subtle:#1d2824;--color-line:#2b3a35;--color-accent:#67c2aa;--color-accent-strong:#7bd5bc;--color-accent-soft:#19342d;--color-gold:#d6b36a;--color-danger:#df7f79;--shadow-soft:0 18px 45px #0006}:root[data-font-size=small]{font-size:14px}:root[data-font-size=normal]{font-size:16px}:root[data-font-size=large]{font-size:18px}*{box-sizing:border-box}html{background:var(--color-soft);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:linear-gradient(180deg, #ffffffa6, #f5f3ee00), var(--color-soft);font-family:var(--font-sans);margin:0}:root[data-theme=dark] body{background:linear-gradient(180deg, #ffffff08, #f5f3ee00), var(--color-soft)}button,input{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #1f8f7a}.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}#root{min-height:100vh}.error-boundary{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);width:min(640px,100% - 32px);box-shadow:var(--shadow-soft);gap:14px;margin:10vh auto;padding:28px;display:grid}.error-boundary h1,.error-boundary p{margin:0}.error-boundary p:not(.eyebrow){color:var(--color-muted);line-height:1.6}.error-boundary .button{width:fit-content}.error-boundary-actions{flex-wrap:wrap;gap:8px;display:flex}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-shell.focus-mode{grid-template-columns:78px minmax(0,1fr)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;flex-direction:column;gap:28px;height:100vh;padding:22px;display:flex;position:sticky;top:0}:root[data-theme=dark] .sidebar{background:#0e1613e6}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius-md);color:#fff;background:var(--color-accent-strong);place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:1.08rem}.brand small{color:var(--color-muted);margin-top:2px}.nav-list{gap:6px;display:grid}.nav-link{border-radius:var(--radius-sm);min-height:42px;color:var(--color-muted);align-items:center;gap:10px;padding:0 11px;text-decoration:none;display:flex}.nav-link:hover,.nav-link.active{color:var(--color-ink);background:var(--color-accent-soft)}.sidebar-note{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);gap:5px;margin-top:auto;padding:14px;display:grid}.sidebar-note span{color:var(--color-muted);font-size:.88rem;line-height:1.45}.focus-mode .sidebar{align-items:center;width:78px;padding:14px 10px}.focus-mode .brand{justify-content:center}.focus-mode .brand span:not(.brand-mark),.focus-mode .nav-link span,.focus-mode .sidebar-note{display:none}.focus-mode .nav-link{justify-content:center;width:46px;padding:0}.app-frame{grid-template-rows:auto 1fr;min-width:0;display:grid}.header{z-index:5;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f3eee0;justify-content:space-between;align-items:center;gap:18px;min-height:86px;padding:18px clamp(20px,4vw,44px);display:flex;position:sticky;top:0}:root[data-theme=dark] .header{background:#0d1412eb}:root[data-theme=dark] .capture-status.recording{background:#14231f;border-color:#2b4c43}:root[data-theme=dark] .capture-status.permission-needed,:root[data-theme=dark] .capture-status.unsupported,:root[data-theme=dark] .capture-status.read-failed{background:#2a1b19;border-color:#5a3430}:root[data-theme=dark] .capture-status.manual-mode,:root[data-theme=dark] .capture-status.paused{background:#2a2419;border-color:#5b5135}:root[data-theme=dark] .admin-message,:root[data-theme=dark] .import-summary{background:#14231f;border-color:#2b4c43}.header h1,.content-band h2,.intro-band h2,.empty-state h2{letter-spacing:0;margin:0;line-height:1.08}.header h1{margin-top:4px;font-size:clamp(1.45rem,2.2vw,2rem)}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-presence-pill{display:inline-flex}.focus-mode .header{min-height:68px;padding-top:12px;padding-bottom:12px}.focus-mode .header h1{font-size:1.35rem}.app-main{width:min(1180px,100%);margin:0 auto;padding:28px clamp(18px,4vw,44px) 42px}.focus-mode .app-main{width:min(1480px,100%);padding-top:18px}.compact-mode .app-main{padding:18px clamp(12px,2.5vw,28px) 28px}.page-stack{gap:18px;display:grid}.compact-mode .page-stack{gap:10px}.eyebrow{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.intro-band,.content-band{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft)}.intro-band{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:end;gap:24px;padding:clamp(22px,5vw,38px);display:grid}.intro-band h2,.content-band h2{margin-top:8px;font-size:clamp(1.8rem,4.6vw,3.8rem)}.intro-band p,.content-band p,.notice-band p,.empty-state p,.privacy-point p{color:var(--color-muted);margin:0;line-height:1.6}.intro-band h2+p,.content-band h2+p{max-width:720px;margin-top:16px;font-size:1.04rem}.domain-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);gap:7px;padding:16px;display:grid}.domain-panel span{color:var(--color-muted);font-size:.84rem}.domain-panel strong{font-size:1.05rem}.notice-band{border-radius:var(--radius-md);background:#eef8f3;border:1px solid #cfdfd8;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.focus-mode .clipboard-workspace>.backup-panel,.focus-mode .clipboard-workspace>.notice-band[aria-label="Browser clipboard limitation"],.focus-mode .clipboard-workspace>.workspace-details{display:none}.notice-band svg{color:var(--color-accent);flex:none;margin-top:2px}.notice-band p+p{margin-top:8px}.toolbar,.workspace-controls{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px;display:flex}.focus-mode .workspace-controls{z-index:4;position:sticky;top:69px;box-shadow:0 10px 22px #23292514}.compact-mode .workspace-controls{grid-template-columns:minmax(0,1fr);grid-template-areas:"search""actions""filters""advanced""shortcuts";gap:8px;padding:8px}.workspace-controls{grid-template-columns:minmax(260px,1.1fr) minmax(280px,1fr);grid-template-areas:"actions search""filters filters""advanced advanced""shortcuts shortcuts";align-items:stretch;padding:12px;display:grid}.primary-action-row{flex-wrap:wrap;grid-area:actions;gap:8px;display:flex}.compact-mode .primary-action-row{gap:6px}.compact-mode .primary-action-row .button,.compact-mode .advanced-filter-row .button,.compact-mode .filter-pill{min-height:32px;padding:0 9px;font-size:.84rem}.workspace-search{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);grid-area:search;min-height:40px;padding:0 10px}.compact-mode .workspace-search{min-height:36px}.filter-pills{flex-wrap:wrap;grid-area:filters;gap:8px;padding-top:2px;display:flex}.compact-mode .filter-pills,.compact-mode .tag-filter-panel,.compact-mode .advanced-filter-row{gap:6px}.advanced-filter-row{flex-wrap:wrap;grid-area:advanced;align-items:center;gap:8px;display:flex}.advanced-filter-row.expanded{margin-top:-2px}.filter-toggle,.filter-select{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);min-height:38px;color:var(--color-muted);align-items:center;gap:8px;padding:0 10px;font-size:.86rem;font-weight:750;display:inline-flex}.compact-mode .filter-toggle,.compact-mode .filter-select{min-height:32px;padding:0 8px;font-size:.8rem}.filter-toggle.active{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:#b8d7ce}.filter-toggle input{width:16px;height:16px;accent-color:var(--color-accent-strong)}.filter-select span{color:var(--color-muted)}.filter-select select{min-width:116px;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:0}.filter-select input{min-width:160px;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:0}.bulk-selection-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);gap:8px;padding:10px 12px;display:grid}.bulk-selection-panel.compact{justify-content:flex-start;padding:8px 10px;display:flex}.bulk-selection-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-selection-meta{border:1px solid var(--color-line);min-height:32px;color:var(--color-muted);background:var(--color-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:800;display:inline-flex}.bulk-selection-notes{gap:4px;display:grid}.bulk-selection-notes span{color:var(--color-muted);font-size:.82rem}.shortcut-hints{color:var(--color-muted);flex-wrap:wrap;grid-area:shortcuts;align-items:center;gap:8px 14px;font-size:.78rem;font-weight:700;display:flex}.workspace-details{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.workspace-details summary{cursor:pointer;color:var(--color-muted);padding:12px 14px;font-weight:700;list-style:none}.workspace-details summary::-webkit-details-marker{display:none}.workspace-details[open] summary{border-bottom:1px solid var(--color-line)}.workspace-details>div{gap:8px;padding:12px 14px;display:grid}.workspace-details p{color:var(--color-muted);margin:0;line-height:1.5}.shortcut-hints span{align-items:center;gap:4px;display:inline-flex}kbd{border:1px solid var(--color-line);background:var(--color-soft);min-width:22px;min-height:22px;color:var(--color-ink);border-radius:6px;place-items:center;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72rem;display:inline-grid}.tag-filter-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.tag-filter-panel>span{color:var(--color-muted);font-size:.84rem;font-weight:800}.backup-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:14px;padding:14px;display:grid}.compact-mode .backup-panel{padding:10px}.compact-mode .backup-panel p:not(.eyebrow),.compact-mode .compact-notice p+p{display:none}.backup-panel h2,.backup-panel p{margin:0}.backup-panel h2{margin-top:4px;font-size:1.05rem}.backup-panel p:not(.eyebrow){color:var(--color-muted);margin-top:6px;line-height:1.45}.backup-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.backup-file-input{display:none}.backup-import-panel{gap:16px;display:grid}.import-summary{border-radius:var(--radius-sm);background:#eef8f3;border:1px solid #cfdfd8;gap:5px;padding:12px;display:grid}.import-summary span{color:var(--color-muted)}.snippet-create-panel,.snippet-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.snippet-filter-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.snippet-create-panel{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;display:grid}.snippet-create-panel label{gap:6px;display:grid}.snippet-create-panel label span,.collection-rename-row span,.collection-description-row span,.collection-add-stack span{color:var(--color-muted);font-size:.82rem;font-weight:800}.snippet-create-panel input,.collection-rename-row input,.collection-add-row select{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);width:100%;min-height:40px;color:var(--color-ink);font:inherit;padding:0 10px}.snippet-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);gap:12px;display:grid}.snippet-panel{min-width:0;padding:16px}.snippet-panel-wide{grid-column:1/-1}.collection-manager,.collection-detail,.snippet-item-list{gap:10px;margin-top:14px;display:grid}.collection-tabs{flex-wrap:wrap;gap:8px;display:flex}.collection-tab{border:1px solid var(--color-line);background:var(--color-surface);min-height:34px;color:var(--color-muted);border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-weight:750;display:inline-flex}.collection-tab.active{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:#b8d7ce}.collection-tab small{background:#ffffffc7;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;display:inline-grid}.collection-rename-row,.collection-add-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.collection-add-row{grid-template-columns:minmax(0,1fr) auto}.collection-description-row,.collection-add-stack{gap:8px;display:grid}.collection-description-row label,.collection-add-stack label{gap:6px;display:grid}.collection-description-row textarea,.collection-add-stack input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);width:100%;min-height:40px;color:var(--color-ink);font:inherit;padding:9px 10px}.collection-description-row textarea{resize:vertical;min-height:74px}.collection-search-results{gap:8px;max-height:320px;padding-right:2px;display:grid;overflow:auto}.collection-search-row{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.collection-search-row strong,.collection-search-row p,.collection-search-row span{display:block}.collection-search-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-search-row p{color:var(--color-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}.collection-search-row .clip-type{margin-top:8px}.snippet-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;display:grid}.snippet-row h3,.snippet-row p{margin:0}.snippet-row h3{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.35;overflow:hidden}.snippet-row p{color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:5px}.snippet-row-actions{align-items:start;gap:6px;display:flex}.filter-pill{border:1px solid var(--color-line);background:var(--color-surface);min-height:34px;color:var(--color-muted);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-weight:750;display:inline-flex}.filter-pill.active{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:#b8d7ce}.filter-pill span{background:#ffffffc7;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.78rem;display:inline-grid}.search-field{min-width:0;color:var(--color-muted);flex:1;align-items:center;gap:9px;display:flex}.search-field input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0}.toolbar-actions{gap:6px;display:flex}.icon-button,.icon-link{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);place-items:center;width:38px;height:38px;text-decoration:none;display:inline-grid}.icon-button.active,.icon-link.active{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:#b8d7ce}.icon-button:disabled,.button:disabled,.admin-action:disabled{cursor:not-allowed;opacity:.62}.button{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.button.primary{color:#fff;border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.button.danger{color:#fff;border-color:var(--color-danger);background:var(--color-danger)}.button.ghost{background:0 0}.danger-icon{color:var(--color-danger)}.status-pill{border:1px solid var(--color-line);white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.neutral{color:var(--color-accent-strong);background:var(--color-accent-soft)}.status-pill.paused{color:#6c4d12;background:#f7edcf}.status-pill.good{color:#0c5634;background:#dff1e5}.status-pill.warning{color:var(--color-danger);background:#fae8e6}.clip-list,.empty-state,.privacy-point,.admin-action{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.clip-list{min-height:74px;padding:16px}.clip-list-items{gap:10px;margin-top:14px;display:grid}.list-performance-note{color:var(--color-muted);margin:10px 0 0;font-size:.88rem}.clip-group{gap:8px;display:grid}.clip-group h3{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.84rem;font-weight:800}.clip-group-items{gap:10px;display:grid}.clip-list-load-more{justify-content:center;margin-top:6px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin:0;font-size:1.1rem}.section-heading span{color:var(--color-muted);font-size:.9rem}.empty-state{text-align:center;justify-items:center;gap:12px;padding:clamp(26px,6vw,44px) 18px;display:grid}.empty-state-icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-accent-strong);background:var(--color-accent-soft);place-items:center;font-weight:900;display:grid}.empty-state h2{font-size:1.45rem}.empty-state p{max-width:470px}.compact-mode .empty-state{gap:8px;padding:22px 14px}.compact-mode .empty-state-icon{width:42px;height:42px}.compact-mode .empty-state h2{font-size:1.2rem}.empty-state-actions{margin-top:4px}.content-band{padding:clamp(22px,4vw,34px)}.onboarding-panel,.capture-status,.manual-paste-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.focus-mode .onboarding-panel{padding:14px 16px}.compact-mode .onboarding-panel,.compact-mode .capture-status,.compact-mode .manual-paste-panel{padding:12px}.onboarding-panel{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.onboarding-panel h2,.capture-status h2,.manual-paste-panel h2{margin:6px 0 0;font-size:1.2rem;line-height:1.2}.onboarding-panel p,.capture-status p{max-width:760px;color:var(--color-muted);margin:10px 0 0;line-height:1.6}.capture-status{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.workspace-status{border-radius:var(--radius-lg)}.capture-status.recording{background:#f0faf5;border-color:#bddbcf}.capture-status.permission-needed,.capture-status.unsupported,.capture-status.read-failed{background:#fff5f3;border-color:#edd0cc}.capture-status.manual-mode,.capture-status.paused{background:#fffaf0;border-color:#dfd1a3}.capture-status strong{color:var(--color-danger);margin-top:10px;display:block}.status-help-links{color:var(--color-muted);margin-top:10px;font-size:.88rem}.status-help-links a{color:var(--color-accent-strong);text-decoration:underline}.capture-status>span{color:var(--color-muted);background:#ffffffb8;border-radius:999px;flex:none;padding:6px 9px;font-size:.8rem;font-weight:800}.manual-paste-panel{gap:14px;padding:16px;display:grid}.manual-paste-panel textarea{resize:vertical;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);width:100%;min-height:clamp(150px,28vh,280px);color:var(--color-ink);font:inherit;padding:12px;line-height:1.5}.compact-notice{padding:12px 14px}.privacy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.privacy-point{align-content:start;gap:10px;min-height:190px;padding:18px;display:grid}.privacy-point svg{color:var(--color-accent)}.privacy-point h3{margin:0;font-size:1rem}.settings-grid{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-line);gap:1px;margin-top:14px;display:grid;overflow:hidden}.settings-subsection+.settings-subsection{margin-top:18px}.settings-subsection h3{margin:0;font-size:1rem}.settings-subsection .settings-grid{margin-top:10px}.setting-row{background:var(--color-surface);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 14px;display:flex}.setting-row span{color:var(--color-muted)}.setting-row span strong,.setting-row span small{display:block}.setting-row span strong{color:var(--color-ink)}.setting-row span small{max-width:560px;margin-top:4px;line-height:1.45}.setting-row strong{text-align:right}.setting-control{cursor:pointer}.setting-control select{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);min-width:160px;min-height:38px;color:var(--color-ink);padding:0 10px}.setting-control input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent)}.number-setting{align-items:center;gap:8px;display:inline-flex}.number-setting input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);width:110px;min-height:36px;color:var(--color-ink);text-align:right;padding:0 9px}.number-setting small{color:var(--color-muted)}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.diagnostic-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);gap:6px;min-height:122px;padding:16px;display:grid}.diagnostic-card.available{background:#f7fcfa;border-color:#bddbcf}.diagnostic-card.limited{background:#fffaf0;border-color:#dfd1a3}.diagnostic-card.unavailable{background:#fff5f3;border-color:#edd0cc}.diagnostic-card span,.diagnostic-card small,.admin-message{color:var(--color-muted)}.diagnostic-card strong{font-size:1.35rem}.admin-message{border-radius:var(--radius-md);background:#eef8f3;border:1px solid #cfdfd8;margin:0;padding:12px 14px}.browser-diagnostics{gap:16px;display:grid}.diagnostic-notes{flex-wrap:wrap;gap:8px;display:flex}.diagnostic-notes span{border:1px solid var(--color-line);min-height:28px;color:var(--color-muted);background:var(--color-soft);border-radius:999px;align-items:center;padding:0 9px;font-size:.82rem;font-weight:750;display:inline-flex}.inline-message{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-message{margin-top:18px}.trash-panel{gap:14px;display:grid}.trash-list{gap:8px;display:grid}.trash-row{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.trash-row span,.trash-row strong,.trash-row small{display:block}.trash-row small{color:var(--color-muted);margin-top:4px}.settings-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.tag-manager-list{gap:8px;margin-top:18px;display:grid}.tag-manager-row{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);grid-template-columns:90px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.tag-manager-row>span,.settings-empty-note{color:var(--color-muted);font-size:.88rem}.tag-manager-row input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:38px;color:var(--color-ink);padding:0 10px}.admin-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-action{text-align:left;align-items:center;gap:12px;min-height:86px;padding:16px;text-decoration:none;display:flex}.admin-action svg{color:var(--color-accent)}.admin-action span,.admin-action strong,.admin-action small{display:block}.admin-action small{color:var(--color-muted);margin-top:4px}.danger-action svg{color:var(--color-danger)}.error-log-panel{gap:14px;display:grid}.error-log-list{gap:8px;display:grid}.error-log-row{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);gap:12px;padding:12px;display:grid}.error-log-row span,.error-log-row strong,.error-log-row small{display:block}.error-log-row small{color:var(--color-muted);margin-top:4px}.error-log-row p{overflow-wrap:anywhere}.clip-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px;display:grid}.compact-mode .clip-card{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.clip-card.pinned{background:#fbfff9;border-color:#c8d9c5}.clip-card.selected{border-color:#84bbae;box-shadow:0 0 0 3px #2d7a681f}.clip-card:focus-visible{outline-offset:3px;outline:3px solid #1f8f7a}.clip-card mark{color:inherit;background:#fff0a8;border-radius:4px}:root[data-theme=dark] .clip-card mark{color:#101512;background:#8f7b21}.clip-card-main{min-width:0}.clip-card-title-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.clip-title-badges{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.clip-select-export{border:1px solid var(--color-line);min-height:26px;color:var(--color-muted);background:var(--color-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:.78rem;font-weight:750;display:inline-flex}.clip-select-export input{width:14px;height:14px;accent-color:var(--color-accent-strong)}.clip-card h3,.clip-card p{margin:0}.clip-card h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;line-height:1.35;overflow:hidden}.compact-mode .clip-card h3{font-size:.92rem}.clip-preview{color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:6px}.clip-preview.expanded{white-space:pre-wrap}.clip-preview-toggle{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);min-height:28px;color:var(--color-muted);margin-top:6px;padding:0 8px;font-size:.78rem;font-weight:700}.compact-mode .clip-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.compact-mode .clip-note{display:none}.clip-note{border-left:3px solid var(--color-line);color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:8px;padding-left:10px}.clip-tag-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.compact-mode .clip-tag-row{margin-top:6px}.compact-mode .clip-tag-row span,.compact-mode .clip-meta-row span,.compact-mode .pin-indicator,.compact-mode .clip-select-export{min-height:22px;padding:0 6px;font-size:.72rem}.clip-tag-row span{min-height:24px;color:var(--color-accent-strong);background:var(--color-accent-soft);border-radius:999px;align-items:center;padding:0 8px;font-size:.78rem;font-weight:800;display:inline-flex}.clip-preview.masked{color:var(--color-ink);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800}.clip-meta-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.compact-mode .clip-meta-row{gap:5px;margin-top:7px}.clip-meta-row span,.pin-indicator{border:1px solid var(--color-line);min-height:26px;color:var(--color-muted);background:var(--color-soft);border-radius:999px;align-items:center;padding:0 8px;font-size:.78rem;font-weight:750;display:inline-flex}.pin-indicator{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:#b8d7ce;flex:none}.secret-indicator{color:#8a3d33;background:#fdf4f2;border:1px solid #e8d2cd;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:.78rem;font-weight:750;display:inline-flex}:root[data-theme=dark] .secret-indicator{color:#f0c5bc;background:#2a1b19;border-color:#5a3430}.clip-type{color:var(--color-accent);font-size:.82rem;font-weight:800}.clip-meta-row .clip-type.secret{color:var(--color-danger);background:#fae8e6}.clip-meta-row .clip-type.url{color:var(--color-accent-strong);background:#e5f3f2}.clip-meta-row .clip-type.json,.clip-meta-row .clip-type.code,.clip-meta-row .clip-type.command,.clip-meta-row .clip-type.markdown,.clip-meta-row .clip-type.error-log,.clip-meta-row .clip-type.long-text{color:#5d4a0d;background:#f7edcf}.clip-actions{flex-wrap:wrap;place-content:start flex-end;gap:6px;width:86px;display:flex}.compact-mode .clip-actions{gap:4px;width:78px}.compact-mode .clip-actions .icon-button{width:34px;height:34px}.compact-mode .clip-action-feedback{min-height:14px;font-size:.7rem}.clip-action-feedback{width:100%;min-height:18px;color:var(--color-muted);text-align:right;font-size:.76rem;font-weight:750}.clip-edit-panel{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);grid-column:1/-1;gap:10px;padding:12px;display:grid}.clip-edit-panel label{gap:5px;display:grid}.clip-edit-panel label span{color:var(--color-muted);font-size:.82rem;font-weight:800}.clip-edit-panel input,.clip-edit-panel textarea{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-ink);font:inherit;padding:9px 10px}.clip-edit-panel textarea{resize:vertical;min-height:76px}.clip-edit-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-backdrop{z-index:20;background:#14211d59;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-backdrop[hidden]{display:none}.dialog{border-radius:var(--radius-md);background:var(--color-surface);width:min(440px,100%);box-shadow:var(--shadow-soft);padding:20px}.clip-detail-dialog{gap:12px;width:min(980px,100%);max-height:min(90vh,980px);padding:16px;display:grid;overflow:auto}.clip-detail-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.clip-detail-header h2{margin-top:6px}.clip-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.clip-detail-content{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-soft);padding:12px}.clip-detail-text{color:var(--color-ink);font-family:var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.5}.clip-detail-text.monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.84rem}.clip-detail-meta .clip-meta-row{margin-top:0}.clip-detail-edit{margin-top:2px}.clip-detail-message{color:var(--color-muted);align-self:center;margin-right:auto;font-size:.84rem;font-weight:700}.collection-picker-dialog{gap:10px;width:min(540px,100%);display:grid}.collection-picker-dialog>input,.collection-picker-create input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-soft);width:100%;min-height:40px;color:var(--color-ink);font:inherit;padding:0 10px}.collection-picker-list{gap:8px;max-height:300px;padding-right:2px;display:grid;overflow:auto}.collection-picker-list .button{justify-content:space-between}.collection-picker-list small{color:var(--color-muted)}.collection-picker-create{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.dialog h2,.dialog p{margin:0}.dialog p{color:var(--color-muted);margin-top:10px;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--color-line);gap:14px;width:100%;height:auto;padding:14px;position:static}.brand{width:fit-content}.nav-list{flex-wrap:wrap;gap:6px;padding-bottom:0;display:flex;overflow:visible}.nav-link{flex:132px;justify-content:center}.sidebar-note{display:none}.header{position:static}.intro-band,.onboarding-panel,.capture-status,.workspace-controls,.backup-panel,.snippet-create-panel,.snippet-grid,.privacy-grid,.diagnostics-grid,.settings-actions,.admin-actions{grid-template-columns:1fr}.workspace-controls{grid-template-areas:"actions""search""filters""advanced""shortcuts"}.primary-action-row{width:100%}.primary-action-row .button,.advanced-filter-row .button,.filter-toggle,.filter-select{flex:140px}.filter-select select{flex:1}.filter-select input{flex:1;min-width:0}.backup-controls{justify-content:stretch}.backup-controls .button,.backup-controls .filter-select{flex:180px}.collection-rename-row,.collection-add-row,.collection-search-row,.collection-picker-create{grid-template-columns:1fr}.privacy-point{min-height:0}}@media (width<=760px){.header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start;width:100%}}@media (width<=640px){.header-actions,.toolbar,.toolbar-actions,.setting-row{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-presence-pill{display:none}.brand{justify-content:center;width:100%}.brand strong{font-size:1rem}.brand small{font-size:.8rem}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.nav-link{justify-content:center;min-height:40px;padding:0 8px}.status-pill,.icon-link{justify-content:center;width:100%}.icon-button{width:100%}.clip-card{grid-template-columns:1fr}.inline-message,.trash-row,.error-log-row{grid-template-columns:1fr;align-items:stretch}.snippet-row{grid-template-columns:1fr}.snippet-row-actions{flex-direction:column;align-items:stretch}.clip-card-title-row{flex-direction:column}.clip-title-badges{justify-content:flex-start}.advanced-filter-row,.shortcut-hints{flex-direction:column;align-items:stretch}.shortcut-hints span{justify-content:center}.clip-actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:6px;width:100%;display:grid}.clip-action-feedback{text-align:left;grid-column:1/-1}.clip-actions .icon-button{flex:44px;width:auto;min-height:40px}.clip-card h3{white-space:normal}.section-heading{flex-direction:column;align-items:flex-start;gap:6px}.setting-row strong{text-align:left}.setting-control select,.number-setting input{width:100%}.tag-manager-row{grid-template-columns:1fr}.clip-edit-actions{flex-direction:column}.clip-detail-dialog{border-radius:0;width:100%;height:100vh;max-height:100vh;padding:12px}.clip-detail-actions .button{flex:140px}.dialog-backdrop{padding:0}}