*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;justify-content:center;align-items:center;min-height:100vh;font-family:Helvetica Neue,sans-serif;display:flex}#app{width:100%;min-height:100vh}.screen{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;display:flex}.logo-mark{border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.wordmark{letter-spacing:.18em;color:#1a1a1a;font-size:18px;font-weight:400}.card{flex-direction:column;gap:8px;width:320px;display:flex}.setup-card{gap:12px}.field-label{letter-spacing:.1em;color:#ccc;text-transform:uppercase;font-size:10px}.section-hint{color:#ccc;letter-spacing:.08em;text-transform:uppercase;font-size:10px}input[type=email],input[type=password]{color:#1a1a1a;background:0 0;border:none;border-bottom:1px solid #eee;outline:none;width:100%;padding:10px 0;font-size:14px;transition:border-color .2s}input[type=email]:focus,input[type=password]:focus{border-bottom-color:#aaa}input::placeholder{color:#ddd}.btn-solid{color:#fff;letter-spacing:.05em;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;width:100%;margin-top:4px;padding:13px;font-size:12px;transition:opacity .2s}.btn-solid:hover{opacity:.8}.btn-solid:disabled{opacity:.4;cursor:default}.btn-line{color:#aaa;cursor:pointer;background:0 0;border:1px solid #eee;border-radius:6px;width:100%;padding:12px;font-size:12px;transition:border-color .2s}.btn-line:hover{color:#666;border-color:#ccc}.btn-ghost-sm{color:#ccc;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;-webkit-text-decoration:underline #e8e8e8;text-decoration:underline #e8e8e8}.btn-ghost-sm:hover{color:#aaa}.rule{background:#f5f5f5;height:1px;margin:4px 0}.avatar-ring{cursor:pointer;background:#fafafa;border:1px dashed #ddd;border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:88px;height:88px;transition:border-color .2s;display:flex;overflow:hidden}.avatar-ring:hover{border-color:#bbb}.upload-hint{color:#ccc;letter-spacing:.05em;margin-top:4px;font-size:10px}.interest-search-wrap{width:100%;position:relative}.interest-search{color:#1a1a1a;background:#fafafa;border:1px solid #eee;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s}.interest-search:focus{background:#fff;border-color:#ccc}.interest-search::placeholder{color:#ccc}.search-results{z-index:10;background:#fff;border:1px solid #eee;border-radius:6px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.result-item{color:#555;cursor:pointer;padding:9px 12px;font-size:13px;transition:background .12s}.result-item:hover{background:#f7f7f7}.selected-chips{flex-wrap:wrap;gap:7px;min-height:10px;display:flex}.chip-selected{color:#1a1a1a;background:#fff;border:1px solid #1a1a1a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;display:flex}.chip-remove{color:#bbb;cursor:pointer;font-size:10px;line-height:1}.chip-remove:hover{color:#e06060}.suggest-form{flex-direction:column;display:flex}.graph-screen{background:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}#graph-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.topbar{letter-spacing:.08em;color:#ccc;z-index:10;background:#fff;border:1px solid #f0f0f0;border-radius:999px;align-items:center;gap:8px;padding:7px 20px;font-size:11px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.topbar-dot{background:#e8e8e8;border-radius:50%;width:5px;height:5px}.toggle-btn{letter-spacing:.06em;color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;transition:color .15s}.toggle-btn:hover{color:#888}.toggle-btn.active{color:#1a1a1a;font-weight:500}.invite-pill{z-index:11;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;transition:border-color .15s;display:flex;position:absolute;bottom:14px;left:14px}.invite-pill:hover{border-color:#ddd}.invite-count{color:#888;font-size:10px;font-weight:500;line-height:1}.invite-count.full{color:#ccc}.invite-drawer{z-index:10;background:#fff;border-top:1px solid #f0f0f0;max-height:75vh;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:40px;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.drawer-inner{padding:14px 16px 16px}.edit-profile-btn{letter-spacing:.05em;color:#aaa;cursor:pointer;z-index:10;background:#fff;border:1px solid #eee;border-radius:999px;padding:6px 16px;font-size:11px;transition:border-color .2s,color .2s;position:absolute;bottom:14px;right:14px}.edit-profile-btn:hover{color:#555;border-color:#ccc}.side-panel{z-index:20;background:#fff;border-left:1px solid #f2f2f2;flex-direction:column;gap:1.25rem;width:240px;height:100%;padding:2rem 1.25rem 1.5rem;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.side-panel.open{transform:translate(0)}.panel-close{cursor:pointer;color:#bbb;background:#f7f7f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;top:14px;right:14px}.panel-close:hover{background:#efefef}.panel-photo{object-fit:cover;border:1px solid #f0f0f0;border-radius:50%;width:60px;height:60px}.panel-tags{flex-wrap:wrap;gap:6px;display:flex}.panel-tag{color:#bbb;background:#fafafa;border:1px solid #f0f0f0;border-radius:999px;padding:4px 10px;font-size:10px}.panel-tag.shared{color:#1a1a1a;background:#fff;border-color:#ddd}.bar-label{color:#ccc;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.bar-track{background:#f2f2f2;border-radius:2px;height:2px;margin-top:6px;overflow:hidden}.bar-fill{background:#1a1a1a;border-radius:2px;height:100%;transition:width .4s}.btn-connect{color:#fff;letter-spacing:.06em;cursor:pointer;background:#1a1a1a;border:none;border-radius:6px;padding:11px;font-size:11px;transition:opacity .2s}.btn-connect:hover{opacity:.7}.btn-connect.connected{color:#aaa;background:#f5f5f5}.report-btn{color:#ddd;cursor:pointer;letter-spacing:.05em;text-align:left;background:0 0;border:none;font-size:10px;transition:color .15s}.report-btn:hover{color:#e06060}.report-btn:disabled{color:#e8c0c0;cursor:default}.founder-pill{color:#92700a;letter-spacing:.05em;background:#fffbf0;border:1.5px solid #d4a017;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;display:inline-flex}.founder-pill span{color:#92700a;letter-spacing:.06em;font-size:10px}.founder-badge-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.explorer-pill{color:#1a6fc4;letter-spacing:.05em;background:#f0f6ff;border:1.5px solid #1a6fc4;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;display:inline-flex}.explorer-pill span{color:#1a6fc4;letter-spacing:.06em;font-size:10px}.aura-grid{flex-wrap:wrap;gap:8px;width:100%;display:flex}.aura-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,border-color .15s;display:flex;position:relative}.aura-swatch:hover,.aura-selected{transform:scale(1.1)}.aura-check{color:#555;font-size:12px;font-weight:500;line-height:1}.chip-rainbow{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787) border-box;border:1.5px solid #0000!important}.chip-rainbow-text{background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#004dff,#750787);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}