@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f3f8;background:#101019;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{min-height:100svh;background:radial-gradient(circle at 50% 40%,#202330 0,#14151f 46%,#101019 80%);overflow:hidden}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);position:relative;z-index:5;border-bottom:1px solid #ffffff0e}.brand{display:flex;gap:12px;align-items:center;font:600 20px Space Grotesk,sans-serif;letter-spacing:-.04em}.brand em{font-style:normal;color:#7ed9df}.brand-orbit{display:grid;place-items:center;width:28px;height:28px;border:1px solid #72d4db;border-radius:50%;color:#8ce3e9;font-size:15px}.count{border:1px solid #ffffff25;border-radius:30px;padding:8px 14px;color:#c0bdca;font-size:13px;letter-spacing:.02em}.stage{position:relative;height:calc(100svh - 74px);min-height:600px}.sphere{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.sphere:active{cursor:grabbing}.stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#101019 0,transparent 19%,transparent 78%,#101019 100%)}.stage-top{position:absolute;top:30px;left:clamp(22px,4vw,70px);pointer-events:none}.eyebrow,.card-label{font-size:11px;letter-spacing:.21em;font-weight:700;color:#80d7dc}.stage h1{font:500 clamp(28px,3vw,45px)/1.15 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:9px 0}.search-wrap{position:absolute;top:32px;right:clamp(22px,4vw,70px);width:min(310px,42vw);z-index:4}.search-wrap input{width:100%;background:#242630e8;color:#fff;border:1px solid #ffffff29;border-radius:28px;outline:none;padding:12px 42px;font-size:14px}.search-wrap input:focus{border-color:#8bdfe4}.search-wrap input::placeholder{color:#aaa7b3}.search-icon{position:absolute;left:16px;top:8px;color:#8ddce1;font-size:25px;line-height:1}.clear{position:absolute;right:12px;top:7px;border:0;background:none;color:#c5c1cf;font-size:24px;cursor:pointer}.results{position:absolute;top:52px;width:100%;background:#242630;border:1px solid #ffffff24;border-radius:16px;padding:7px;box-shadow:0 20px 50px #0007}.results button{display:flex;align-items:center;gap:9px;color:#eee;width:100%;background:none;border:0;text-align:left;border-radius:9px;padding:10px;cursor:pointer;font-size:13px}.results button:hover{background:#ffffff13}.result-dot{width:7px;height:7px;border-radius:50%;background:#9ee7ea}.no-results{display:block;padding:14px;color:#aaa7b3;font-size:13px}.hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);white-space:nowrap;color:#aaa6b5;font-size:13px;pointer-events:none}.hint-symbol{color:#81d9df;font-size:20px;vertical-align:-2px;margin-right:6px}.hint-divider{padding:0 9px;color:#6c6a77}.zoom-controls{position:absolute;bottom:26px;right:clamp(22px,4vw,70px);display:flex;flex-direction:column;gap:7px}.zoom-controls button{width:34px;height:34px;border-radius:50%;background:#282a35;border:1px solid #ffffff2b;color:#e9e8ef;cursor:pointer;font-size:19px}.zoom-controls button:hover{background:#3a3f4b}.person-card{position:absolute;z-index:6;bottom:84px;left:clamp(22px,4vw,70px);width:min(300px,calc(100vw - 44px));padding:24px;border:1px solid #ffffff30;border-radius:22px;background:#252733f2;box-shadow:0 20px 70px #0008;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-close{position:absolute;right:17px;top:11px;background:none;border:0;color:#bab7c5;font-size:25px;cursor:pointer}.avatar{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;margin:20px 0 13px;background:linear-gradient(145deg,#97e3e6,#d8a9cd);color:#20232e;font:700 25px Space Grotesk,sans-serif}.person-card h2{font:600 19px Space Grotesk,sans-serif;overflow-wrap:anywhere;margin:0 0 20px}.person-card a{display:flex;align-items:center;justify-content:space-between;background:#8be0e4;color:#142128;text-decoration:none;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700}.person-card a:hover{background:#b5f4f4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.topbar{height:62px}.stage{height:calc(100svh - 62px);min-height:520px}.stage-top{top:21px}.stage h1{font-size:29px}.search-wrap{top:96px;left:22px;right:22px;width:auto}.hint{bottom:20px;font-size:11px}.hint-divider{padding:0 4px}.zoom-controls{bottom:66px;right:20px}.person-card{bottom:90px}.count{font-size:12px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.header-actions{display:flex;align-items:center;gap:14px}.display-toggle{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff26;border-radius:22px;background:#22242e}.display-toggle button{border:0;border-radius:18px;padding:7px 11px;background:transparent;color:#b9b6c4;font-size:12px;font-weight:700;cursor:pointer}.display-toggle button.active{background:#8be0e4;color:#142128}.display-toggle button:focus-visible{outline:2px solid #fff;outline-offset:2px}.results small{display:block;color:#a9a6b3;margin-top:2px;font-size:11px}.card-username{color:#bab7c5;margin:-13px 0 20px;font-size:13px}@media(max-width:640px){.header-actions{gap:0}.topbar .count{display:none}.display-toggle button{padding:6px 9px;font-size:11px}}.mobile-hint{display:none}@media(max-width:640px){.app{min-height:100svh}.topbar{height:110px;align-items:stretch;flex-direction:column;justify-content:center;gap:10px;padding:12px 18px;border-bottom-color:#ffffff12}.brand{font-size:19px}.brand-orbit{width:27px;height:27px}.header-actions{width:100%}.display-toggle{width:100%;padding:3px}.display-toggle button{flex:1;min-height:34px;font-size:13px}.stage{height:calc(100svh - 110px);min-height:480px}.stage-top{top:17px;left:20px;right:20px}.eyebrow{font-size:10px}.stage h1{font-size:25px;margin:6px 0}.search-wrap{top:88px;left:20px;right:20px}.search-wrap input{height:46px;font-size:16px}.search-icon{top:9px}.hint{bottom:calc(15px + env(safe-area-inset-bottom));left:20px;right:20px;transform:none;text-align:center;font-size:12px}.desktop-hint{display:none}.mobile-hint{display:inline}.hint-divider{padding:0 3px}.zoom-controls{bottom:calc(58px + env(safe-area-inset-bottom));right:20px;gap:8px}.zoom-controls button{width:44px;height:44px;font-size:22px}.person-card{position:fixed;left:0;right:0;bottom:0;width:100%;padding:20px 22px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}.person-card .avatar{display:none}.person-card h2{font-size:19px;margin:12px 0 17px}.person-card .card-username{margin:-12px 0 16px}.person-card a{min-height:46px}.app.has-selection .hint,.app.has-selection .zoom-controls{display:none}}@media(max-width:360px){.brand{font-size:18px}.stage h1{font-size:23px}.hint{font-size:11px}}.app{position:relative}.search-wrap{top:106px;z-index:7}@media(max-width:640px){.topbar{height:160px;justify-content:flex-start}.stage{height:calc(100svh - 160px);min-height:400px}.stage-top{display:none}.search-wrap{top:104px}.hint{left:20px;right:118px;text-align:left;bottom:calc(20px + env(safe-area-inset-bottom));white-space:nowrap}.hint-symbol{margin-right:3px}.zoom-controls{flex-direction:row;bottom:calc(12px + env(safe-area-inset-bottom));right:20px;gap:7px}.zoom-controls button{width:42px;height:42px}}@media(max-width:640px){.stage{height:max(calc(100svh - 220px),450px);min-height:0;margin-bottom:60px}.hint{bottom:-49px}.zoom-controls{bottom:-51px}}@media(max-width:640px){.stage{min-height:420px}}@media(max-width:640px){.stage{height:max(calc(100svh - 220px),420px)}}