*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}.header h1{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.header-info{display:flex;gap:2rem;flex-wrap:wrap}.last-update,.next-refresh{font-size:.9rem;opacity:.9}.controls{display:flex;gap:1rem;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){background:#f7fafc;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#65438b)}.btn-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.error-banner{background:#fee;color:#c53030;padding:1rem 2rem;border-left:4px solid #e53e3e;margin:0}.main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.chart-section,.table-section,.analysis-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.chart-section h2,.table-section h2,.analysis-section h2{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#667eea}.point-info{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:4px;font-weight:500;color:#333}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s ease;z-index:1000}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea99}.scroll-top-btn:active{transform:translateY(-1px)}.loading,.error,.no-data{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem;color:#718096}.error{color:#e53e3e;font-weight:500}.chart-container{width:100%;overflow-x:auto}.line-chart{width:100%;max-width:100%;height:auto}.grid-line{stroke:#e0e0e0;stroke-width:1;stroke-dasharray:3,3}.axis{stroke:#333;stroke-width:2}.axis-label{fill:#666;font-size:12px}.line{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.line-close{stroke:#4299e1}.line-ma{stroke:#f56565}.point{fill:#fff;stroke-width:2}.point-close{stroke:#4299e1}.point-ma{stroke:#f56565}.legend-text{fill:#333;font-size:14px}.table-container{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{padding:1rem;text-align:left;font-weight:600;position:sticky;top:0;z-index:10}.data-table td{padding:.875rem 1rem;border-bottom:1px solid #e0e0e0}.data-table tbody tr:hover{background-color:#f7fafc}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.data-table tbody tr:nth-child(2n):hover{background-color:#f7fafc}.ma-high{color:#38a169;font-weight:600}.ma-low{color:#d69e2e;font-weight:600}.clickable-point{transition:all .2s ease;cursor:pointer}.clickable-point:hover{stroke-width:3;filter:drop-shadow(0 0 4px currentColor)}.clickable-point:active{stroke-width:4}.ma-analysis{font-size:.95rem}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.analysis-card{background:#f7fafc;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0}.analysis-card h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.analysis-point{margin-bottom:.75rem;line-height:1.6}.breakthrough{color:#667eea;font-weight:500}.current-value{margin-top:1rem;padding:.75rem;background:#fff;border-radius:6px;font-size:1rem}.score-breakdown{margin-top:1rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.9rem;line-height:1.8}.total-score{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;font-weight:600;color:#667eea}.trend-summary{background:#f7fafc;padding:1.25rem;border-radius:8px;border-left:4px solid #cbd5e0}.trend-summary h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.trend-summary>div{margin-bottom:.5rem;line-height:1.6}.final-judgment{margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0;font-size:1.1rem;font-weight:600}.score-comparison{font-size:.9rem;color:#718096;margin-top:.5rem}.trend-up{border-left-color:#38a169}.trend-up .final-judgment strong{color:#38a169}.trend-down{border-left-color:#e53e3e}.trend-down .final-judgment strong{color:#e53e3e}.analysis-point.periodic-point{border-left:3px solid #38a169}.analysis-point.non-periodic-point{border-left:3px solid #a0aec0;opacity:.7}.breakthrough{color:#38a169;font-weight:700}.non-periodic-breakthrough{color:#d69e2e;font-weight:700}.non-periodic{color:#718096}.scoring-explanation{background-color:#edf2f7b3;padding:12px;border-radius:6px;margin:10px 0;font-size:14px}.scoring-explanation div{margin:4px 0}.pattern-results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0;padding:15px;background-color:#f7fafc80;border-radius:6px}.point-details-panel{margin-top:1rem;position:relative;background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:6px;padding:.75rem 2.5rem .75rem 1rem;box-shadow:0 2px 6px #00000014}.close-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:none;font-size:20px;color:#718096;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;box-shadow:0 1px 3px #0000001a}.close-btn:hover{background:#fff;color:#4a5568;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.point-details-compact{font-family:Courier New,Consolas,monospace;font-size:1rem;font-weight:600;color:#2d3748;letter-spacing:.5px;line-height:1.6}@media (max-width: 480px){body{font-size:14px}.header{padding:1rem}.header h1{font-size:1.3rem}.header-info{gap:.75rem;font-size:.85rem}.controls{flex-direction:column;padding:1rem;gap:.75rem}.btn{width:100%;padding:.625rem;font-size:.9rem}.main{padding:.75rem}.chart-section,.table-section,.analysis-section{padding:.75rem;margin-bottom:1rem;border-radius:8px}.chart-section h2,.table-section h2,.analysis-section h2{font-size:1.1rem;margin-bottom:.75rem}.chart-container{margin:0 -.75rem;width:calc(100% + 1.5rem)}.axis-label{font-size:9px}.point-details-panel{margin:.75rem 0 0;padding:.625rem 2rem .625rem .75rem}.point-details-compact{font-size:.9rem;letter-spacing:.3px;line-height:1.5}.close-btn{width:24px;height:24px;font-size:18px;top:.375rem;right:.375rem}.analysis-grid{grid-template-columns:1fr;gap:1rem}.analysis-card{padding:.875rem}.analysis-card h3{font-size:1rem}.analysis-point{font-size:.875rem;margin-bottom:.625rem}.score-breakdown,.current-value{font-size:.85rem;padding:.625rem}.trend-summary{padding:.875rem}.trend-summary h3,.final-judgment{font-size:1rem}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem .25rem}.scroll-top-btn{width:42px;height:42px;bottom:1rem;right:1rem;font-size:1.3rem}.error-banner{padding:.75rem 1rem;font-size:.875rem}.pattern-results{grid-template-columns:1fr;gap:.5rem;padding:.75rem;font-size:.85rem}.loading,.no-data{min-height:200px;font-size:1rem}}@media print{.header{background:#667eea;-webkit-print-color-adjust:exact;print-color-adjust:exact}.chart-section,.table-section{page-break-inside:avoid}}.ma-analysis{font-size:.95rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ma-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.ma-analysis-card{background:#f7fafc;padding:1.25rem;border-radius:8px;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.ma-analysis-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ma-analysis-card h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.ma-analysis-point{margin-bottom:.75rem;line-height:1.6;padding:.75rem;border-radius:4px;transition:background-color .2s ease}.ma-analysis-point:hover{background-color:#edf2f780}.ma-periodic-point{border-left:3px solid #38a169;background-color:#48bb780d}.ma-non-periodic-point{border-left:3px solid #a0aec0;background-color:#a0aec00d;opacity:.7}.ma-breakthrough-high{background-color:#f565650d}.ma-breakthrough-low{background-color:#4299e10d}.ma-breakthrough{color:#38a169;font-weight:700;margin-left:.5rem}.ma-non-periodic-breakthrough{color:#d69e2e;font-weight:700;margin-left:.5rem}.ma-non-periodic{color:#718096;margin-left:.5rem}.ma-periodic-info{margin:10px 0;padding:12px;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:8px;font-size:14px;border:1px solid #e2e8f0}.ma-periodic-info>div{margin:4px 0}.ma-periodic-info>div:first-child{font-weight:600;color:#2d3748}.ma-score-breakdown{margin-top:1rem;padding:.75rem;background:#fff;border-radius:6px;font-size:.9rem;line-height:1.8;border:1px solid #e2e8f0}.ma-score-breakdown>div{margin:.25rem 0}.ma-total-score{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;font-weight:600;color:#667eea}.ma-trend-summary{background:#f7fafc;padding:1.25rem;border-radius:8px;border-left:4px solid #cbd5e0}.ma-trend-summary h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.ma-trend-summary>div{margin-bottom:.5rem;line-height:1.6}.ma-scoring-explanation{background-color:#edf2f7b3;padding:15px;border-radius:8px;margin:15px 0;font-size:14px;border:1px solid #cbd5e0}.ma-scoring-explanation div{margin:5px 0}.ma-scoring-explanation>div:first-child{font-weight:600;color:#2d3748}.ma-pattern-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0;padding:15px;background:linear-gradient(135deg,#667eea05,#764ba205);border-radius:8px;border:1px solid #e2e8f0}.ma-pattern-results>div{padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.ma-final-judgment{margin-top:1rem;padding-top:1rem;border-top:2px solid #e2e8f0;font-size:1.1rem;font-weight:600}.ma-score-comparison{font-size:.9rem;color:#718096;margin-top:.5rem;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0}.ma-trend-up{border-left-color:#38a169}.ma-trend-up .ma-final-judgment strong{color:#38a169}.ma-trend-down{border-left-color:#e53e3e}.ma-trend-down .ma-final-judgment strong{color:#e53e3e}.ma-no-data{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:1.2rem;color:#666;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0;padding:2rem}@media (max-width: 768px){.ma-analysis-grid{grid-template-columns:1fr;gap:1rem}.ma-analysis-card{padding:1rem}.ma-analysis-card h3{font-size:1rem}.ma-analysis-point{font-size:.9rem;padding:.5rem;margin-bottom:.5rem}.ma-periodic-info{padding:.75rem;font-size:13px}.ma-scoring-explanation{padding:12px;font-size:13px}.ma-pattern-results{grid-template-columns:1fr;gap:8px;padding:12px}.ma-score-breakdown{font-size:13px}.ma-trend-summary{padding:1rem}}@media (max-width: 480px){.ma-analysis{font-size:.85rem}.ma-analysis-card{padding:.75rem}.ma-analysis-card h3{font-size:.95rem;margin-bottom:.75rem}.ma-analysis-point{font-size:.85rem;padding:.5rem;margin-bottom:.375rem}.ma-breakthrough,.ma-non-periodic-breakthrough,.ma-non-periodic{font-size:.8rem}.ma-periodic-info{padding:.5rem;font-size:12px}.ma-scoring-explanation{padding:10px;font-size:12px}.ma-pattern-results{padding:10px;gap:6px}.ma-score-breakdown{padding:.5rem;font-size:12px}.ma-total-score{font-size:14px}.ma-final-judgment{font-size:1rem}.ma-score-comparison{font-size:12px}.ma-no-data{font-size:1rem;padding:1.5rem}}@media (min-width: 1200px){.ma-analysis-grid{grid-template-columns:repeat(2,minmax(500px,1fr));gap:2rem}.ma-trend-summary{max-width:1000px;margin:0 auto}}@media (min-width: 1600px){.ma-analysis-grid{grid-template-columns:repeat(2,minmax(600px,1fr));gap:2.5rem}.ma-analysis-card{padding:1.5rem}.ma-analysis-card h3{font-size:1.2rem}.ma-analysis-point{font-size:1rem}}@media print{.ma-analysis-card{break-inside:avoid;border:1px solid #333;background-color:#fff}.ma-periodic-point{border-left:2px solid #000}.ma-non-periodic-point{border-left:2px solid #666}.ma-breakthrough{color:#000}.ma-periodic-info,.ma-scoring-explanation,.ma-pattern-results,.ma-score-breakdown{background-color:#f8f8f8;border:1px solid #ddd}.ma-trend-summary{border-left:3px solid #000}.ma-trend-up{border-left-color:#000}.ma-trend-down{border-left-color:#666}}@media (prefers-color-scheme: dark){.ma-analysis{color:#e2e8f0}.ma-analysis-card{background-color:#2d3748;border-color:#4a5568}.ma-analysis-card h3{color:#e2e8f0}.ma-analysis-point:hover{background-color:#4a556880}.ma-periodic-point{background-color:#48bb781a;border-left-color:#48bb78}.ma-non-periodic-point{background-color:#7180961a;border-left-color:#718096}.ma-breakthrough-high{background-color:#f565651a}.ma-breakthrough-low{background-color:#4299e11a}.ma-breakthrough{color:#48bb78}.ma-non-periodic-breakthrough{color:#d69e2e}.ma-non-periodic{color:#a0aec0}.ma-periodic-info{background:linear-gradient(135deg,#667eea20,#764ba220);border-color:#4a5568;background-color:#4a5568}.ma-score-breakdown{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.ma-total-score{color:#63b3ed}.ma-trend-summary{background-color:#2d3748;border-color:#4a5568}.ma-scoring-explanation{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.ma-pattern-results{background:linear-gradient(135deg,#667eea10,#764ba210);border-color:#4a5568;background-color:#4a5568}.ma-pattern-results>div{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.ma-score-comparison{background-color:#4a5568;border-color:#718096;color:#a0aec0}.ma-no-data{background-color:#2d3748;border-color:#4a5568;color:#a0aec0}}@media (prefers-contrast: high){.ma-analysis-card{border-width:2px}.ma-periodic-point,.ma-non-periodic-point{border-left-width:4px}.ma-breakthrough,.ma-non-periodic-breakthrough{text-decoration:underline}.ma-trend-summary{border-left-width:5px}}@media (prefers-reduced-motion: reduce){.ma-analysis-card{transition:none}.ma-analysis-card:hover{transform:none}.ma-analysis-point{transition:none}.ma-analysis-point:hover{background-color:inherit}}