@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap";:root{--color-bg: #0a0a0c;--color-bg-elevated: #111;--color-bg-hover: #222;--color-border: #444;--color-border-subtle: #333;--color-text: #efefef;--color-text-muted: #aaa;--color-text-dim: #888;--color-text-dimmer: #999;--color-accent: #1888f8;--color-accent-light: #68b4ff;--color-accent-lighter: #8cc8ff;--color-positive: #48f89c;--color-negative: #ff6868;--color-privacy: #8ba;font-family:Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:1rem}#app{max-width:1400px;margin:0 auto}.about-trigger,.remove-btn,.clear-btn{background:none;border:none;cursor:pointer}.modal-content a{color:var(--color-accent-light);text-decoration:none;transition:color .2s ease}.modal-content a:hover{color:var(--color-accent-lighter);text-decoration:underline}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-content{text-align:center;flex:1}.app-header h1{font-size:2rem;font-weight:700;margin-bottom:.25rem}.app-header .subtitle{color:var(--color-text-muted);font-size:1rem}.header-actions{position:absolute;right:1rem;display:flex;align-items:center;gap:1rem}.about-trigger{color:var(--color-text-muted);font-size:1rem;padding:.5rem;transition:color .2s ease}.about-trigger:hover{color:var(--color-accent-light)}.header-actions select{appearance:none;-webkit-appearance:none;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:4px;font-size:.9375rem;padding:.5rem 1.75rem .5rem .75rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.dropzone{border:2px dashed var(--color-border);border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease}.dropzone:hover,.dropzone.dragover{border-color:var(--color-accent-light);background-color:#68b4ff0d}.dropzone.disabled{opacity:.5;cursor:not-allowed}.dropzone.disabled:hover{border-color:var(--color-border);background-color:transparent}.dropzone-text{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dropzone-subtext{color:var(--color-text-muted);font-size:.875rem}.dropzone-formats{color:var(--color-text-dim);font-size:.75rem;margin-top:1rem}.file-list{margin-top:1rem}.file-list.disabled{opacity:.7}.file-list.disabled .remove-btn,.file-list.disabled .clear-btn{cursor:not-allowed;opacity:.5}.file-list.disabled .remove-btn:hover,.file-list.disabled .clear-btn:hover{color:var(--color-text-dim)}.file-list-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border);color:#fff;font-weight:600}.file-items{list-style:none}.file-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--color-text-muted);font-size:.875rem;margin:0 1rem}.remove-btn,.clear-btn{color:var(--color-text-dim);font-size:1rem;padding:.25rem .5rem}.remove-btn:hover,.clear-btn:hover{color:var(--color-negative)}.options-section{margin-top:1.5rem;padding:1rem;background-color:var(--color-bg-elevated);border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input:disabled{opacity:.5}.checkbox-label input:disabled+span{color:#666}.interval-option{display:flex;align-items:center;gap:.5rem}select{background-color:var(--color-bg-hover);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:.5rem;font-size:.875rem}select option:disabled{color:#666}.analyze-btn{background-color:var(--color-accent);color:#fff;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.analyze-btn:hover{background-color:#1070d8}.analyze-btn:disabled{background-color:var(--color-border);cursor:not-allowed}.progress-container{margin-top:1.5rem;padding:1rem;background-color:var(--color-bg-elevated);border-radius:8px}.progress-message{margin-bottom:.5rem}.progress-bar{height:8px;background-color:var(--color-border-subtle);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-accent);transition:width .2s ease}.progress-percent{text-align:right;font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}.results-container{margin-top:1.5rem}.result-section{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-bg-elevated);border-radius:8px}.result-section>h2{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#fff}.result-section.file-section{background-color:#0d0d0d}.file-info,.file-names{color:var(--color-text-muted);font-size:.875rem}.file-info span:not(:last-child):after{content:" | "}.collapsible{margin-top:1rem}.collapsible-toggle{display:flex;align-items:center;gap:.375rem;background-color:#1a1a1a;border:2px solid #666;border-radius:3px;color:#fff;padding:.25rem .75rem;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease}.collapsible-toggle:hover{background-color:#2a2a2a;border-color:var(--color-text-dim)}.toggle-icon{font-size:.75rem}.collapsible-content{margin-top:1rem;padding-left:.5rem}.collapsible-content h4{font-size:.875rem;font-weight:600;color:#ccc;margin:1rem 0 .5rem}.collapsible-content h4:first-child{margin-top:0}.timeline-collapsible .collapsible-toggle{font-size:1rem;color:var(--color-text);border-color:var(--color-border)}.charts-grid{display:grid;grid-template-columns:repeat(var(--column-count, 2),1fr);gap:.5rem;margin-top:.5rem}.chart-card{background-color:var(--color-bg);border-radius:4px;padding:.5rem;position:relative;border:1px solid var(--color-border-subtle)}.chart-card-header{margin-bottom:.25rem}.chart-card-header h3{font-size:.875rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.chart-card .file-info{font-size:.8125rem}.chart-section{margin-top:.5rem;position:relative}.chart-section h3{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:#fff}.chart-description{margin-top:.75rem;font-size:.8125rem;color:var(--color-text-dimmer);line-height:1.6;white-space:pre-line}.chart-image{width:100%;height:auto;display:block;border-radius:4px}.download-btn{position:absolute;top:.5rem;right:.5rem;background-color:#1e1e1ee6;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:3px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.download-btn:hover{background-color:#000c;color:var(--color-text)}.table-scroll{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:Monaco,Menlo,monospace}.results-table th,.results-table td{padding:.5rem;text-align:right;border-bottom:1px solid var(--color-border-subtle)}.results-table th{font-weight:600;color:#ccc;background-color:var(--color-bg-elevated)}.results-table th:first-child,.results-table td.row-label,.results-table td.time-label{text-align:left;font-weight:600}.results-table .diff-row td,.results-table .compare-diff-row td{font-size:.8rem}.results-table .compare-diff-row td{background-color:#0f0f0f}.results-table .positive{color:var(--color-positive)}.results-table .negative{color:var(--color-negative)}.results-table .file-header-row td,.results-table .avg-row td{background-color:#181818;font-weight:600}.results-table .file-header-row td{padding:.75rem .5rem;text-align:left}.app-footer{margin-top:2rem;text-align:center;font-size:.75rem}.app-footer .privacy-notice{color:var(--color-privacy)}.app-footer .copyright{margin-top:.75rem;color:var(--color-text-dimmer)}.app-footer a{color:var(--color-text-dim);text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:var(--color-accent-light)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:8px;padding:1.5rem;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.modal-description{color:#ccc;font-size:.9375rem;line-height:1.7;white-space:pre-line;margin-bottom:1.5rem}.modal-kweighting{margin-bottom:1.5rem}.modal-section{margin-bottom:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border-subtle)}.modal-section h3{font-size:.9375rem;font-weight:600;color:#fff;margin-bottom:.5rem}.modal-section p{font-size:.875rem;color:var(--color-text-muted);line-height:1.6}.modal-section .faq-question{color:var(--color-text-secondary);font-weight:500;margin-bottom:.25rem}.modal-close{background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);padding:.5rem 1.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.modal-close:hover{background-color:var(--color-border-subtle);border-color:#555}.hidden{display:none!important}@media(max-width:768px){body{padding:.5rem}.app-header{flex-direction:column;gap:1rem}.header-actions{position:static}.options-section{flex-direction:column;align-items:flex-start}.results-table{font-size:.75rem}.charts-grid{grid-template-columns:1fr}.modal-content{padding:1rem}}