:root{--bg:#c5c6c7;--panel:#e5e5e3;--panel2:#d8d9d8;--chart:#dedfdd;--dark:#424345;--line:#8e9092;--text:#161718;--muted:#5f6264;--up:#177047;--down:#a92f32;--upsoft:#cddfd5;--downsoft:#e5cdce;--row:#ededeb;--alt:#dedfdd;--font:11px;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP","MS PMincho",serif}
*{box-sizing:border-box}html{font-family:var(--serif);font-size:var(--font);background:var(--bg);color:var(--text)}body{margin:0;min-width:320px}button,input,select{font:inherit;color:inherit}button{background:#d7d8d7;border:1px solid var(--line);border-radius:1px;padding:4px 8px;cursor:pointer}button:hover{background:#c9cac9}.topbar{height:43px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;position:sticky;top:0;z-index:30}.brand{display:flex;gap:8px;align-items:baseline}.brand strong{font-size:15px;letter-spacing:.11em}.brand span{font-size:9px;color:#d0d1d2}.status{display:flex;gap:7px;align-items:center;font-size:9px}.demo-badge{background:#7e2527;padding:2px 7px;border:1px solid #d8a2a3}.warning{height:25px;background:#d0c9aa;border-bottom:1px solid #918b70;text-align:center;padding:5px;font-weight:700;font-size:10px}.tabs{height:34px;display:flex;overflow-x:auto;background:#aaacae;border-bottom:1px solid var(--line);position:sticky;top:43px;z-index:25}.tab{border:0;border-right:1px solid #888b8f;border-radius:0;background:transparent;padding:0 13px;white-space:nowrap}.tab.active{background:var(--panel);font-weight:700;border-bottom:2px solid #222}.view{display:none}.view.active{display:block}main{padding:6px}.panel,.control-panel{background:var(--panel);border:1px solid var(--line);padding:6px}.panel h2{font-size:12px;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:5px}.panel-head span{font-size:9px;color:var(--muted)}.chart-head>div:last-child{max-width:72%;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:5px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.market-group{margin-bottom:5px}.group-title{display:flex;align-items:center;gap:8px;background:#8e9195;color:#fff;padding:3px 7px;border:1px solid #707378}.group-title h2{font-size:10px;margin:0;letter-spacing:.08em}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:3px;margin-top:3px}.metric-card{background:var(--panel);border:1px solid var(--line);padding:4px;min-height:72px;cursor:pointer}.metric-card:hover{outline:1px solid #222}.metric-top{display:flex;justify-content:space-between;gap:5px}.metric-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value{font-size:15px;font-weight:700;margin:2px 0}.metric-unit{font-size:8px;color:var(--muted)}.positive{color:var(--up)!important}.negative{color:var(--down)!important}.spark{width:100%;height:30px;display:block}.spark .grid{stroke:#b8bbbe;stroke-width:.6}.spark .line{fill:none;stroke:currentColor;stroke-width:1.5}.spark .area{fill:currentColor;opacity:.07}.summary-row{display:grid;grid-template-columns:repeat(8,minmax(85px,1fr));gap:3px;margin-bottom:5px}.summary-card{background:var(--panel);border:1px solid var(--line);padding:5px}.summary-card span{display:block;color:var(--muted);font-size:9px}.summary-card strong{font-size:14px}.toolbar,.screen-head{display:flex;gap:7px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:5px;margin-bottom:4px}.toolbar input{min-width:220px;flex:1}.toolbar input,.toolbar select,.filters input,.screen-head select{background:#f0f0ee;border:1px solid var(--line);padding:3px 5px}.toolbar span,.screen-head span{margin-left:auto}.control-panel{margin-bottom:4px}.screen-head{border:0;padding:0 0 5px;margin:0 0 5px;background:transparent;border-bottom:1px solid var(--line)}.presets{display:flex;gap:3px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));gap:4px}.filters label{display:flex;align-items:center;gap:3px;white-space:nowrap}.filters input{width:100%;min-width:48px}.move-filters{grid-template-columns:repeat(6,minmax(120px,1fr))}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--panel)}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:9.5px}th,td{border-right:1px solid #b5b7ba;border-bottom:1px solid #c1c3c5;padding:3px 4px;text-align:right;height:24px}th{position:sticky;top:0;background:#777a7d;color:#fff;z-index:5}td.left,th.left{text-align:left}tbody tr:nth-child(odd){background:var(--row)}tbody tr:nth-child(even){background:var(--alt)}tbody tr:hover{background:#c9cbcd}.stock-table{max-height:calc(100vh - 145px)}.watch{border:0;background:transparent;padding:0 2px}.watch.on{color:#8c6500}.company{border:0;background:transparent;padding:0;text-decoration:underline;text-align:left}.breadth{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.breadth-box{border:1px solid var(--line);padding:5px;text-align:center}.breadth-box strong{display:block;font-size:18px}.breadth-bar{height:10px;background:var(--down);display:flex;margin-top:7px}.breadth-up{background:var(--up)}.breadth-flat{background:#888}.sector-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sector-pair h3{font-size:10px;margin:0 0 3px}.sector-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.sector-item{display:flex;justify-content:space-between;padding:3px 5px;border:1px solid #aaa;background:#dadbd9}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.risk-item{border:1px solid var(--line);padding:4px}.mini-tabs,.frame-tabs{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end}.mini-tabs button,.frame-tabs button{padding:2px 6px;font-size:9px}.mini-tabs button.active,.frame-tabs button.active{background:#3e4042;color:#fff}.chart-shell{position:relative;background:var(--chart);border:1px solid #a0a2a3}.main-chart-svg{width:100%;height:430px;display:block;background:var(--chart)}.detail-chart-svg{width:100%;height:400px;display:block;background:var(--chart)}.chart-grid{stroke:#b8bab9;stroke-width:.7}.chart-axis{font-size:10px;fill:#4f5152}.candle-up{fill:var(--up);stroke:var(--up)}.candle-down{fill:var(--down);stroke:var(--down)}.volume-up{fill:var(--up);opacity:.45}.volume-down{fill:var(--down);opacity:.45}.ma5{fill:none;stroke:#2e526f;stroke-width:1.15}.ma20{fill:none;stroke:#76652e;stroke-width:1.15}.crosshair{stroke:#3c3d3e;stroke-width:.8;stroke-dasharray:3 2;display:none}.chart-tooltip{position:absolute;z-index:5;background:#f0f0ed;border:1px solid #666;padding:4px 6px;font-size:9px;pointer-events:none;display:none;min-width:165px}.chart-legend{display:flex;gap:10px;align-items:center;padding:3px 5px;border-top:1px solid var(--line);background:#d5d6d4;font-size:9px}.legend-line{width:18px;height:2px;display:inline-block}.legend-ma5{background:#2e526f}.legend-ma20{background:#76652e}.chart-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:4px}.chart-stat{border:1px solid var(--line);padding:4px;background:#d7d8d6}.chart-stat strong{display:block}.radar-pill{padding:2px 5px;border:1px solid #aaa;background:#ddd}.signals{display:flex;gap:2px}.signal{border:1px solid #999;padding:1px 4px;background:#ccc}.connect-grid,.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:5px}.source-status{display:inline-block;padding:2px 7px;margin:6px 0;border:1px solid}.ready{background:var(--upsoft);color:var(--up)}.pending{background:var(--downsoft);color:var(--down)}.partial{background:#ddd3ad;color:#6e5c19}dl{display:grid;grid-template-columns:1fr 1.5fr;margin:7px 0;gap:3px}dt,dd{margin:0;padding:3px;border-bottom:1px solid #bbb}dialog{width:min(1160px,97vw);max-height:94vh;overflow:auto;border:1px solid #333;background:var(--panel);padding:8px}dialog::backdrop{background:#0008}.detail-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:5px}.detail-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:5px;margin-top:5px}.detail-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:5px 0}.detail-metric{border:1px solid var(--line);padding:4px;background:#dedfdd}.detail-metric span{display:block;font-size:9px;color:var(--muted)}.news-list{display:grid;gap:3px}.news-item{border:1px solid var(--line);padding:5px;background:#dedfdd}.news-item small{color:var(--muted)}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.filters{grid-template-columns:repeat(3,1fr)}.summary-row{grid-template-columns:repeat(4,1fr)}.connect-grid,.storage-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{grid-template-columns:1fr}.main-chart-svg{height:380px}.detail-chart-svg{height:360px}}@media(max-width:600px){:root{--font:10px}.dashboard-grid{display:block}.panel{margin-bottom:5px}.span-2,.span-3{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.summary-row{grid-template-columns:repeat(2,1fr)}.filters,.move-filters{grid-template-columns:repeat(2,1fr)}.sector-pair{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%;flex-basis:100%}.detail-metrics{grid-template-columns:repeat(3,1fr)}.connect-grid,.storage-grid{grid-template-columns:1fr}.chart-head{align-items:flex-start;flex-direction:column}.chart-head>div:last-child{max-width:100%;align-items:flex-start}.mini-tabs,.frame-tabs{justify-content:flex-start}.main-chart-svg{height:340px}.detail-chart-svg{height:330px}.chart-stats{grid-template-columns:repeat(3,1fr)}}