@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PT Serif;src:url(/fonts/PTSerif-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Serif;src:url(/fonts/PTSerif-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PT Serif;src:url(/fonts/PTSerif-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-default:#eef2f6;--color-bg-subtle:#e7edf3;--color-bg-muted:#dde5ee;--color-surface-base:#f6f8fb;--color-surface-card:#fff;--color-surface-raised:#fbfcfe;--color-surface-overlay:#f1f5f9;--color-surface-selected:#e8f0ff;--color-surface-note:#eef2f6;--color-border-default:#cfd8e3;--color-border-strong:#b9c6d4;--color-border-subtle:#dee6ef;--color-border-divider:#d7e0ea;--color-text-primary:#122033;--color-text-secondary:#314156;--color-text-muted:#607086;--color-text-disabled:#8d9aae;--color-text-inverse:#f8fbff;--color-accent-primary:#1c6dff;--color-accent-hover:#155ae0;--color-accent-active:#1048bc;--color-accent-subtle:#e8f0ff;--color-interactive-hover:#eef4ff;--color-interactive-active:#e2ebf8;--color-interactive-disabled:#e3e9f0;--color-success-default:#00c853;--color-success-subtle:#e7f9ee;--color-error-default:#ff3d3d;--color-error-subtle:#ffe9e9;--color-warning-default:#d38a1d;--color-warning-subtle:#fff4df;--color-neutral-badge:#dfe5ec;--color-neutral-badge-text:#4f5f73;--font-family-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:clamp(.75rem, .73rem + .08vw, .8125rem);--text-sm:clamp(.8125rem, .79rem + .1vw, .875rem);--text-md:clamp(.875rem, .84rem + .14vw, .9375rem);--text-base:clamp(.9375rem, .9rem + .18vw, 1rem);--text-lg:clamp(1rem, .96rem + .24vw, 1.125rem);--text-xl:clamp(1.125rem, 1.04rem + .4vw, 1.375rem);--text-2xl:clamp(1.375rem, 1.18rem + .72vw, 1.75rem);--text-3xl:clamp(1.75rem, 1.45rem + 1vw, 2.25rem);--text-4xl:clamp(2rem, 1.6rem + 1.4vw, 2.75rem);--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.45;--line-height-relaxed:1.6;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.02em;--letter-spacing-wider:.06em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--radius-sm:.1875rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-pill:9999px;--border-width-thin:1px;--border-width-thick:2px;--shadow-sm:0 1px 2px #1118270d;--shadow-md:0 6px 18px #11182714;--shadow-lg:0 14px 32px #1118271f;--shadow-focus:0 0 0 3px #1c6dff2e;--motion-duration-fast:.12s;--motion-duration-base:.18s;--motion-duration-slow:.28s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized:cubic-bezier(.16, 1, .3, 1);--breakpoint-sm:30rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--content-width-sm:42rem;--content-width-md:64rem;--header-height:4rem}[data-theme=dark]{--color-bg-default:#0a0e1a;--color-bg-subtle:#0f1522;--color-bg-muted:#111827;--color-surface-base:#111827;--color-surface-card:#131c2a;--color-surface-raised:#172233;--color-surface-overlay:#1a2435;--color-surface-selected:#14233d;--color-surface-note:#1e2d42;--color-border-default:#1e2a3a;--color-border-strong:#2c3b50;--color-border-subtle:#182334;--color-border-divider:#223044;--color-text-primary:#edf3fb;--color-text-secondary:#c4d0df;--color-text-muted:#93a4b8;--color-text-disabled:#66788d;--color-text-inverse:#08101c;--color-accent-primary:#4d8dff;--color-accent-hover:#6ba0ff;--color-accent-active:#87b2ff;--color-accent-subtle:#142742;--color-interactive-hover:#14213a;--color-interactive-active:#1a2946;--color-interactive-disabled:#16202c;--color-success-subtle:#0d2a1a;--color-error-subtle:#301617;--color-warning-default:#f0a53a;--color-warning-subtle:#322410;--color-neutral-badge:#212e41;--color-neutral-badge-text:#a2b0c2;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 8px 20px #00000052;--shadow-lg:0 18px 40px #0000006b;--shadow-focus:0 0 0 3px #4d8dff38}[data-theme=sepia]{--color-bg-default:#f4ecd8;--color-bg-subtle:#ede5cf;--color-bg-muted:#e4dcbf;--color-surface-base:#fbf6ea;--color-surface-card:#fdfbf7;--color-surface-raised:#fefefb;--color-surface-overlay:#f8f3e5;--color-surface-selected:#efe7cf;--color-surface-note:#ede4cc;--color-border-default:#d4cbb3;--color-border-strong:#c4bba3;--color-border-subtle:#dfd7c0;--color-border-divider:#dfd6bf;--color-text-primary:#433422;--color-text-secondary:#5c4b37;--color-text-muted:#80705d;--color-text-disabled:#a89b8a;--color-text-inverse:#fdfbf7;--color-accent-primary:#8f613c;--color-accent-hover:#7e5230;--color-accent-active:#6c4324;--color-accent-subtle:#f5ecd8;--color-interactive-hover:#f2e8cf;--color-interactive-active:#e6dac0;--color-interactive-disabled:#e8dfc7;--color-success-subtle:#e6f3e6;--color-error-subtle:#fbe6e6;--color-warning-default:#c18228;--color-warning-subtle:#fbf0dc;--color-neutral-badge:#e5dcbfa2;--color-neutral-badge-text:#73644f;--shadow-sm:0 1px 2px #4334220d;--shadow-md:0 6px 18px #43342214;--shadow-lg:0 14px 32px #4334221f;--shadow-focus:0 0 0 3px #8f613c2e}[data-font=serif]{--font-family-sans:"PT Serif", Georgia, Cambria, "Times New Roman", Times, serif}[data-font=mono]{--font-family-sans:"IBM Plex Mono", Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-default);color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);transition:background-color var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent-primary);transition:color var(--motion-duration-fast) var(--motion-ease-standard);text-decoration:none}a:hover{color:var(--color-accent-hover)}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}#app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:100;height:var(--header-height);background:color-mix(in srgb, var(--color-bg-default) 85%, var(--color-surface-card));border-bottom:var(--border-width-thin) solid var(--color-border-subtle);-webkit-backdrop-filter:blur(12px);transition:background var(--motion-duration-base), border-color var(--motion-duration-base);position:sticky;top:0}.container{max-width:var(--content-width-md);padding:0 var(--space-4);width:100%;margin:0 auto}.topbar-nav{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-size:var(--text-lg);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);align-items:center;gap:var(--space-2);display:flex}.brand-dot{background-color:var(--color-accent-primary);border-radius:var(--radius-pill);width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.settings-group{align-items:center;gap:var(--space-2);display:flex}.btn-icon{border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;width:2.25rem;height:2.25rem;transition:all var(--motion-duration-fast) var(--motion-ease-standard);color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--color-interactive-hover);border-color:var(--color-border-subtle);color:var(--color-text-primary)}.btn-icon.active{background:var(--color-accent-subtle);color:var(--color-accent-primary);border-color:var(--color-accent-subtle)}.workspace{gap:var(--space-6);padding:var(--space-6) 0;grid-template-columns:1.1fr 1.4fr;align-items:start;display:grid}.workspace.composer-collapsed{grid-template-columns:1fr}.workspace.composer-collapsed .composer-container{display:none}@media (width<=48rem){.workspace{gap:var(--space-6);grid-template-columns:1fr}.workspace>*{min-width:0}}.composer-container{top:calc(var(--header-height) + var(--space-4));gap:var(--space-4);flex-direction:column;display:flex;position:sticky}@media (width<=48rem){.composer-container{position:static}}.composer-card{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--motion-duration-base), border-color var(--motion-duration-base)}.composer-card:focus-within{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.composer-header{margin-bottom:var(--space-3);font-family:var(--font-family-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);justify-content:space-between;align-items:center;display:flex}.editor-mode-badge{background:var(--color-neutral-badge);color:var(--color-neutral-badge-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all var(--motion-duration-fast)}.editor-mode-badge.edit-mode{background:var(--color-warning-subtle);color:var(--color-warning-default)}.textarea-wrapper{width:100%;margin-bottom:var(--space-3);position:relative}.editor-textarea{border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;min-height:180px;padding:var(--space-3);background:var(--color-surface-base);resize:vertical;line-height:var(--line-height-normal);font-size:var(--text-md);transition:all var(--motion-duration-base) var(--motion-ease-standard);outline:none}.editor-textarea:focus{border-color:var(--color-accent-primary);background:var(--color-surface-card);box-shadow:var(--shadow-focus)}.tag-selector-wrapper{margin-bottom:var(--space-3);position:relative}.tag-label{font-family:var(--font-family-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.tags-composer-box{gap:var(--space-2);padding:var(--space-2);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-base);min-height:2.5rem;transition:border-color var(--motion-duration-base), background var(--motion-duration-base);flex-wrap:wrap;align-items:center;display:flex}.tags-composer-box:focus-within{border-color:var(--color-accent-primary);background:var(--color-surface-card);box-shadow:var(--shadow-focus)}.tag-pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-accent-subtle);color:var(--color-accent-primary);border-radius:var(--radius-pill);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--font-weight-medium);transition:all var(--motion-duration-fast);display:inline-flex}.tag-pill-remove{cursor:pointer;color:var(--color-accent-primary);border-radius:var(--radius-pill);background:0 0;border:none;justify-content:center;align-items:center;width:12px;height:12px;padding:0;font-size:10px;display:flex}.tag-pill-remove:hover{background:#1c6dff26}.tag-composer-input{min-width:80px;font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1;padding:2px 4px}.autocomplete-dropdown{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-height:160px;transition:all var(--motion-duration-fast);margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{padding:var(--space-2) var(--space-3);font-family:var(--font-family-mono);font-size:var(--text-xs);cursor:pointer;transition:background var(--motion-duration-fast);justify-content:space-between;align-items:center;display:flex}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-interactive-hover);color:var(--color-accent-primary)}.quick-paste-wrapper{margin-bottom:var(--space-4)}.quick-paste-box{border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-base);padding:var(--space-2);transition:all var(--motion-duration-base);align-items:center;display:flex}.quick-paste-box:focus-within{border-color:var(--color-accent-primary);background:var(--color-surface-card);box-shadow:var(--shadow-focus)}.quick-paste-prefix{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-muted);padding-right:var(--space-2);border-right:var(--border-width-thin) solid var(--color-border-divider);-webkit-user-select:none;user-select:none;white-space:nowrap}.quick-paste-input{width:100%;font-family:var(--font-family-mono);font-size:var(--text-xs);padding-left:var(--space-2);background:0 0;border:none;outline:none}.quick-paste-input::placeholder{color:var(--color-text-disabled)}.composer-actions{gap:var(--space-2);display:flex}.btn{padding:var(--space-2) var(--space-4);font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease-standard);-webkit-user-select:none;user-select:none;border:var(--border-width-thin) solid transparent;justify-content:center;align-items:center;min-height:2.5rem;display:inline-flex}.btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{background:var(--color-accent-active)}.btn-secondary{background:var(--color-surface-base);border-color:var(--color-border-default);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-interactive-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-secondary:active{background:var(--color-interactive-active)}.btn-block{flex:1;width:100%}.formatting-bar{bottom:var(--space-6);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-1);z-index:1000;transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized), background var(--motion-duration-base), border-color var(--motion-duration-base);pointer-events:none;opacity:0;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(180%)}.formatting-bar.is-visible{pointer-events:auto;opacity:1;transform:translate(-50%)translateY(0)}.formatting-divider{background-color:var(--color-border-divider);width:1px;height:1.25rem;margin:0 var(--space-1)}.formatting-btn{cursor:pointer;padding:var(--space-1) var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--motion-duration-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:2rem;height:2rem;display:flex}.formatting-btn:hover{background:var(--color-interactive-hover);color:var(--color-accent-primary)}.formatting-btn svg{fill:currentColor;width:16px;height:16px}.formatting-label{font-size:9px;font-family:var(--font-family-mono);text-transform:uppercase;color:var(--color-text-muted);margin-right:var(--space-2);-webkit-user-select:none;user-select:none}.feed-container{gap:var(--space-4);flex-direction:column;display:flex}.feed-header{padding-bottom:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-divider);font-family:var(--font-family-mono);justify-content:space-between;align-items:center;display:flex}.feed-title{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.feed-count{font-size:var(--text-xs);color:var(--color-text-muted)}.log-card{background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);gap:var(--space-3);transition:all var(--motion-duration-base) var(--motion-ease-standard);flex-direction:column;animation:.3s ease-out slideIn;display:flex;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.log-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.log-meta{justify-content:space-between;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-muted);border-bottom:var(--border-width-thin) solid var(--color-border-divider);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.log-date-time{align-items:center;gap:var(--space-2);display:flex}.log-actions{gap:var(--space-1);display:flex}.log-action-btn{cursor:pointer;font-size:var(--text-xs);color:var(--color-text-muted);padding:2px var(--space-2);border-radius:var(--radius-md);transition:all var(--motion-duration-fast);background:0 0;border:none}.log-action-btn:hover{background:var(--color-interactive-hover);color:var(--color-accent-primary)}.log-action-btn.btn-delete:hover{background:var(--color-error-subtle);color:var(--color-error-default)}.log-content{font-size:var(--text-md);line-height:var(--line-height-relaxed);color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word}.log-content p{margin-bottom:var(--space-3)}.log-content p:last-child{margin-bottom:0}.log-content h1,.log-content h2,.log-content h3{font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);margin-top:var(--space-3);margin-bottom:var(--space-2)}.log-content h1{font-size:var(--text-lg)}.log-content h2{font-size:var(--text-md)}.log-content h3{font-size:var(--text-sm)}.log-content code{font-family:var(--font-family-mono);background:var(--color-bg-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:2px 4px;font-size:.9em}.log-content pre{background:var(--color-bg-subtle);padding:var(--space-3);border-radius:var(--radius-md);margin:var(--space-3) 0;overflow-x:auto}.log-content pre code{color:inherit;background:0 0;padding:0;font-size:.85em}.log-content blockquote{border-left:var(--border-width-thick) solid var(--color-border-strong);padding-left:var(--space-3);color:var(--color-text-secondary);margin:var(--space-3) 0;font-style:italic}.log-content ul,.log-content ol{padding-left:var(--space-5);margin-bottom:var(--space-3)}.log-content li{margin-bottom:var(--space-1)}.log-tags{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.log-tag-badge{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:2px var(--space-2);background:var(--color-neutral-badge);color:var(--color-neutral-badge-text);border-radius:var(--radius-pill);transition:all var(--motion-duration-fast);cursor:pointer;font-size:9px}.log-tag-badge:hover{background:var(--color-accent-subtle);color:var(--color-accent-primary)}.embed-container{margin-top:var(--space-2);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-surface-base);overflow:hidden}.embed-image-wrapper{cursor:zoom-in;justify-content:center;align-items:center;max-height:300px;display:flex;position:relative;overflow:hidden}.embed-image{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-duration-slow) var(--motion-ease-standard)}.embed-image-wrapper:hover .embed-image{transform:scale(1.02)}.embed-video-wrapper{aspect-ratio:16/9;background:#000;align-items:center;width:100%;display:flex}.embed-video{object-fit:contain;width:100%;height:100%}.embed-link-card{background:var(--color-surface-card);transition:background var(--motion-duration-base);color:inherit;text-decoration:none;display:flex}.embed-link-card:hover{background:var(--color-interactive-hover);text-decoration:none}.embed-link-details{padding:var(--space-3);justify-content:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.embed-link-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.embed-link-desc{font-size:var(--text-xs);color:var(--color-text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;line-height:var(--line-height-normal);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.embed-link-domain{font-family:var(--font-family-mono);color:var(--color-accent-primary);text-transform:uppercase;margin-top:2px;font-size:9px}.embed-link-thumb{object-fit:cover;border-left:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-bg-muted);width:90px;height:90px}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-4);align-items:center;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input{width:100%;padding:var(--space-2) var(--space-3);padding-left:var(--space-8);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--color-surface-card);transition:all var(--motion-duration-base);outline:none}.search-input:focus{border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus)}.search-icon{left:var(--space-3);color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}.search-icon svg{fill:currentColor;width:14px;height:14px}.active-filter-badge{background:var(--color-accent-subtle);color:var(--color-accent-primary);font-family:var(--font-family-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);align-items:center;gap:var(--space-2);border:var(--border-width-thin) solid var(--color-accent-primary);display:flex}.active-filter-close{cursor:pointer;color:var(--color-accent-primary);font-weight:var(--font-weight-bold);background:0 0;border:none;align-items:center;display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);border:var(--border-width-thin) dashed var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-muted);background:var(--color-surface-card)}.empty-state-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);opacity:.5}.empty-state-text{font-size:var(--text-sm);font-family:var(--font-family-mono);text-transform:uppercase}.install-banner{bottom:var(--space-4);right:var(--space-4);background:var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-4);z-index:900;transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized);display:flex;position:fixed;transform:translateY(150%)}.install-banner.is-visible{transform:translateY(0)}