*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}.landing-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-content{max-width:400px;text-align:center;width:100%}.logo-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px}.tagline{color:#a0a0a0;font-size:1.2rem;margin-bottom:40px}.sign-in-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:30px;padding:40px 30px}.sign-in-card h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.sign-in-description{color:#b0b0b0;line-height:1.5;margin-bottom:25px}.google-btn-wrapper{display:flex;justify-content:center;margin-bottom:20px}.error-message{background:#ff6b6b1a;border-radius:8px;color:#ff6b6b;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.restriction-note{color:#888;font-size:.85rem}.features{display:flex;flex-direction:column;gap:15px}.feature{align-items:center;color:#b0b0b0;display:flex;font-size:.95rem;gap:10px;justify-content:center}.feature-icon{font-size:1.2rem}.global-chart-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-top:40px;max-width:750px;overflow:visible;padding:30px 30px 30px 100px;width:100%}.global-chart-wrapper{align-items:center;display:flex;flex-direction:column;overflow:visible}.global-chart-title{color:#fff;font-size:1.5rem;margin-bottom:8px}.global-chart-subtitle{color:#888;font-size:.9rem;margin-bottom:25px}.compass-chart.global-chart{cursor:default}.average-point{align-items:center;cursor:pointer;display:flex;gap:4px;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease;z-index:5}.average-point.hovered,.average-point:hover{z-index:20}.avg-dot{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fffc;border-radius:50%;height:12px;transition:all .2s ease;width:12px}.average-point.hovered .avg-dot,.average-point:hover .avg-dot{box-shadow:0 0 15px #667eea99;height:16px;width:16px}.avg-label{background:#0009;border-radius:3px;color:#fff;font-size:.65rem;font-weight:700;opacity:.8;padding:1px 4px;transition:all .2s ease}.average-point.hovered .avg-label,.average-point:hover .avg-label{background:#667eeae6;opacity:1}.avg-tooltip{background:#14141ef2;border:1px solid #667eea80;border-radius:8px;bottom:100%;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:3px;left:50%;margin-bottom:8px;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:100}.avg-tooltip strong{color:#fff;font-size:.85rem}.avg-tooltip span{color:#aaa;font-size:.75rem}.chart-empty,.chart-loading{color:#888;font-size:.95rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chart-legend{color:#666;font-size:.8rem;margin-top:15px;text-align:center}.chart-page{display:flex;flex-direction:column;min-height:100vh}.chart-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 20px}.chart-header,.header-left{align-items:center;display:flex}.header-left{gap:15px}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.menu-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:background .2s}.menu-toggle:hover{background:#fff3}.header-right{align-items:center;display:flex;gap:12px}.header-avatar{border:2px solid #fff3;border-radius:50%;height:36px;width:36px}.header-name{color:#d0d0d0;font-size:.9rem}.sign-out-btn{background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.sign-out-btn:hover{background:#ff6b6b4d}.chart-layout{display:flex;flex:1 1;overflow:hidden}.major-sidebar{background:#0000004d;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;transition:margin-left .3s ease;width:280px}.major-sidebar.closed{margin-left:-280px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:15px}.sidebar-header h3{color:#fff;font-size:1rem;margin-bottom:5px}.placed-count{color:#888;font-size:.8rem}.major-list{flex:1 1;list-style:none;overflow-y:auto;padding:10px 0}.major-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background .2s}.major-item:hover{background:#ffffff0d}.major-item.selected{background:#f093fb33;border-left:3px solid #f093fb}.major-item.placed .major-code{color:#90ee90}.major-code{color:#f093fb;font-size:.85rem;font-weight:700;min-width:40px}.major-name{color:#ccc;flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placed-indicator{color:#90ee90;font-size:.9rem}.chart-main{flex:1 1;justify-content:center;padding:20px 20px 20px 100px}.chart-main,.compass-chart-wrapper{align-items:center;display:flex;flex-direction:column;overflow:visible}.compass-chart-wrapper{max-width:600px;width:100%}.chart-title{color:#fff;font-size:1.8rem;margin-bottom:20px;text-align:center}.chart-container{align-items:center;display:flex;flex-direction:column;overflow:visible;width:100%}.chart-with-labels{overflow:visible;position:relative}.y-axis-labels{flex-direction:column;height:100%;left:-80px;pointer-events:none;position:absolute;top:0}.x-axis-labels,.y-axis-labels{display:flex;justify-content:space-between;padding:10px 0}.x-axis-labels{max-width:90vw;width:100%}.axis-label{color:#a0a0a0;font-size:.9rem;white-space:nowrap}.compass-chart{background:#ffffff08;border:2px solid #ffffff1a;border-radius:8px;cursor:crosshair;max-height:70vh;max-width:90vw;overflow:visible;position:relative;touch-action:none}.compass-chart.disabled{cursor:not-allowed;opacity:.7}.grid-line{background:#fff3;position:absolute}.grid-line.horizontal{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.grid-line.vertical{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.quadrant{height:50%;opacity:.15;position:absolute;width:50%}.quadrant.top-left{background:linear-gradient(135deg,#4facfe,#00f2fe);left:0;top:0}.quadrant.top-right{background:linear-gradient(135deg,#43e97b,#38f9d7);right:0;top:0}.quadrant.bottom-left{background:linear-gradient(135deg,#fa709a,#fee140);bottom:0;left:0}.quadrant.bottom-right{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:0;right:0}.user-point{position:absolute;transform:translate(-50%,-50%);z-index:10}.point-marker{animation:pulse 2s infinite;background:#fff;border-radius:50%;box-shadow:0 0 20px #ffffff80,0 0 40px #f093fb4d;height:20px;width:20px}.major-point{align-items:center;display:flex;gap:5px;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.major-point .point-dot{background:#f093fb;border:2px solid #fff;border-radius:50%;flex-shrink:0;height:14px;width:14px}.major-point .point-label{background:#000000bf;border-radius:3px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 5px;white-space:nowrap}.major-point.other{opacity:.5;z-index:5}.major-point.other .point-dot{background:#888;border-color:#aaa}.major-point.selected{opacity:1;z-index:10}.major-point.selected .point-dot{animation:pulse 2s infinite;background:#f093fb;box-shadow:0 0 15px #f093fb99;height:18px;width:18px}.major-point.selected .point-label{background:#f093fbe6;font-size:.75rem}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffffff80;transform:scale(1)}50%{box-shadow:0 0 30px #ffffffb3;transform:scale(1.1)}}.point-coords{background:#000000b3;border-radius:4px;font-size:.75rem;padding:4px 8px;top:25px;transform:translateX(-50%);white-space:nowrap}.click-instruction,.point-coords{color:#fff;left:50%;position:absolute}.click-instruction{animation:fadeInOut 2s infinite;background:#0009;border-radius:10px;font-size:1rem;padding:15px 25px;pointer-events:none;top:50%;transform:translate(-50%,-50%)}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.status-area{margin-top:20px;min-height:30px;text-align:center}.saving-status{color:khaki}.error-status{color:#ff6b6b}.saved-status{color:#90ee90}.selected-status{color:#ccc;font-size:.9rem}.selected-status strong{color:#f093fb}.instructions{color:#888;font-size:.9rem;margin-top:20px;max-width:400px;text-align:center}@media (max-width:768px){.logo-section h1{font-size:2.5rem}.sign-in-card{padding:30px 20px}.chart-header{flex-wrap:wrap;gap:10px}.header-name{display:none}.chart-title{font-size:1.4rem}.axis-label{font-size:.75rem}.y-axis-labels{left:-60px}.click-instruction{font-size:.85rem;padding:10px 15px}.major-sidebar{background:#0f0f0ffa;bottom:0;left:0;position:fixed;top:70px;width:280px;z-index:100}.major-sidebar.closed{left:-280px;margin-left:0}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:70px;z-index:99}.sidebar-overlay.open{display:block}}@media (max-width:480px){.logo-section h1{font-size:2rem}.x-axis-labels{padding:5px 0}.point-coords{display:none}.major-sidebar{width:260px}.major-sidebar.closed{left:-260px}}
/*# sourceMappingURL=main.93b13258.css.map*/