:root{--font:"Figtree", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"Sora", "Figtree", sans-serif;--mono:"SF Mono", "Menlo", "Consolas", ui-monospace, monospace;--bg:#e8eef2;--bg-accent:#0e749024;--bg-mist:#f59e0b1a;--surface:#fff;--surface-2:#f4f7fa;--border:#d0dae4;--border-strong:#7c8fa3;--text:#0b1220;--muted:#3d4f63;--faint:#6b7f94;--brand:#0e7490;--brand-strong:#155e75;--brand-soft:#0e74901f;--header-bg:#0c4a6e;--header-text:#fff;--header-btn-bg:#ffffff24;--header-btn-hover:#ffffff3d;--header-h:64px;--accent:#0891b2;--ok:#047857;--ok-soft:#04785724;--ok-fg:#ecfdf5;--danger:#be123c;--danger-soft:#be123c1f;--chip-on-fg:#fff;--code-bg:#0f172a;--code-fg:#e2e8f0;--code-muted:#94a3b8;--shadow:0 1px 2px #0f172a0a, 0 10px 28px #0f172a0f;--radius:14px;--radius-sm:10px;--cat-dev:#0f766e;--cat-dev-soft:#ccfbf1;--cat-dev-border:#5eead4;--cat-nav:#0369a1;--cat-nav-soft:#e0f2fe;--cat-nav-border:#7dd3fc;--cat-ls:#6d28d9;--cat-ls-soft:#ede9fe;--cat-ls-border:#c4b5fd;--cat-system:#b45309;--cat-system-soft:#fef3c7;--cat-system-border:#fcd34d;--cat-clipboard:#be185d;--cat-clipboard-soft:#fce7f3;--cat-clipboard-border:#f9a8d4;--cat-ollama:#4338ca;--cat-ollama-soft:#e0e7ff;--cat-ollama-border:#a5b4fc;--cat-llm:#0f766e;--cat-llm-soft:#ccfbf1;--cat-llm-border:#5eead4;--cat-usage:#c2410c;--cat-usage-soft:#ffedd5;--cat-usage-border:#fdba74;--cat-backend:#7c3aed;--cat-backend-soft:#f3e8ff;--cat-backend-border:#d8b4fe;--cat-agent:#475569;--cat-agent-soft:#e2e8f0;--cat-agent-border:#94a3b8;--cat-other:#475569;--cat-other-soft:#e2e8f0;--cat-other-border:#94a3b8;--src-my:#0e7490;--src-my-soft:#e0f2fe;--src-ai:#7c3aed;--src-ai-soft:#f3e8ff;--src-agent:#b45309;--src-agent-soft:#fef3c7}:root[data-theme=dark]{--bg:#081018;--bg-accent:#22d3ee1f;--bg-mist:#fbbf2414;--surface:#101a27;--surface-2:#152233;--border:#243447;--border-strong:#3d536b;--text:#f1f5f9;--muted:#a8b8cb;--faint:#7f93aa;--brand:#22d3ee;--brand-strong:#67e8f9;--brand-soft:#22d3ee24;--header-bg:#082f49;--header-text:#f0f9ff;--header-btn-bg:#ffffff14;--header-btn-hover:#ffffff29;--accent:#22d3ee;--ok:#34d399;--ok-soft:#34d39929;--ok-fg:#042f2e;--danger:#fb7185;--danger-soft:#fb718529;--chip-on-fg:#042f2e;--code-bg:#020617;--code-fg:#e2e8f0;--code-muted:#64748b;--shadow:0 1px 2px #0006, 0 12px 32px #00000059;--cat-dev:#2dd4bf;--cat-dev-soft:#2dd4bf29;--cat-dev-border:#2dd4bf;--cat-nav:#38bdf8;--cat-nav-soft:#38bdf829;--cat-nav-border:#38bdf8;--cat-ls:#c4b5fd;--cat-ls-soft:#c4b5fd29;--cat-ls-border:#c4b5fd;--cat-system:#fbbf24;--cat-system-soft:#fbbf2429;--cat-system-border:#fbbf24;--cat-clipboard:#f472b6;--cat-clipboard-soft:#f472b629;--cat-clipboard-border:#f472b6;--cat-ollama:#a5b4fc;--cat-ollama-soft:#a5b4fc29;--cat-ollama-border:#a5b4fc;--cat-llm:#2dd4bf;--cat-llm-soft:#2dd4bf29;--cat-llm-border:#2dd4bf;--cat-usage:#fb923c;--cat-usage-soft:#fb923c29;--cat-usage-border:#fb923c;--cat-backend:#c4b5fd;--cat-backend-soft:#c4b5fd29;--cat-backend-border:#c4b5fd;--cat-agent:#94a3b8;--cat-agent-soft:#94a3b829;--cat-agent-border:#94a3b8;--cat-other:#94a3b8;--cat-other-soft:#94a3b829;--cat-other-border:#94a3b8;--src-my:#22d3ee;--src-my-soft:#22d3ee24;--src-ai:#c4b5fd;--src-ai-soft:#c4b5fd29;--src-agent:#fbbf24;--src-agent-soft:#fbbf2429}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:17px}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}#root{height:100dvh}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background:radial-gradient(ellipse 70% 45% at 8% -8%, var(--bg-accent), transparent 55%), radial-gradient(ellipse 55% 40% at 95% 0%, var(--bg-mist), transparent 50%), linear-gradient(180deg, #eef4f8 0%, var(--bg) 40%), var(--bg);background-attachment:fixed;font-size:1rem}:root[data-theme=dark] body{background:radial-gradient(ellipse 70% 45% at 8% -8%, var(--bg-accent), transparent 55%), radial-gradient(ellipse 55% 40% at 95% 0%, var(--bg-mist), transparent 50%), var(--bg)}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.srOnly{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;height:100%;max-height:100dvh;display:flex;position:relative;overflow:hidden}.header{z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:var(--header-bg);color:var(--header-text);border-bottom:1px solid #ffffff14;flex:none;align-items:center;display:flex;box-shadow:0 2px 14px #082f4947}.headerInner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:880px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brandMark{width:38px;height:38px;color:var(--header-text);background:#ffffff24;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.title{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}.subtitle{opacity:.78;margin:2px 0 0;font-size:.75rem;line-height:1.2}.headerRight{align-items:center;gap:8px;display:flex}.iconBtn{background:var(--header-btn-bg);width:40px;height:40px;color:var(--header-text);cursor:pointer;border:none;border-radius:10px;place-items:center;display:grid}.iconBtn:hover:not(:disabled){background:var(--header-btn-hover)}.iconBtn:disabled{opacity:.55;cursor:default}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wrap{width:min(880px,100% - 2rem);min-height:0;padding:14px 0 max(.5rem, env(safe-area-inset-bottom));flex-direction:column;flex:auto;margin:0 auto;display:flex;overflow:hidden}.metaRow{flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.syncMeta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px;margin:0;font-size:.8rem;display:flex}.metaCount strong{color:var(--brand);font-variant-numeric:tabular-nums;margin-right:2px;font-size:1.05rem;font-weight:700}.metaCalls strong{color:var(--cat-system);font-variant-numeric:tabular-nums;font-weight:700}.metaMuted{color:var(--faint)}.clearFilters{border:1px solid var(--border);background:var(--surface);color:var(--brand);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.74rem;font-weight:600}.clearFilters:hover{border-color:var(--brand);background:var(--brand-soft)}.stats{flex-wrap:nowrap;flex:none;align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.statCard{--tc:var(--brand);appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:0;min-height:4.4rem;box-shadow:var(--shadow);text-align:center;color:inherit;cursor:pointer;font:inherit;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;padding:.75rem .5rem;transition:border-color .15s,background .15s,box-shadow .15s,opacity .15s,filter .15s;display:flex}.statCard:hover:not(.active){border-color:var(--border-strong)}.statCard.active{background:var(--tc);box-shadow:0 1px 2px #0f172a24, 0 0 0 2px color-mix(in srgb, var(--tc) 28%, transparent);border-color:#0000}.statCard.active:hover{filter:brightness(1.06)}.statCard strong{font-family:var(--display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.25rem,3vw,1.55rem);font-weight:700;line-height:1;display:block}.statCard span{color:var(--muted);white-space:nowrap;margin-top:.4rem;font-size:clamp(.7rem,1.8vw,.82rem);font-weight:650;line-height:1.2;display:block}.statCard.active strong,.statCard.active span{color:#fff}:root[data-theme=dark] .statCard.active strong,:root[data-theme=dark] .statCard.active span{color:var(--chip-on-fg)}.stats:has(.statCard.active) .statCard:not(.active){opacity:.62}.statCard.src-my{--tc:var(--src-my)}.statCard.src-my:not(.active){background:color-mix(in srgb, var(--src-my-soft) 85%, var(--surface));border-color:color-mix(in srgb, var(--src-my) 28%, var(--border))}.statCard.src-my:not(.active) strong,.statCard.src-my:not(.active) span{color:var(--src-my)}.statCard.src-ai{--tc:var(--src-ai)}.statCard.src-ai:not(.active){background:color-mix(in srgb, var(--src-ai-soft) 85%, var(--surface));border-color:color-mix(in srgb, var(--src-ai) 28%, var(--border))}.statCard.src-ai:not(.active) strong,.statCard.src-ai:not(.active) span{color:var(--src-ai)}.statCard.src-agent{--tc:var(--src-agent)}.statCard.src-agent:not(.active){background:color-mix(in srgb, var(--src-agent-soft) 85%, var(--surface));border-color:color-mix(in srgb, var(--src-agent) 28%, var(--border))}.statCard.src-agent:not(.active) strong,.statCard.src-agent:not(.active) span{color:var(--src-agent)}.toolbar{flex:none;margin-bottom:12px}.search{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);height:46px;color:var(--faint);box-shadow:var(--shadow);align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft), var(--shadow);color:var(--brand)}.search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.search input::placeholder{color:var(--faint)}.searchClear{background:var(--surface-2);color:var(--muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:1rem;line-height:1;display:grid}.chips{flex-wrap:wrap;flex:none;gap:8px;margin-bottom:14px;display:flex}.chips:has([aria-pressed=true]) .chip:not([aria-pressed=true]){opacity:.62}.chip{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.8rem;font-weight:600;transition:opacity .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{filter:brightness(.97)}.chipCount{font-variant-numeric:tabular-nums;text-align:center;opacity:.8;min-width:1.1em;font-size:.72rem;font-weight:650}.chipActive{border-color:#0000;color:var(--chip-on-fg)!important}.chipActive .chipCount{color:inherit;opacity:.9}.chip.cat-dev{background:var(--cat-dev-soft);color:var(--cat-dev);border-color:color-mix(in srgb, var(--cat-dev) 22%, transparent)}.chip.cat-nav{background:var(--cat-nav-soft);color:var(--cat-nav);border-color:color-mix(in srgb, var(--cat-nav) 22%, transparent)}.chip.cat-ls{background:var(--cat-ls-soft);color:var(--cat-ls);border-color:color-mix(in srgb, var(--cat-ls) 22%, transparent)}.chip.cat-system{background:var(--cat-system-soft);color:var(--cat-system);border-color:color-mix(in srgb, var(--cat-system) 22%, transparent)}.chip.cat-clipboard{background:var(--cat-clipboard-soft);color:var(--cat-clipboard);border-color:color-mix(in srgb, var(--cat-clipboard) 22%, transparent)}.chip.cat-ollama{background:var(--cat-ollama-soft);color:var(--cat-ollama);border-color:color-mix(in srgb, var(--cat-ollama) 22%, transparent)}.chip.cat-llm{background:var(--cat-llm-soft);color:var(--cat-llm);border-color:color-mix(in srgb, var(--cat-llm) 22%, transparent)}.chip.cat-usage{background:var(--cat-usage-soft);color:var(--cat-usage);border-color:color-mix(in srgb, var(--cat-usage) 22%, transparent)}.chip.cat-backend{background:var(--cat-backend-soft);color:var(--cat-backend);border-color:color-mix(in srgb, var(--cat-backend) 22%, transparent)}.chip.cat-agent{background:var(--cat-agent-soft);color:var(--cat-agent);border-color:color-mix(in srgb, var(--cat-agent) 22%, transparent)}.chip.cat-other{background:var(--cat-other-soft);color:var(--cat-other);border-color:color-mix(in srgb, var(--cat-other) 22%, transparent)}.chip.cat-dev.chipActive{background:var(--cat-dev)}.chip.cat-nav.chipActive{background:var(--cat-nav)}.chip.cat-ls.chipActive{background:var(--cat-ls)}.chip.cat-system.chipActive{background:var(--cat-system)}.chip.cat-clipboard.chipActive{background:var(--cat-clipboard)}.chip.cat-ollama.chipActive{background:var(--cat-ollama)}.chip.cat-llm.chipActive{background:var(--cat-llm)}.chip.cat-usage.chipActive{background:var(--cat-usage)}.chip.cat-backend.chipActive{background:var(--cat-backend)}.chip.cat-agent.chipActive{background:var(--cat-agent)}.chip.cat-other.chipActive{background:var(--cat-other)}.banner{border-radius:var(--radius-sm);flex:none;margin:0 0 10px;padding:10px 12px;font-size:.86rem}.banner.error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)}.empty{text-align:center;color:var(--muted);margin:28px 0 0;font-size:.95rem}.list{flex-direction:column;flex:auto;align-items:stretch;gap:10px;min-height:0;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow:auto}.list>:last-child{margin-bottom:0}.row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:min-content;box-shadow:var(--shadow);flex:none;align-items:stretch;display:flex;position:relative;overflow:hidden}.rowAccent{background:var(--border-strong);flex-shrink:0;width:5px}.row.cat-dev .rowAccent{background:var(--cat-dev)}.row.cat-nav .rowAccent{background:var(--cat-nav)}.row.cat-ls .rowAccent{background:var(--cat-ls)}.row.cat-system .rowAccent{background:var(--cat-system)}.row.cat-clipboard .rowAccent{background:var(--cat-clipboard)}.row.cat-ollama .rowAccent{background:var(--cat-ollama)}.row.cat-llm .rowAccent{background:var(--cat-llm)}.row.cat-usage .rowAccent{background:var(--cat-usage)}.row.cat-backend .rowAccent{background:var(--cat-backend)}.row.cat-agent .rowAccent{background:var(--cat-agent)}.row.cat-other .rowAccent{background:var(--cat-other)}.rowMain{flex-direction:column;flex:auto;gap:8px;min-width:0;min-height:min-content;padding:14px 16px;display:flex}.rowTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rowTitle{flex-direction:column;gap:6px;min-width:0;display:flex}.aliasName{font-family:var(--mono);cursor:pointer;letter-spacing:-.015em;text-align:left;background:0 0;border:none;width:fit-content;min-width:0;max-width:100%;margin:0;padding:0;font-size:1.05rem;font-weight:700;line-height:1.2}.aliasName:hover{text-underline-offset:3px;text-decoration:underline}.aliasName.cat-dev{color:var(--cat-dev)}.aliasName.cat-nav{color:var(--cat-nav)}.aliasName.cat-ls{color:var(--cat-ls)}.aliasName.cat-system{color:var(--cat-system)}.aliasName.cat-clipboard{color:var(--cat-clipboard)}.aliasName.cat-ollama{color:var(--cat-ollama)}.aliasName.cat-llm{color:var(--cat-llm)}.aliasName.cat-usage{color:var(--cat-usage)}.aliasName.cat-backend{color:var(--cat-backend)}.aliasName.cat-agent{color:var(--cat-agent)}.aliasName.cat-other{color:var(--cat-other)}.aliasName.justCopied{color:var(--ok)!important}.hashRow{flex-wrap:wrap;gap:6px;display:flex}.hashTag{letter-spacing:-.01em;border-radius:6px;align-items:center;padding:3px 8px;font-size:.74rem;font-weight:650;line-height:1.2;display:inline-flex}.hashTag.cat-dev{background:var(--cat-dev-soft);color:var(--cat-dev)}.hashTag.cat-nav{background:var(--cat-nav-soft);color:var(--cat-nav)}.hashTag.cat-ls{background:var(--cat-ls-soft);color:var(--cat-ls)}.hashTag.cat-system{background:var(--cat-system-soft);color:var(--cat-system)}.hashTag.cat-clipboard{background:var(--cat-clipboard-soft);color:var(--cat-clipboard)}.hashTag.cat-ollama{background:var(--cat-ollama-soft);color:var(--cat-ollama)}.hashTag.cat-llm{background:var(--cat-llm-soft);color:var(--cat-llm)}.hashTag.cat-usage{background:var(--cat-usage-soft);color:var(--cat-usage)}.hashTag.cat-backend{background:var(--cat-backend-soft);color:var(--cat-backend)}.hashTag.cat-agent{background:var(--cat-agent-soft);color:var(--cat-agent)}.hashTag.cat-other{background:var(--cat-other-soft);color:var(--cat-other)}.hashTag.src-my{background:var(--src-my-soft);color:var(--src-my)}.hashTag.src-ai{background:var(--src-ai-soft);color:var(--src-ai)}.hashTag.src-agent{background:var(--src-agent-soft);color:var(--src-agent)}.callMeta{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#c2410c;flex-shrink:0;align-items:baseline;gap:1px;margin-top:2px;font-size:1.05rem;font-weight:700;line-height:1;display:inline-flex}.callMeta .callUnit{opacity:.85;margin-left:1px;font-size:.68rem;font-weight:650}.callMeta.callHot{color:#9a3412}.callMeta.callZero{color:var(--faint);font-size:.9rem;font-weight:600}:root[data-theme=dark] .callMeta{color:#fb923c}:root[data-theme=dark] .callMeta.callHot{color:#fdba74}:root[data-theme=dark] .callMeta.callZero{color:var(--faint)}.desc{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.command{text-align:left;background:var(--code-bg);cursor:pointer;width:100%;color:var(--code-fg);border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 12px;transition:box-shadow .15s,border-color .15s;display:flex}.command:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.command.justCopied{box-shadow:0 0 0 2px var(--ok)}.command code{min-width:0;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:inherit;flex:1;font-size:.78rem;line-height:1.5}.command.isFn code{font-size:.74rem}.copyHint{color:var(--code-muted);opacity:.85;flex-shrink:0;margin-top:1px}.command:hover .copyHint{color:var(--accent)}.toast{left:50%;bottom:max(1.25rem, calc(env(safe-area-inset-bottom) + .75rem));z-index:40;background:var(--ok);color:var(--ok-fg);pointer-events:none;border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:650;animation:.2s ease-out toastIn;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #04785759}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=560px){.wrap{width:calc(100% - 1.25rem)}.rowMain{padding:12px}.command code{font-size:.74rem}}
