:root{color-scheme:light;--bg: #fafafa;--fg: #1a1a1a;--muted: #6b6b6b;--border: #e0e0e0;--surface: #ffffff;--surface-hover: #f2f2f2;--badge-bg: #f0f0f0;--badge-border: #d4d4d4;--accent: #3b6ef6}:root[data-theme=dark]{color-scheme:dark;--bg: #17181a;--fg: #ececec;--muted: #9a9a9a;--border: #2c2d30;--surface: #1f2023;--surface-hover: #26272b;--badge-bg: #26272b;--badge-border: #3a3b3f;--accent: #6f9bff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:760px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app__header{position:sticky;top:0;background:var(--bg);padding:2.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);z-index:1}.app__title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;letter-spacing:.01em}.app__count{margin:.6rem 0 0;font-size:.8rem;color:var(--muted)}.app__main{flex:1;padding:1rem 1.5rem 3rem}.search-bar{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:.9rem;color:var(--muted);font-size:1rem;pointer-events:none}.search-bar__input{width:100%;padding:.7rem 2.4rem;font-size:1rem;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .15s ease}.search-bar__input:focus{border-color:var(--accent)}.search-bar__input::placeholder{color:var(--muted)}.search-bar__clear{position:absolute;right:.6rem;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.search-bar__clear:hover{background:var(--surface-hover);color:var(--fg)}.category-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.category-chips__chip{font-size:.8rem;padding:.3rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer}.category-chips__chip:hover{background:var(--surface-hover)}.category-chips__chip--active{border-color:var(--accent);color:var(--accent)}.result-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.result-list__empty{color:var(--muted);font-size:.9rem;padding:2rem 0;text-align:center}.result-item{padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.result-item--selected{border-color:var(--accent);background:var(--surface-hover)}.result-item__keys{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.result-item__copied{font-size:.75rem;color:var(--accent)}.key-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;padding:.15rem .55rem;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:6px;white-space:nowrap}.result-item__description{margin:0;font-size:.92rem;line-height:1.55;color:var(--fg)}.result-item__meta{margin:.4rem 0 0;font-size:.75rem;color:var(--muted)}mark{background:transparent;color:var(--accent);font-weight:600;padding:0}.theme-toggle{position:fixed;top:.6rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--muted);font-size:1.05rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.theme-toggle:hover{background:var(--surface-hover);color:var(--fg)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}