:root{--bg-color:#f4f7f9;--main-text-color:#333;--secondary-text-color:#666;--primary-color:#ff76a2;--secondary-color:#4fc3f7;--card-bg-color:#ffffff;--border-color:#e0e0e0;--shadow-color:rgba(0, 0, 0, 0.05);--input-bg-color:#fff;--debug-bg-color:#f0f0f0;--config-panel-bg:#f8f9fa;--slider-bg:#ccc;--hover-bg-color:#e9e9e9;--table-header-bg:#e9e9e9;--type-cute-color:#ff74b4;--type-cool-color:#4682b4;--type-passion-color:#ff8c09}body.dark-mode{--bg-color:#1a1a1a;--main-text-color:#e0e0e0;--secondary-text-color:#aaa;--card-bg-color:#2c2c2c;--border-color:#444;--shadow-color:rgba(0, 0, 0, 0.2);--input-bg-color:#333;--debug-bg-color:#222;--config-panel-bg:#333;--slider-bg:#555;--hover-bg-color:#3a3a3a;--table-header-bg:#3a3a3a}body{font-family:'Noto Sans JP',sans-serif;background-color:var(--bg-color);color:var(--main-text-color);margin:0;line-height:1.6;transition:background-color .3s,color .3s}h1{text-align:center;color:var(--primary-color);margin-bottom:20px}h3{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color);padding-bottom:5px;margin-top:0}.container{width:95%;margin:10px auto}.main-layout{display:flex;gap:20px;margin-top:20px;align-items:flex-start}.chart-container{flex-grow:1;min-width:0;height:70vh;transition:margin-right .3s ease-in-out}.main-layout.config-open .chart-container{margin-right:320px}.theme-toggle-container{position:absolute;top:10px;right:10px;z-index:1000}@media (max-width:768px){.main-layout{flex-direction:column}.controls{flex-direction:column;gap:10px}}.header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0}.header__gif{height:120px}.header__gif--left{margin-right:10px}.header__gif--right{margin-left:10px}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:10px;padding:15px;background-color:var(--card-bg-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color)}.controls__group{display:flex;align-items:center;gap:20px}.controls label{font-weight:700}.controls input[type=text],.controls select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:1em;background-color:var(--input-bg-color);color:var(--main-text-color)}.info-panel{flex-basis:300px;flex-shrink:0;background-color:var(--card-bg-color);border-radius:8px;padding:20px;box-shadow:0 2px 4px var(--shadow-color);border-top:5px solid #ccc;transition:border-top-color .3s ease;position:relative;overflow:hidden;z-index:0}.info-panel::before{content:"";position:absolute;top:120px;left:0;right:0;width:340px;height:340px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.1;pointer-events:none;z-index:-1;filter:invert(1)}.info-panel.cg::before{background-image:url('/imas_tool/assets/images/logo_cg.png')}.info-panel.ml::before{background-image:url('/imas_tool/assets/images/logo_ml.png')}.info-panel.as::before{background-image:url('/imas_tool/assets/images/logo_765.png')}.dark-mode .info-panel::before{opacity:.3}.info-panel__name{margin-top:0;text-align:left;display:flex;align-items:center;gap:10px;font-size:1.5em}.info-panel__initial-message{color:var(--secondary-text-color)}.info-panel__stats{list-style:none;padding:0;margin:0;display:none}.info-panel__stats .stat-icon{display:inline-block;width:1.5em;text-align:center;margin-right:5px}.info-panel__stats td:first-child{vertical-align:top;white-space:nowrap}.info-panel__stats td:nth-child(2){display:flex;gap:.5em}.info-panel__neighbors{margin-top:20px;border-top:1px solid var(--border-color);padding-top:10px}.info-panel__neighbors-list{list-style-type:none;padding:0}.info-panel__neighbors-list li{padding:4px 0;font-size:.9em}.info-panel.Cute{border-top-color:var(--type-cute-color)}.info-panel.Cool{border-top-color:var(--type-cool-color)}.info-panel.Passion{border-top-color:var(--type-passion-color)}.info-panel.Princess{border-top-color:var(--type-cute-color)}.info-panel.Fairy{border-top-color:var(--type-cool-color)}.info-panel.Angel{border-top-color:var(--type-passion-color)}.char-type{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.9em;font-weight:700;color:#fff}.char-type.Cute{background-color:var(--type-cute-color)}.char-type.Cool{background-color:var(--type-cool-color)}.char-type.Passion{background-color:var(--type-passion-color)}.char-type.Princess{background-color:var(--type-cute-color)}.char-type.Fairy{background-color:var(--type-cool-color)}.char-type.Angel{background-color:var(--type-passion-color)}.text-color-Cute{color:var(--type-cute-color)}.text-color-Cool{color:var(--type-cool-color)}.text-color-Passion{color:var(--type-passion-color)}.text-color-Princess{color:var(--type-cute-color)}.text-color-Fairy{color:var(--type-cool-color)}.text-color-Angel{color:var(--type-passion-color)}.map-container{display:none}.map-idol-list-container{flex-grow:1;max-height:600px;overflow-y:auto;border:1px solid var(--border-color);padding:10px;border-radius:5px;background-color:var(--card-bg-color)}.map-idol-entry{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:5px;padding:5px;border-radius:5px}.map-idol-entry:hover{background-color:var(--hover-bg-color)}.config-container{position:relative}.config-container__buttons{display:flex;gap:10px;position:absolute;top:-73px;right:0;z-index:10}.filter-guide-img{height:120px;vertical-align:middle;margin-left:0;transform:translateY(-60px)}.config-container__btn{background:var(--card-bg-color);border:1px solid var(--border-color);color:var(--main-text-color);border-radius:8px;width:40px;height:40px;font-size:20px;cursor:pointer;box-shadow:0 1px 3px var(--shadow-color);display:flex;align-items:center;justify-content:center}.config-panel{position:absolute;top:0;right:0;z-index:20;width:320px;background-color:var(--config-panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;box-shadow:0 4px 8px var(--shadow-color);transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(-10px);opacity:0;visibility:hidden}.config-panel:not(.collapsed){transform:translateY(0);opacity:1;visibility:visible}.config-panel.collapsed{display:none}.config-group{margin-bottom:25px}.config-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.config-group label{font-weight:700;display:block;margin-bottom:10px}.config-group-header>label{margin-bottom:0}.checkbox-options-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding-top:10px}.checkbox-group{display:flex;align-items:center;gap:8px}.slider-labels{display:flex;justify-content:space-between;font-size:.9em;color:#555}.dark-mode .slider-labels{color:#ccc}.slider-config{height:12px}.slider-config .noUi-handle{height:18px;width:18px;top:-4px;right:-9px;border-radius:9px;background:#d3d3d3}.slider-config .noUi-connect{background:linear-gradient(90deg,#22c1c3 0,#fdbb2d 100%)}.slider-config .noUi-handle::after,.slider-config .noUi-handle::before{content:none}.filter-actions{display:flex;gap:5px}.filter-action-btn{background:0 0;border:1px solid var(--border-color);color:var(--main-text-color);border-radius:4px;padding:2px 6px;font-size:12px;cursor:pointer}.filter-action-btn:hover{background-color:var(--border-color)}.filter-grid-btn.active{background-color:#007bff;color:#fff}.config-group[data-filter-type=range]{display:grid;grid-template-columns:2fr 5fr;grid-template-rows:auto auto;grid-column-gap:15px;align-items:center}.config-group[data-filter-type=range] label{grid-row:1/3;grid-column:1/2;margin-bottom:0}.config-group[data-filter-type=range] .slider-labels{grid-row:1/2;grid-column:2/3;margin-top:-12px;margin-bottom:5px}.config-group[data-filter-type=range] .range-slider{grid-row:2/3;grid-column:2/3}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:15px}.filter-grid__btn{padding:8px 5px;font-size:.8em;background-color:var(--input-bg-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;text-align:center;transition:background-color .2s,border-color .2s}.filter-grid__btn:hover{border-color:var(--primary-color)}.filter-grid__btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-content .config-group{padding:10px;border:1px solid var(--border-color);border-radius:5px;margin-bottom:10px}.debug-area{margin-top:30px;padding:20px;background-color:var(--debug-bg-color);border-radius:8px}.debug-area__table-container{margin-top:15px;max-height:400px;overflow:auto}.debug-area__table-container table{width:100%;border-collapse:collapse}.debug-area__table-container td,.debug-area__table-container th{border:1px solid var(--border-color);padding:8px;text-align:left}.debug-area__table-container th{background-color:var(--table-header-bg);position:sticky;top:0}.footer{text-align:center;padding:20px;margin-top:40px;border-top:1px solid var(--border-color);font-size:.8em;color:var(--secondary-text-color)}.footer p{margin:5px 0}