*{box-sizing:border-box}body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.appShell{width:min(100%,1200px);margin:0 auto;padding:40px}.resultsPanel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 35px #0f172a0f}.titleBlock{margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#4f46e5;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(28px,8vw,42px);line-height:1.02}.subtitle{margin:10px 0 0;color:#4b5563;line-height:1.45}.searchBoxWrap{display:block;margin-bottom:20px}.searchInput{width:100%;background:transparent;color:#fff;border:none;outline:none;font-size:42px;font-weight:300;padding:12px 0;caret-color:#fff}.searchInput::placeholder{color:#444}.searchInput:focus{outline:none;box-shadow:none;border:none}.clearButton{border:0;border-radius:12px;background:#111827;color:#fff;padding:0 14px;cursor:pointer}.trail,.exclusionPanel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.trailEmpty{margin-top:12px;color:#6b7280;font-size:14px}.chip{border:0;border-radius:999px;padding:7px 11px;cursor:pointer}.selectedChip{background:#dcfce7;color:#166534}.exclusionPanel{padding:10px;border-radius:14px;background:#fff7ed}.exclusionLabel{color:#9a3412;font-size:13px;font-weight:700}.excludedChip{background:#fed7aa;color:#9a3412}.bubbleStage{min-height:330px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:18px;padding:14px 4px 10px;overflow:hidden}.bubbleCloud{position:relative;width:100%;height:720px;max-width:1600px;margin:0 auto;overflow:hidden}.bubble{position:absolute;border:0;border-radius:999px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;text-align:center;transform:translate(-50%,-50%);box-shadow:0 14px 30px #4f46e538;transition:left .76s cubic-bezier(.22,1,.36,1),top .76s cubic-bezier(.22,1,.36,1),width .52s cubic-bezier(.22,1,.36,1),height .52s cubic-bezier(.22,1,.36,1),opacity .42s ease,box-shadow .32s ease,filter .32s ease;animation:bubbleSpawn .36s ease both;will-change:left,top,width,height,opacity}.bubble:hover{filter:brightness(1.08);box-shadow:0 20px 44px #4f46e55c;z-index:30}.bubble.selected{outline:4px solid rgba(255,255,255,.28);z-index:20;animation:selectedPulse 2.4s ease-in-out infinite}.bubbleType-brand{background:linear-gradient(145deg,#4f46e5,#4338ca)}.bubbleType-category{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.bubbleType-part{background:linear-gradient(145deg,#f97316,#ea580c)}.bubbleType-guide,.bubbleType-document{background:linear-gradient(145deg,#0891b2,#0e7490)}.bubbleLabel{font-weight:700}.bubbleConfidence{font-size:12px;opacity:.82}.confidenceRing{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none;border:4px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff14}.resultsPanel{margin-top:16px;padding:16px;background:#000;border:none}.resultsHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.resultsHeader h2{margin:0}.resultsHeader span{color:#6b7280;font-size:14px}.resultList{display:grid;gap:10px}.resultCard{display:flex;justify-content:space-between;gap:16px;padding:13px;background:#000;border:1px solid #222;border-radius:14px}.resultCard:hover{transform:translateY(-4px);border-color:#444}.resultCard strong,.resultCard h3{color:#fff}.resultCard p{color:#888}.resultMeta strong{color:#fff}.resultMeta span{color:#7ddc7d}.emptyResults{padding:18px;border-radius:14px;background:#f9fafb;color:#6b7280}@keyframes bubbleSpawn{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes selectedPulse{0%{box-shadow:0 14px 30px #ffffff1f}50%{box-shadow:0 18px 46px #ffffff47}to{box-shadow:0 14px 30px #ffffff1f}}@media (max-width: 520px){.bubbleCloud{height:620px}.appShell{padding:10px}.resultsPanel{margin-top:16px;padding:16px;background:#000;border:none}.searchBoxWrap{flex-direction:column}.clearButton{display:none}.bubbleStage{min-height:300px;gap:12px}.resultCard{display:flex;justify-content:space-between;gap:16px;padding:13px;background:#111;border:1px solid #222;border-radius:14px}.resultCard h3{color:#fff}.resultCard p{color:#888}.resultMeta strong{color:#fff}.resultMeta{align-items:flex-start}}mark{background:#333;color:#fff;padding:1px 4px;border-radius:4px}