:root{--bg0:#32302f;--bg1:#3c3936;--bg2:#494541;--bg3:#5f5a52;--fg:#ebdbb2;--fg4:#b0a588;--gray:#a89984;--accent:#8ec07c;--smart:#fabd2f;--glyph-font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg0);height:100%;color:var(--fg);font:13px/1.35 var(--ui-font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:1px}.icon{flex:none;display:block}.app{height:100dvh;display:flex}.splash{color:var(--gray);margin:auto}.sidebar{background:var(--bg1);flex-direction:column;flex:none;width:196px;display:flex}#categories{scrollbar-width:none;flex-direction:column;flex:1;gap:2px;padding:8px 10px 12px;display:flex;overflow-y:auto}.side-row{color:var(--fg4);text-align:left;white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:6px 10px;display:flex}.side-row .icon{width:18px;color:var(--tint);opacity:.75}.side-row:hover{background:color-mix(in srgb, var(--bg2) 60%, transparent)}.side-row:hover .icon,.side-row.selected .icon{opacity:1}.side-row.selected{color:var(--fg);background:color-mix(in srgb, var(--tint) 16%, transparent);font-weight:600}.divider{background:var(--bg2);height:1px;margin:8px}.sidebar-foot{flex-direction:column;gap:8px;padding:10px;display:flex}.badge{text-align:left;border-radius:9px;align-items:center;gap:10px;padding:6px 8px;display:flex}.badge:hover{background:var(--bg2)}.badge-text{flex-direction:column;display:flex}.badge-name{font-size:15px;font-weight:600}.badge-version{font:10.5px var(--mono);color:var(--gray)}.install{text-align:left;background:color-mix(in srgb, var(--accent) 10%, var(--bg1));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:9px;display:flex}.install-title{color:var(--accent);align-items:center;gap:6px;font-weight:600;display:flex}.install-title span{flex:1}.install-title .icon:last-child{color:var(--fg4)}.install:hover .install-title .icon:last-child{color:var(--accent)}.install-command{background:var(--bg0);color:var(--fg4);font:10px/1.45 var(--mono);overflow-wrap:anywhere;border-radius:7px;padding:6px 8px;display:block}.install:hover .install-command{color:var(--fg)}.install-note{color:var(--gray);font-size:10.5px}main{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{align-items:center;gap:6px;padding:10px 14px 6px 18px;display:flex}.search-field{background:var(--bg1);border:1px solid var(--bg2);max-width:420px;height:30px;color:var(--gray);border-radius:8px;flex:1;align-items:center;gap:7px;margin-left:auto;padding:0 8px 0 10px;display:flex}.search-field:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}#search{min-width:0;height:100%;color:var(--fg);font:13px var(--ui-font);background:0 0;border:0;outline:0;flex:1}#search::placeholder{color:var(--gray)}#search::-webkit-search-cancel-button{display:none}.clear{background:var(--bg3);width:18px;height:18px;color:var(--bg0);border-radius:9px;place-items:center;display:grid}.clear[hidden]{display:none}.icon-button{width:32px;height:30px;color:var(--fg4);border-radius:8px;place-items:center;display:grid}.icon-button:hover{background:var(--bg1);color:var(--fg)}.icon-button.active{color:var(--accent)}.icon-button.smart.active{color:var(--smart);background:color-mix(in srgb, var(--smart) 14%, transparent)}.category-strip{display:none}#results{flex:1;min-height:0;position:relative}.grid-scroller{position:absolute;inset:0;overflow:hidden auto}#results.is-empty .grid-scroller{visibility:hidden}.grid-content{position:relative}.grid-content>*,.grid-pinned{position:absolute;top:0}.grid-pinned{z-index:2;pointer-events:none}.grid-pinned>*{pointer-events:auto}.section-header{background:var(--bg0)}.header{--tint:var(--accent);align-items:center;gap:8px;padding:12px 0 8px;display:flex}.header .dot{background:var(--tint);border-radius:50%;width:7px;height:7px}.header .title{letter-spacing:.8px;color:var(--tint);font-size:11px;font-weight:700}.header .count,.header .thinking{font:11px var(--mono);color:var(--gray)}.header.related{--tint:var(--smart);flex-direction:column;align-items:stretch;gap:8px;padding-top:16px}.header-line{color:var(--smart);align-items:center;gap:6px;display:flex}.header .thinking{color:color-mix(in srgb, var(--smart) 80%, transparent)}.chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chip{background:var(--bg1);color:var(--fg4);border-radius:999px;flex:none;padding:4px 9px;font-size:11px;font-weight:500}.chip:hover{background:var(--smart);color:var(--bg0)}.tile-row{display:flex}.tile{width:var(--tile,54px);height:var(--tile,54px);cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #0000;border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.tile:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.tile.selected{color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 70%, transparent)}.glyph{font-family:var(--glyph-font);white-space:nowrap;line-height:1}.invisible{font:500 11px var(--mono);color:var(--gray);border:1px dashed var(--bg3);border-radius:3px;padding:2px 3px}.empty{color:var(--fg4);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:none;position:absolute;inset:0}#results.is-empty .empty{display:flex}.empty>.icon{color:var(--bg3)}.empty-hint{color:var(--gray);font-size:11px}.link{color:var(--accent);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.hovercard{z-index:5;background:var(--bg1);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);pointer-events:none;opacity:0;border-radius:12px;max-width:520px;padding:12px;transition:opacity .12s ease-out;position:absolute;top:0;left:0;box-shadow:0 6px 28px #0000004d}.hovercard.shown{opacity:1}.hc-name{white-space:nowrap;font-size:11px;font-weight:600}.hc-sub{color:var(--fg4);margin-bottom:8px;font-size:10px}.hc-samples{align-items:flex-end;gap:10px;display:flex}.hc-sample{flex-direction:column;align-items:center;gap:3px;display:flex}.hc-sample .glyph{place-items:center;min-width:30px;min-height:38px;font-size:30px;display:grid}.hc-label{color:var(--gray);font-size:8.5px}.detail{background:var(--bg0);border-top:1px solid color-mix(in srgb, var(--bg2) 50%, transparent);flex:none;align-items:center;gap:14px;height:30px;padding:0 16px;transition:height .2s,background .2s;display:flex}.detail.expanded{background:var(--bg1);border-top-color:var(--bg2);height:66px}.detail .hint{color:color-mix(in srgb, var(--gray) 70%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.spacer{flex:1}.detail-glyph{width:50px;height:50px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.detail-text{flex-direction:column;gap:3px;min-width:0;display:flex}.detail-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.detail-meta{font:11px var(--mono);color:var(--fg4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.detail-meta .cp{color:var(--accent)}.detail-meta .nofont{color:var(--smart)}.pills{flex:none;gap:6px;display:flex}.pill{font:500 11px var(--mono);background:var(--bg2);color:var(--fg4);white-space:nowrap;border-radius:999px;padding:5px 9px}.pill:hover{background:var(--accent);color:var(--bg0)}.pill.star{align-self:center;place-items:center;width:26px;height:22px;padding:0;display:grid}.pill.star:hover{background:var(--bg2);color:var(--smart)}.pill.star.on{background:var(--smart);color:var(--bg0)}.separator{background:var(--bg2);flex:none;width:1px;height:28px}.return-action{color:var(--fg4);border-radius:7px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.detail:not(.expanded) .return-action{padding:3px 8px;font-size:11px}.return-action:hover{background:var(--bg2);color:var(--fg)}kbd{font:500 11px var(--ui-font);color:var(--gray);border:1px solid var(--bg3);border-radius:4px;padding:0 5px}.toast{z-index:20;background:var(--accent);color:var(--bg0);opacity:0;pointer-events:none;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;transition:opacity .2s,transform .25s;position:fixed;bottom:80px;left:50%;transform:translate(-50%,20px)}.toast.shown{opacity:1;transform:translate(-50%)}.menu{z-index:30;background:var(--bg1);border:1px solid var(--bg2);border-radius:9px;flex-direction:column;min-width:220px;padding:5px;display:flex;position:fixed;box-shadow:0 8px 30px #00000059}.menu-title{color:var(--gray);padding:4px 8px 4px 28px;font-size:11px;font-weight:600}.menu-item{text-align:left;white-space:nowrap;border-radius:5px;align-items:center;padding:5px 8px;display:flex}.menu-item:not(:has(.check)){padding-left:28px}.menu-item .check{width:20px;color:var(--accent)}.menu-item:hover{background:var(--accent);color:var(--bg0)}.menu-item:hover .check{color:var(--bg0)}.menu-divider{background:var(--bg2);height:1px;margin:4px 6px}.settings{border:1px solid var(--bg2);background:var(--bg0);width:min(720px,100vw - 32px);max-height:min(760px,100dvh - 32px);color:var(--fg);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 20px 60px #00000073}.settings[open]{flex-direction:column;display:flex}.settings::backdrop{background:#0006}.settings-head{border-bottom:1px solid var(--bg2);justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}.tabs{gap:4px;display:flex}.tab{color:var(--fg4);border-radius:7px;padding:5px 12px;font-weight:500}.tab.selected{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--fg)}.settings-body{padding:4px 20px 24px;overflow-y:auto}.settings h2{margin:18px 0 10px;font-size:17px;font-weight:600}.settings h3{color:var(--fg4);margin:14px 0 8px;font-size:12px;font-weight:500}.font-row{flex-wrap:wrap;gap:8px;display:flex}.font-row select,.font-row input{border:1px solid var(--bg2);background:var(--bg1);height:30px;color:var(--fg);font:13px var(--ui-font);border-radius:7px;padding:0 8px}.font-row input{flex:1;min-width:180px}.font-preview{background:var(--bg1);border-radius:10px;margin:12px 0 6px;padding:10px 14px;font-size:26px}.note{color:var(--fg4);margin:6px 0;font-size:11.5px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.theme-card{text-align:left;flex-direction:column;gap:6px;display:flex}.theme-preview{border:2px solid #0000;border-radius:9px;flex-direction:column;justify-content:space-between;height:64px;padding:8px 10px;display:flex;box-shadow:0 0 0 1px #7f7f7f40}.theme-card.selected .theme-preview{border-color:var(--card-accent)}.theme-glyphs{letter-spacing:4px;font-size:18px}.theme-dots{gap:4px;display:flex}.theme-dots i{border-radius:50%;width:10px;height:10px}.theme-name{color:var(--fg4);font-size:12px}.theme-card.selected .theme-name{color:var(--fg);font-weight:600}.about{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:20px;display:flex}.about p{max-width:420px;color:var(--fg4)}.about-name{font-size:26px;font-weight:600}.about-version{font:12px var(--mono);color:var(--gray)}.about .install{text-align:left;width:min(100%,360px)}@media (max-width:720px){.sidebar{display:none}.toolbar{padding:10px 10px 6px 16px;padding-top:max(10px, env(safe-area-inset-top))}.search-field{max-width:none}.category-strip{scrollbar-width:none;gap:6px;padding:4px 16px 6px;display:flex;overflow-x:auto}.strip-chip{--tint:var(--accent);background:var(--bg1);color:var(--fg4);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:flex}.strip-chip .icon{color:var(--tint)}.strip-chip.selected{color:var(--fg);background:color-mix(in srgb, var(--tint) 20%, var(--bg1));font-weight:600}.strip-chip.mac{color:var(--accent)}.detail{padding:0 16px max(0px, env(safe-area-inset-bottom))}.detail.expanded{height:auto;padding-top:10px;padding-bottom:max(10px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 12px}.detail.expanded .detail-text{flex:1}.detail.expanded .spacer,.detail.expanded .separator{display:none}.detail.expanded .pills{scrollbar-width:none;flex-basis:100%;order:3;overflow-x:auto}.toast{bottom:140px}}
