@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;font-family:Share Tech Mono,monospace}canvas{position:absolute;top:0;left:0;z-index:1}.floating-label{position:absolute;transform:translate(-50%,-100%) translateY(-12px);padding:6px 10px;border-radius:4px;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:300px;box-shadow:0 2px 8px #0000004d}.floating-label-query{background:#f44336f2;border:1px solid rgba(255,255,255,.3)}.floating-label-result{background:#4caf50f2;border:1px solid rgba(255,255,255,.3)}.floating-label-other{background:#646464e6;border:1px solid rgba(255,255,255,.2)}.floating-label .label-type{font-size:9px;font-weight:700;color:#fffc;letter-spacing:1px}.floating-label .label-similarity{font-size:10px;font-weight:700;color:#ffffffe6}.floating-label .label-text{font-size:11px;color:#fff;text-align:center;word-wrap:break-word;line-height:1.3}#ui-container{position:absolute;top:16px;left:16px;padding:20px;z-index:30;pointer-events:none;max-width:320px;max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#000000d9;border-radius:8px;font-family:Share Tech Mono,monospace;color:#fff;font-size:13px;box-shadow:0 4px 12px #0000004d}#ui-container>*{pointer-events:auto}#ui-container::-webkit-scrollbar{width:8px}#ui-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}#ui-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}#ui-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}#title{font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none;margin:0;color:#4caf50}.character-image{width:64px;height:auto;margin-top:4px;border-radius:6px;align-self:center}#controls{display:flex;flex-direction:column;gap:12px;width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:12px;color:#aaa;font-weight:400}.control-group select,.control-group input[type=range]{width:100%;padding:6px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-family:Share Tech Mono,monospace;font-size:12px;cursor:pointer}.control-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}.control-group select:hover,.control-group select:focus{background-color:#ffffff26;border-color:#ffffff4d;outline:none}.control-group select option{background:#222;color:#fff}.control-group input[type=range]{padding:0;height:6px;border-radius:3px;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;border:2px solid white}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4caf50;cursor:pointer;border:2px solid white}.control-group input[type=checkbox]{width:16px;height:16px;margin-right:8px;cursor:pointer;accent-color:#4CAF50}.control-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;color:#fff;font-size:13px;cursor:pointer}#topk-value{color:#4caf50;font-weight:700}.regenerate-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;font-family:Share Tech Mono,monospace;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.regenerate-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.regenerate-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.regenerate-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none}#loading-indicator{display:flex;align-items:center;gap:10px;padding:10px;background:#4caf5033;border-radius:4px;font-size:12px;width:100%}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#info-panel{background:none;padding:12px 0 0;display:flex;flex-direction:column;gap:12px;width:100%;border-top:1px solid rgba(255,255,255,.2)}.info-section{display:flex;flex-direction:column;gap:4px}.info-section strong{font-size:11px;color:#aaa}#query-text,#hover-text{font-size:12px;color:#fff;word-wrap:break-word;max-height:80px;overflow-y:auto;padding:4px 0}#query-text::-webkit-scrollbar,#hover-text::-webkit-scrollbar{width:4px}#query-text::-webkit-scrollbar-thumb,#hover-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}#similarity{color:#4caf50;font-weight:700}#credits{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:10px 20px;background:#fffffff2;border-radius:6px;font-size:11px;color:#000;text-align:center;line-height:1.5;z-index:20;box-shadow:0 2px 8px #0000004d;pointer-events:auto}#credits a{color:#1976d2;text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}#credits a:hover{color:#0d47a1;border-bottom:1px solid #0D47A1}@media (max-width: 768px){#ui-container{max-width:280px;font-size:12px;padding:16px}#title{font-size:18px}.character-image{width:48px}}