*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#fafafa;color:#333}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:#fff;border-bottom:1px solid #e0e0e0;z-index:10;flex-shrink:0}.app-header h1{font-size:1.1rem;font-weight:700;color:#222;letter-spacing:-.02em}.header-actions{display:flex;gap:.5rem;align-items:center}.app-content{display:flex;flex-direction:row-reverse;flex:1;overflow:hidden;position:relative;z-index:0}.cube-container{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.cube-view-content{flex:1;min-height:0;position:relative;overflow:hidden}.cube-view-content canvas{width:100%!important;height:100%!important}.cube-view-toggle{display:flex;justify-content:center;padding:.4rem 0;background:#fafafa;border-bottom:1px solid #e0e0e0;flex-shrink:0;z-index:5}.cube-view-btns{display:flex;background:#f0f0f0;border-radius:6px;overflow:hidden;border:1px solid #ddd}.cube-view-btn{padding:.3rem .75rem;border:none;background:transparent;font-size:.72rem;font-weight:500;color:#777;cursor:pointer;transition:all .12s}.cube-view-btn-active{background:#fff;color:#222;box-shadow:0 1px 2px #0000000f}.cube-view-btn:hover:not(.cube-view-btn-active){color:#333}.sidebar{width:320px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;flex-shrink:0}.app-footer{display:flex;align-items:center;justify-content:center;padding:.4rem 1rem;background:#fff;border-top:1px solid #e0e0e0;font-size:.75rem;color:#999;flex-shrink:0}.footer-controls{display:flex;align-items:center;gap:1.2rem;width:100%;justify-content:center}.speed-control{display:flex;align-items:center;gap:.3rem;cursor:pointer}.speed-icon{font-size:.9rem;opacity:.6}.speed-slider{width:70px;height:3px;accent-color:#888;cursor:pointer}.axes-legend{padding:.75rem 1rem;border-bottom:1px solid #e8e8e8;background:#fafafa}.axes-legend-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:.5rem}.axes-legend-item{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.axes-legend-item:last-child{margin-bottom:0}.axes-legend-color{width:8px;height:8px;border-radius:2px;flex-shrink:0;margin-top:3px}.axes-legend-gradient{width:40px;height:6px;border-radius:3px;flex-shrink:0;margin-top:5px}.axes-legend-item strong{font-size:.72rem;color:#333}.axes-legend-item p{color:#888;font-size:.65rem;margin:0}.axes-legend-hint{font-weight:400;font-size:.6rem;color:#bbb;text-transform:none;letter-spacing:0}.axes-legend-btn{width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 4px;cursor:pointer;transition:all .15s;text-align:left}.axes-legend-btn:hover{background:#f0f4f8;border-color:#e0e0e0}.axes-legend-flipped{background:#fef9ee;border-color:#e8dcc8}.axes-flip-icon{font-size:.8rem;color:#bbb;flex-shrink:0;margin-left:auto;transition:color .15s}.axes-legend-btn:hover .axes-flip-icon{color:#666}.axes-legend-row{display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:6px;margin-bottom:2px}.axes-legend-row.axes-legend-flipped{background:#fef9ee;border-color:#e8dcc8}.axes-color-pickers{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.axes-color-input{width:18px;height:14px;padding:0;border:1px solid #ddd;border-radius:3px;cursor:pointer;background:none}.axes-color-input::-webkit-color-swatch-wrapper{padding:0}.axes-color-input::-webkit-color-swatch{border:none;border-radius:2px}.panel{padding:1rem}.panel h2{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:#555;text-transform:uppercase;letter-spacing:.04em}.candidates-list{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.candidate-item{background:#f7f7f7;border:1px solid #eee;border-radius:8px;padding:.5rem .65rem}.candidate-header{display:flex;align-items:center;gap:.5rem}.candidate-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.candidate-thumb{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #ddd}.candidate-name{flex:1;font-size:.85rem;font-weight:500;color:#333}.candidate-chevron{font-size:.7rem;color:#bbb;transition:color .12s}.candidate-header:hover .candidate-chevron{color:#666}.candidate-item-active{border-color:#ccc;background:#f0f4f8}.candidate-edit{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.photo-upload-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.8rem;cursor:pointer;background:#fff;color:#444;transition:all .12s}.btn:hover{border-color:#bbb;background:#f5f5f5}.btn-primary{background:#333;color:#fff;border-color:#333}.btn-primary:hover{background:#555;border-color:#555}.btn-secondary{background:#fff;color:#555}.btn-small{padding:.25rem .5rem;font-size:.72rem}.btn-full{width:100%;justify-content:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#aaa;cursor:pointer;padding:.2rem;border-radius:4px}.btn-icon:hover{background:#eee;color:#555}.btn-danger:hover{color:#c0392b;background:#fef0ef}.add-form{display:flex;flex-direction:column;gap:.6rem}.add-form input[type=text]{padding:.5rem .6rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.85rem;outline:none}.add-form input[type=text]:focus{border-color:#999}.form-actions{display:flex;gap:.5rem}.slider-field{margin-bottom:.35rem}.slider-label{display:flex;justify-content:space-between;font-size:.72rem;margin-bottom:.1rem}.slider-value{font-family:SF Mono,Consolas,monospace;color:#888;font-size:.7rem}.slider-row{display:flex;align-items:center;gap:.35rem}.slider-edge{font-size:.62rem;color:#aaa;white-space:nowrap;min-width:48px}.slider-edge:last-child{text-align:right}.slider-row input[type=range]{flex:1;height:3px;cursor:pointer}.gradient-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px!important;border-radius:2px;outline:none}.gradient-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:pointer}.gradient-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:pointer}.tooltip{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:.75rem;white-space:nowrap;transform:translateY(-130%);box-shadow:0 4px 12px #00000014;pointer-events:none;color:#333}.tooltip-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #eee}.tooltip-body strong{display:block;margin-bottom:3px;font-size:.82rem;color:#222}.tooltip-row{display:flex;justify-content:space-between;gap:12px}.tooltip-axis{font-weight:500}.axis-label{font-size:10px;font-weight:600;font-family:Segoe UI,system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 3px #fff,0 0 6px #fff}.cube-name-label{font-size:9px;font-weight:600;color:#444;font-family:Segoe UI,system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 3px #fff,0 0 6px #fff}.octant-tooltip{background:#fffffff2;border:1px solid #ccc;border-radius:8px;padding:8px 12px;max-width:220px;text-align:center;box-shadow:0 4px 16px #00000026;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;gap:4px}.octant-tooltip strong{font-size:12px;color:#222;white-space:nowrap}.octant-tooltip span{font-size:10px;color:#666;line-height:1.4}.cube-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:transform .15s}.cube-avatar-wrap.hovered{transform:scale(1.2)}.cube-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 4px #00000026}.cube-avatar-name{font-size:8px;font-weight:600;color:#444;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 6px #fff;-webkit-user-select:none;user-select:none}.view-tabs{display:flex;background:#f0f0f0;border-radius:6px;overflow:hidden;border:1px solid #ddd}.tab{padding:.3rem .75rem;border:none;background:transparent;font-size:.78rem;font-weight:500;color:#777;cursor:pointer;transition:all .12s}.tab.active{background:#fff;color:#222;box-shadow:0 1px 2px #0000000f}.tab:hover:not(.active){color:#444}.json-actions{display:flex;gap:.4rem;margin-bottom:.75rem}.json-actions .btn{flex:1;justify-content:center}.sidebar-section{padding:.75rem 1rem;border-top:1px solid #e8e8e8}.share-buttons{display:flex;gap:.4rem}.btn-flex{flex:1;justify-content:center}.comparison-active{display:flex;flex-direction:column;gap:.5rem}.comparison-info{display:flex;align-items:center;gap:.5rem}.comparison-badge{display:inline-block;background:#ff6b6b;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px}.comparison-count{font-size:.75rem;color:#888}.comparison-toggle{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#555;cursor:pointer}.comparison-toggle input[type=checkbox]{accent-color:#ff6b6b}.comparison-actions{margin-top:.2rem}.comparison-empty p{font-size:.75rem;color:#999;line-height:1.4;margin-bottom:.5rem}.arrow-label{font-size:8px;font-weight:700;font-family:Segoe UI,system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 4px #fff,0 0 8px #fff}.detail-card{padding:.6rem 1rem;border-bottom:1px solid #e8e8e8;animation:detailSlideIn .2s ease-out}@keyframes detailSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.detail-close{background:none;border:none;font-size:.85rem;cursor:pointer;color:#999;padding:0;line-height:1}.detail-close:hover{color:#333}.detail-section{margin-bottom:.5rem}.detail-section-title{font-size:.7rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.3rem}.detail-voter{padding:.35rem 0;border-top:1px solid #f0f0f0}.detail-voter-head{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.8rem;color:#444}.detail-voter-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.axis-gauge{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.axis-gauge-label{font-size:.65rem;font-weight:600;color:#888;width:30px;text-align:right;flex-shrink:0}.axis-gauge-track{flex:1;height:6px;background:#f0f0f0;border-radius:3px;position:relative}.axis-gauge-mid{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:#ccc}.axis-gauge-fill{position:absolute;top:0;height:100%;border-radius:3px;opacity:.5}.axis-gauge-thumb{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000026}.axis-gauge-val{font-size:.6rem;font-weight:600;width:32px;text-align:right;flex-shrink:0}.ghost-label{font-size:8px;font-weight:500;color:#999;font-family:Segoe UI,system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 3px #fff,0 0 6px #fff;font-style:italic}.overlay-label{font-size:7px;font-weight:500;color:#777;font-family:Segoe UI,system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 3px #fff,0 0 6px #fff}.public-room.center-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;color:#888;font-size:1rem}.room-info-panel{padding:.75rem 1rem;border-bottom:1px solid #e8e8e8;background:#fafafa}.room-info-sub{font-size:.75rem;color:#888;margin-top:.25rem}.room-voters-compact{display:flex;flex-wrap:wrap;gap:.3rem;padding:.5rem 1rem;border-bottom:1px solid #e8e8e8}.voter-chip{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#555;padding:.15rem .45rem;border-radius:10px;border:1.5px solid;background:#fff}.voter-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.room-voters-toggle{padding:.5rem 1rem;border-bottom:1px solid #e8e8e8}.room-voters-toggle .axes-legend-title{margin-bottom:.4rem}.room-voters-hint{font-size:.65rem;color:#999;font-weight:400}.voter-toggle{display:flex;align-items:center;gap:.45rem;width:100%;padding:.35rem .5rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.8rem;color:#555;transition:background .15s;text-align:left}.voter-toggle:hover{background:#f0f0f0}.voter-toggle-active{background:#e8f4fd}.voter-toggle-active:hover{background:#d0eafb}.voter-toggle-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:box-shadow .15s}.voter-toggle-name{flex:1}.voter-toggle-icon{font-size:.7rem;color:#aaa;width:16px;text-align:center}.room-submitted{padding:2rem 1rem;text-align:center}.room-submitted-check{font-size:2.5rem;color:#059669;margin-bottom:.5rem}.room-submitted p{font-size:.9rem;color:#333;font-weight:600;margin-bottom:1rem}.room-form-sidebar{display:flex;flex-direction:column;flex:1;overflow:hidden}.room-author-compact{padding:.6rem 1rem;border-bottom:1px solid #e8e8e8}.room-author-compact input{width:100%;padding:.4rem .6rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.82rem;outline:none}.room-author-compact input:focus{border-color:#999}.dim-tabs{display:flex;border-bottom:1px solid #e8e8e8}.dim-tab{flex:1;padding:.5rem 0;border:none;background:transparent;font-size:.72rem;font-weight:600;color:#999;cursor:pointer;text-align:center;transition:all .15s;border-bottom:2px solid transparent}.dim-tab:hover{color:#555}.dim-tab-active{color:var(--tab-color, #333);border-bottom-color:var(--tab-color, #333);background:#fafafa}.dim-header{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.7rem;border-bottom:1px solid #f0f0f0}.dim-neg,.dim-pos{font-weight:600;font-size:.68rem}.dim-arrow{color:#ccc;font-size:.65rem}.dim-sliders{flex:1;overflow-y:auto;padding:.4rem 0}.dim-slider-row{display:flex;align-items:center;gap:.4rem;padding:.3rem 1rem}.dim-slider-name{width:80px;font-size:.75rem;font-weight:500;color:#444;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dim-slider-row .gradient-slider{flex:1}.dim-slider-val{width:32px;font-size:.68rem;font-family:SF Mono,Consolas,monospace;text-align:right;flex-shrink:0}.dim-slider-name-clickable{cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:color .15s}.dim-slider-name-clickable:hover{color:#111;text-decoration:underline;text-underline-offset:2px}.candidate-dot-mini{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.candidate-thumb-mini{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0}.btn-icon-small{width:20px;height:20px;padding:0;flex-shrink:0;opacity:.3;transition:opacity .15s}.dim-slider-row:hover .btn-icon-small{opacity:.7}.btn-icon-small:hover{opacity:1!important}.candidate-detail-edit{padding:.5rem .75rem}.candidate-detail-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.candidate-detail-header strong{flex:1;font-size:.85rem}.dim-nav{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-top:1px solid #e8e8e8}.voter-legend{padding:.75rem 1rem}.voter-row{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}.voter-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.voter-dot-avg{background:linear-gradient(135deg,#333,#666);border:2px solid #333;width:14px;height:14px}.voter-name{font-size:.82rem;color:#444}.voter-avg-row{border-top:1px solid #eee;margin-top:.3rem;padding-top:.5rem}.quiz-content{display:flex;align-items:flex-start;justify-content:center;padding:2rem;overflow-y:auto}.questionnaire{max-width:560px;width:100%}.q-progress{font-size:.78rem;color:#888;margin-bottom:.5rem}.q-progress-bar{height:4px;background:#eee;border-radius:2px;margin-top:.3rem;overflow:hidden}.q-progress-fill{height:100%;background:linear-gradient(to right,#2980b9,#27ae60,#f39c12);border-radius:2px;transition:width .3s}.q-question{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;margin:1rem 0}.q-question p{font-size:1.05rem;line-height:1.5;color:#222}.q-likert{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.5rem;padding:1.2rem 0}.q-likert-label{font-size:.82rem;font-weight:500;white-space:nowrap;min-width:80px}.q-likert-agree{color:#2eab6f;text-align:right}.q-likert-disagree{color:#7b5ea7;text-align:left}.q-likert-circles{display:flex;align-items:center;gap:.6rem}.q-circle{border-radius:50%;border:2.5px solid;cursor:pointer;padding:0;transition:transform .15s,background .15s,box-shadow .15s;flex-shrink:0}.q-circle:hover{transform:scale(1.15)}.q-circle-selected{box-shadow:0 0 0 3px #00000014}.q-nav{display:flex;justify-content:space-between;gap:.5rem}.q-nav button:disabled{opacity:.4;cursor:not-allowed}.q-self-hint{font-size:.85rem;color:#888;margin-top:.3rem}.q-self-axes{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:560px}.q-self-axis-title{font-weight:600;font-size:.95rem;margin-bottom:.3rem}.q-self-poles{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:.4rem}.q-self-pole{display:flex;flex-direction:column;gap:.15rem;flex:1;font-size:.78rem;line-height:1.35}.q-self-pole:last-child{text-align:right}.q-self-pole strong{font-size:.85rem}.q-self-slider-row{display:flex;align-items:center;gap:.7rem}.q-self-slider-row input[type=range]{flex:1}.q-self-val{font-size:.85rem;font-weight:600;min-width:2.5rem;text-align:right}.q-scenario-badge{display:inline-block;background:#eef2ff;color:#4f46e5;font-size:.68rem;font-weight:600;padding:.12rem .5rem;border-radius:10px;margin-left:.5rem;vertical-align:middle}.q-scenario{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0}.q-scenario-choice{display:block;width:100%;text-align:left;padding:.75rem 1rem;border:1.5px solid #e0e0e0;border-radius:8px;background:#fff;font-size:.9rem;line-height:1.4;color:#333;cursor:pointer;transition:all .15s}.q-scenario-choice:hover{border-color:#aaa;background:#f8f9fa}.q-scenario-choice-selected{border-color:#4f46e5;background:#eef2ff;color:#1e1b4b;font-weight:500}.result-card-container{max-width:620px}.result-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.result-title{font-size:1.3rem;font-weight:700;color:#222;margin-bottom:.75rem}.result-profile{text-align:center;margin-bottom:1.25rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#f0f4ff,#faf5ff);border-radius:10px;border:1px solid #e0e0ee}.result-profile-name{display:block;font-size:1.35rem;font-weight:800;color:#333;margin-bottom:.4rem}.result-profile-desc{font-size:.9rem;color:#666;line-height:1.5;margin:0;font-style:italic}.result-summary{font-size:.95rem;line-height:1.6;color:#555;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.result-axes{display:flex;flex-direction:column;gap:1.25rem}.result-axis{display:flex;flex-direction:column;gap:.25rem}.result-axis-header{display:flex;justify-content:space-between;align-items:baseline}.result-axis-label{font-weight:600;font-size:.9rem;color:#333}.result-axis-value{font-size:.85rem;font-weight:700;font-family:SF Mono,Consolas,monospace}.result-axis-poles{display:flex;justify-content:space-between;font-size:.72rem;font-weight:500}.result-gauge{margin-top:.15rem}.result-gauge-track{position:relative;height:10px;border-radius:5px;overflow:visible}.result-gauge-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2.5px solid;box-shadow:0 1px 4px #0003}.result-gauge-quiz{background:#fff;z-index:2}.result-gauge-self{background:#fff;z-index:1;opacity:.7;border-style:dashed}.result-legend-row{display:flex;gap:1rem;margin-top:.3rem}.result-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:#888}.result-legend-dot{width:8px;height:8px;border-radius:50%;border:2px solid #555}.result-legend-dot-quiz{background:#fff}.result-legend-dot-self{background:#fff;border-style:dashed;opacity:.7}.proj2d{display:flex;flex-direction:column;height:100%;overflow:hidden}.proj2d-tabs{display:flex;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.proj2d-tab{flex:1;padding:.5rem 0;border:none;background:transparent;font-size:.75rem;font-weight:600;color:#888;cursor:pointer;text-align:center;transition:all .15s;border-bottom:2px solid transparent}.proj2d-tab:hover{color:#555}.proj2d-tab-active{color:#333;border-bottom-color:#333;background:#fff}.proj2d-chart{flex:1;position:relative;margin:1rem;background:#fff;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;min-height:200px}.proj2d-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.proj2d-axis-h{position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.proj2d-axis-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ddd}.proj2d-label{position:absolute;font-size:.8rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:.18;z-index:0;letter-spacing:.04em;text-transform:uppercase}.proj2d-label-left{left:.75rem;top:50%;transform:translateY(-50%)}.proj2d-label-right{right:.75rem;top:50%;transform:translateY(-50%)}.proj2d-label-top{top:.5rem;left:50%;transform:translate(-50%)}.proj2d-label-bottom{bottom:.5rem;left:50%;transform:translate(-50%)}.proj2d-point{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;cursor:default}.proj2d-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px #00000026;flex-shrink:0}.proj2d-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;box-shadow:0 1px 3px #00000026;flex-shrink:0}.proj2d-name{font-size:.6rem;font-weight:600;color:#555;white-space:nowrap;text-shadow:0 0 3px #fff,0 0 6px #fff;pointer-events:none}