:root{--bg-deep: #080b10;--bg-surface: #111720;--bg-elevated: #1a2130;--bg-hover: #1f2a3a;--text-primary: #e8edf4;--text-secondary: #7c8898;--text-muted: #4f5b6b;--border: #1c2636;--border-row: #141e2c;--accent-token: #f0b866;--accent-similarity: #8ea4cc;--accent-active: #4d8eff;--accent-glow: rgba(77, 142, 255, .12);--accent-token-dim: rgba(240, 184, 102, .08);--accent-similarity-dim: rgba(142, 164, 204, .1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 8px;--radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-deep);background-image:radial-gradient(ellipse at 50% 0%,rgba(77,142,255,.03) 0%,transparent 50%);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:800px;margin:0 auto;padding:3rem 1.5rem 4rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rowFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}header{position:relative;z-index:30;margin-bottom:2rem;animation:fadeInUp .5s ease both}header h1{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1rem;color:var(--text-primary)}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.model-selector{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .75rem;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;transition:border-color .2s,color .2s}.model-selector:hover{border-color:var(--text-muted);color:var(--text-primary)}.embedding-toggle{position:relative;display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.embedding-slider{position:absolute;top:3px;left:3px;width:calc(50% - 4px);height:calc(100% - 6px);background:var(--accent-active);border-radius:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.embedding-slider.right{transform:translate(calc(100% + 2px))}.embedding-toggle button{position:relative;z-index:1;background:transparent;color:var(--text-muted);border:none;padding:.35rem .8rem;font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .3s;-webkit-user-select:none;user-select:none}.embedding-toggle button.active{color:#fff}.embedding-toggle.tied{padding:.35rem .8rem}.tied-label{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--text-muted);font-style:italic}.legend-wrapper{position:relative;margin-left:auto}.legend-button{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;font-family:var(--font-body);font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}.legend-button:hover{border-color:var(--text-muted);color:var(--text-secondary)}.legend-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.78rem;color:var(--text-secondary);white-space:nowrap;z-index:20;box-shadow:0 8px 24px #0006;animation:slideDown .15s ease both;display:flex;flex-direction:column;gap:.35rem}.legend-popover span{display:flex;align-items:center;gap:.5rem}.legend-popover .token-text{font-size:.85rem}.status{text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:.9rem;animation:fadeIn .3s ease both}.status.error{color:#e5534b}.loading-skeleton{animation:fadeIn .3s ease both}.skeleton-bar{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-search{height:44px;margin-bottom:1.5rem}.skeleton-row{height:20px;margin-bottom:.75rem}.skeleton-row:nth-child(2){width:90%}.skeleton-row:nth-child(3){width:75%;opacity:.7}.skeleton-row:nth-child(4){width:60%;opacity:.5}.skeleton-row:nth-child(5){width:45%;opacity:.3}.token-search{position:relative;z-index:20;margin-bottom:1.5rem;animation:fadeInUp .5s ease .1s both}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .2s}.search-input-wrapper:focus-within .search-icon{color:var(--accent-active)}.search-input{width:100%;padding:.7rem 1rem .7rem 2.5rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted);font-family:var(--font-body)}.search-input:focus{border-color:var(--accent-active);box-shadow:0 0 0 3px var(--accent-glow)}.search-results{position:absolute;top:100%;left:0;right:0;max-height:320px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);list-style:none;z-index:10;box-shadow:0 12px 32px #00000080;animation:slideDown .15s ease both}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:transparent}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.search-result{display:flex;justify-content:space-between;align-items:center;padding:.5rem .9rem;cursor:pointer;transition:background .12s}.search-result:hover,.search-result.active{background:var(--bg-hover)}.search-result .token-text{font-size:.85rem}.search-result .token-id{font-size:.75rem}.token-text{font-family:var(--font-mono);color:var(--accent-token);white-space:pre}.token-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.selected-token{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;background:var(--accent-token-dim);border-left:3px solid var(--accent-token);border-radius:0 var(--radius) var(--radius) 0;animation:fadeInUp .3s ease both}.selected-token .label{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.selected-token .token-text{font-size:1.15rem}.neighbor-results{animation:fadeIn .3s ease both}.neighbor-table{width:100%;border-collapse:collapse}.neighbor-table th{text-align:left;padding:.6rem .9rem;border-bottom:2px solid var(--border);color:var(--text-muted);font-family:var(--font-body);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.neighbor-table th:last-child{text-align:right}.neighbor-row{cursor:pointer;animation:rowFadeIn .3s ease both}.neighbor-row:hover td{background:var(--bg-hover)}.neighbor-row td{padding:.55rem .9rem;border-bottom:1px solid var(--border-row);transition:background .15s}.rank{color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;width:3rem}.similarity-cell{text-align:right;position:relative;overflow:hidden}.similarity-bar{position:absolute;right:0;top:4px;bottom:4px;background:var(--accent-similarity-dim);border-radius:2px;transition:width .4s ease}.similarity-value{position:relative;z-index:1;color:var(--accent-similarity);font-family:var(--font-mono);font-size:.82rem;font-variant-numeric:tabular-nums}.site-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center;font-size:.8rem;color:var(--text-muted)}.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--accent-active)}@media(max-width:480px){.app{padding:1.5rem 1rem}header h1{font-size:1.25rem}.header-controls{width:100%}.model-selector{flex:1}}