:root{color-scheme:light;font-family:Inter,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:#f3f6fa;color:#111827}button{font:inherit;cursor:pointer}.app{width:min(1160px,100% - 32px);margin:0 auto;padding:10px 0 40px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.header-ja{font-size:1.05rem;font-weight:700;color:#374151;letter-spacing:-.01em}.demo-badge{flex-shrink:0;padding:2px 8px;border:1px solid rgba(217,119,6,.4);border-radius:4px;background:#fffbebe6;color:#92400e;font-size:.68rem;font-weight:700;letter-spacing:.07em}.stock-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stock-button{display:flex;flex-direction:column;gap:2px;padding:6px 13px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#374151;text-align:left;transition:background .12s,border-color .12s}.stock-button:hover{background:#f9fafb;border-color:#93c5fd}.stock-button.is-active{background:#eff6ff;border-color:#3b82f6}.stock-button:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.sym-code{font-size:.875rem;font-weight:700;color:#1d4ed8;letter-spacing:.02em}.stock-button.is-active .sym-code{color:#1e40af}.sym-name{font-size:.78rem;color:#6b7280;white-space:nowrap}.stock-button.is-active .sym-name{color:#4b5563}.summary-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;margin-bottom:10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.summary-stock{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.s-code{padding:2px 7px;border-radius:3px;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:700}.s-name{font-size:.95rem;color:#374151;font-weight:600}.s-price{font-size:1.5rem;font-weight:800;color:#111827;letter-spacing:-.02em}.s-date{font-size:.76rem;color:#9ca3af}.metrics{display:flex;gap:8px;flex-shrink:0}.metric{padding:6px 12px;border-radius:5px;background:#f9fafb;border:1px solid #F3F4F6}.metric dt{font-size:.72rem;color:#6b7280;margin-bottom:2px}.metric dd{font-size:1rem;font-weight:700;color:#111827;overflow-wrap:anywhere}.workspace{border:1px solid #E5E7EB;border-radius:10px;background:#fff;box-shadow:0 2px 12px #0000000f}.toolbar{display:flex;align-items:flex-start;gap:14px;padding:10px 14px;border-bottom:1px solid #F3F4F6;flex-wrap:wrap;background:#fafbfc;border-radius:10px 10px 0 0}.period-tabs{display:flex;gap:2px;padding:3px;border:1px solid #E5E7EB;border-radius:6px;background:#f3f4f6;flex-shrink:0}.period-button{min-width:52px;min-height:28px;border:0;border-radius:4px;background:transparent;color:#6b7280;font-size:.875rem;transition:background .1s,color .1s}.period-button:hover{background:#e5e7eb;color:#374151}.period-button.is-active{background:#3b82f6;color:#fff;font-weight:700}.period-button:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.position-note{flex:1;font-size:.92rem;font-weight:500;color:#1f2937;line-height:1.75;white-space:pre-line}.chart-shell{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:minmax(460px,68vh) auto auto;gap:0 6px;padding:12px 12px 10px}.y-label{grid-column:1;grid-row:1;display:grid;place-items:center;writing-mode:vertical-rl;font-size:.68rem;color:#9ca3af;letter-spacing:.05em}.chart-area{grid-column:2;grid-row:1;position:relative;overflow:hidden;clip-path:inset(0 round 5px);border:1px solid #E5E7EB;border-radius:5px;background:#fafbfd}.grid-overlay{position:absolute;top:0;bottom:0;left:130px;right:66px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent 25%,rgba(0,0,0,.04) 25%,rgba(0,0,0,.04) calc(25% + 1px),transparent calc(25% + 1px)),linear-gradient(90deg,transparent 50%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.06) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(90deg,transparent 75%,rgba(0,0,0,.04) 75%,rgba(0,0,0,.04) calc(75% + 1px),transparent calc(75% + 1px))}.current-line{position:absolute;z-index:3;left:0;right:0;height:0;background:transparent;box-shadow:none;transform:translateY(-50%);transition:top .22s ease;pointer-events:none}.current-line span{position:absolute;top:-12px;right:74px;padding:2px 7px;border-radius:3px;background:#dc3c3cd1;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.heatmap{display:grid;height:100%}.heatmap-row{position:relative;display:grid;grid-template-columns:130px 1fr 66px;align-items:center;border-bottom:1px solid rgba(0,0,0,.04);border-left:3px solid rgba(59,130,246,calc(.08 + var(--density) * .52));background:rgba(59,130,246,calc(var(--density) * .04));overflow:hidden}.heatmap-row:last-child{border-bottom:0}.heatmap-row.is-current-price{border-left:3px solid rgba(220,60,60,.38);background:#fee2e261}.heatmap-row.is-peak-band:not(.is-current-price){border-left:3px solid rgba(37,99,235,.65);background:#dbeafe73}.price-band{position:relative;z-index:1;padding:0 8px;color:#1f2937;font-size:.875rem;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.peak-badge{margin-left:3px;color:#2563ebcc;font-size:.65em;vertical-align:middle}.heatmap-row.is-current-price .peak-badge{color:#dc3c3ccc}.bar-cell{position:relative;display:flex;align-items:center;height:100%;overflow:hidden}.density-bar{display:block;width:var(--bar-width);height:50%;min-height:6px;flex-shrink:0;border-radius:0 2px 2px 0;background:#60a5fa;opacity:calc(.28 + var(--density) * .72)}.heatmap-row.is-peak-band:not(.is-current-price) .density-bar{background:#2563eb}.heatmap-row.is-current-price .density-bar{background:#f87171}.peak-label-overlay{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:.68rem;font-weight:700;color:#1d4ed8d1;pointer-events:none;z-index:2;white-space:nowrap}.days{position:relative;z-index:1;padding:0 7px 0 3px;color:#6b7280;font-size:.8rem;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.x-ticks{grid-column:2;grid-row:2;display:flex;justify-content:space-between;padding:4px 66px 0 130px;color:#9ca3af;font-size:.68rem;font-variant-numeric:tabular-nums}.x-label{grid-column:2;grid-row:3;text-align:center;padding-top:2px;font-size:.66rem;color:#9ca3af}@media(max-width:820px){.app{padding:8px 0 32px}.summary-bar{flex-direction:column;align-items:flex-start;gap:8px}.metrics{width:100%;gap:7px}.toolbar{gap:8px}.chart-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(360px,60vh) auto auto;padding:10px 8px;gap:0}.y-label{grid-column:1;grid-row:1;writing-mode:horizontal-tb;place-items:start;font-size:.68rem;padding-bottom:4px}.chart-area{grid-column:1;grid-row:2}.x-ticks{grid-column:1;grid-row:3}.x-label{grid-column:1;grid-row:4}}@media(max-width:540px){.stock-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.stock-tabs::-webkit-scrollbar{display:none}.stock-button{padding:5px 9px}.heatmap-row{grid-template-columns:96px 1fr 60px}.grid-overlay{left:96px;right:60px}.x-ticks{padding-left:96px;padding-right:60px}.price-band{font-size:.8rem}.days{font-size:.72rem}.current-line span{font-size:.68rem;right:68px}.metrics{flex-direction:column}.s-price{font-size:1.3rem}.position-note{font-size:.84rem}}.diagnosis{margin-bottom:10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000000d;overflow:hidden}.diagnosis-head{display:flex;align-items:baseline;gap:8px;padding:8px 14px 7px;border-bottom:1px solid #F3F4F6;background:#fafbfc}.diagnosis-title{font-size:.82rem;font-weight:700;color:#374151;letter-spacing:.02em}.diagnosis-sub{font-size:.7rem;color:#9ca3af}.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid #F3F4F6}.compare-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:480px}.compare-table th{padding:7px 14px;background:#f9fafb;color:#6b7280;font-size:.72rem;font-weight:600;text-align:left;white-space:nowrap;border-bottom:1px solid #E5E7EB}.compare-table td{padding:9px 14px;border-bottom:1px solid #F3F4F6;vertical-align:middle;white-space:nowrap}.compare-table tr:last-child td{border-bottom:0}.tc-period{font-size:.82rem;font-weight:600;color:#374151}.tc-center{color:#374151;font-variant-numeric:tabular-nums;font-size:.875rem}.tc-dev{font-weight:700;font-variant-numeric:tabular-nums;font-size:.875rem}.dev-pos{color:#dc2626}.dev-neg{color:#2563eb}.zone-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.78rem;font-weight:600;white-space:nowrap}.zone-low{background:#dbeafe;color:#1e40af}.zone-midlow{background:#eff6ff;color:#2563eb}.zone-mid{background:#f3f4f6;color:#4b5563}.zone-midhigh{background:#fef2f2;color:#dc2626}.zone-high{background:#fee2e2;color:#991b1b}.pattern-block{padding:10px 14px 12px;background:#fafbfc}.pattern-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.pattern-label{font-size:.72rem;color:#9ca3af;font-weight:600;flex-shrink:0}.pattern-name{font-size:.88rem;font-weight:700;color:#111827}.pattern-desc{font-size:.82rem;color:#4b5563;line-height:1.75;white-space:pre-line}@media(prefers-reduced-motion:reduce){.current-line{transition:none}}