.chart-grid,.reading,.han-sections{--bg:var(--live-bg);--ink:var(--live-ink);--dim:var(--live-dim);--line:var(--live-line);--card:var(--live-card);--brand:var(--live-brand);--ion-ink:var(--live-ion-ink);--jade-ink:var(--live-brand);--r-control:var(--live-r-control);--r-panel:var(--live-r-panel);--r-card:var(--live-r-card);--mono:var(--live-mono);--measure:var(--live-measure);color:var(--ink);font-family:var(--font-sans,system-ui, sans-serif);font-size:16px;line-height:1.65}body:has(.chart-layout){background:var(--live-bg)}:where(.chart-grid,.reading,.han-sections) :is(h1,h2,h3){letter-spacing:-.01em;font-family:inherit;font-weight:700;line-height:1.2}:where(.chart-grid,.reading,.han-sections) .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 10px;font-size:12.5px;font-weight:500}:where(.chart-grid,.reading,.han-sections) .btn-quiet{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.chart-legend{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0;font-size:10px;display:flex}.legend-key{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.legend-grades{text-transform:none;letter-spacing:.02em}.chart-grid{grid-template-rows:auto 1fr 1fr auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;container:chart/inline-size}.cell{min-width:0;min-height:206px;font:inherit;text-align:left;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-panel);flex-direction:column;gap:6px;padding:10px 12px;font-size:11.5px;line-height:1.35;display:flex}button.cell{cursor:pointer}button.cell:hover{border-color:var(--ion-ink)}.cell.is-menh{box-shadow:inset 0 0 0 2px var(--brand)}.cell.is-than{box-shadow:inset 0 0 0 1.5px var(--star-structure)}.cell.is-menh.is-than{box-shadow:inset 0 0 0 2px var(--brand), inset 0 0 0 3.5px var(--star-structure)}.cell.is-selected{outline:2px solid var(--tam-hop);outline-offset:-5px}.cell-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.cell-canchi{font-family:var(--mono);color:var(--star-structure);background:color-mix(in srgb, var(--star-structure) 9%, var(--bg));white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:10px}.cell-name{letter-spacing:.12em;text-transform:uppercase;text-align:center;font-size:12px;font-weight:700}.is-menh .cell-name{color:var(--brand)}.cell-marks{font-family:var(--mono);gap:4px;font-size:10px;display:inline-flex}.mark-than{color:var(--star-structure);font-weight:700}.mark-han{color:var(--luu);font-weight:700}.cell-tt{font-family:var(--mono);border-left:2px solid;border-radius:2px;padding:1px 6px;font-size:10px}.cell-tt.tt-tuan{color:var(--star-tuhoa);background:color-mix(in srgb, var(--star-tuhoa) 10%, var(--bg))}.cell-tt.tt-triet,.cell-tt.tt-both{color:var(--star-sat);background:color-mix(in srgb, var(--star-sat) 10%, var(--bg))}.cell-majors{text-align:center;flex-direction:column;align-items:center;gap:2px;margin:4px 0;display:flex}.major{letter-spacing:-.01em;font-size:16px;font-weight:700}.is-menh .major{font-size:17px}.grade{font-family:var(--mono);color:var(--badge-ink);vertical-align:3px;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:10px;font-weight:600}.vcd{color:var(--dim);font-style:italic}.cell-minors{flex-wrap:wrap;flex:1;align-content:flex-start;gap:4px 5px;display:flex}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 7px;font-size:10.5px}.chip-grade{font-family:var(--mono);font-size:9.5px;font-weight:700}.cell-luu{color:var(--luu);background:color-mix(in srgb, var(--luu) 12%, var(--bg));border-radius:4px;padding:2px 6px;font-size:10.5px}.cell-foot{color:var(--dim);border-top:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:4px;padding-top:5px;font-size:10px;display:flex}.foot-ts{text-align:center;font-weight:700}.foot-th{text-align:right}.is-menh .cell-foot{color:var(--brand)}.thien-ban{background:var(--card);border:1px solid var(--line);border-radius:var(--r-panel);position:relative;overflow:hidden}.tp-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tb-body{text-align:center;justify-items:center;gap:10px;padding:16px;display:grid;position:relative}.tb-name{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.tb-amduong{letter-spacing:.04em;text-transform:none;margin:0}.tb-grid{border:1px solid var(--line);border-radius:var(--r-control);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;margin:0;display:grid}.tb-grid>div{min-width:0;padding:6px 8px}.tb-grid>div+div{border-left:1px solid var(--line)}.tb-grid dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:9px}.tb-grid dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:13px;font-weight:600}.tb-cuc{color:var(--brand)}.tb-assumed{color:var(--star-sat);margin:0;font-size:11px}@container chart (max-width:639px){.cell{border-radius:var(--r-control);gap:4px;min-height:112px;padding:6px 5px;font-size:10px}.cell-head{flex-direction:column;align-items:flex-start;gap:2px}.cell-name{letter-spacing:.06em;align-self:center;font-size:10px}.cell-canchi{padding:0 4px;font-size:9px}.major,.is-menh .major{font-size:12.5px}.chip{padding:0 5px;font-size:9.5px}.cell-foot{flex-wrap:wrap;font-size:9.5px}.foot-ts{flex-basis:100%;order:-1}.tb-body{gap:6px;padding:8px}.tb-name{font-size:15px}.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.tb-grid>div+div{border-left:0}.tb-grid dd{font-size:11px}.chart-legend{letter-spacing:.04em;gap:2px 8px;font-size:9px}.legend-swatch{width:7px;height:7px}}.reading{max-width:680px;line-height:1.65}.reading-notice{color:var(--ink);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--star-tuhoa);border-radius:var(--r-control);margin:0 0 14px;padding:10px 12px;font-size:13px}.reading-header{color:var(--brand);letter-spacing:-.01em;margin:0 0 4px;font-size:clamp(19px,2.2vw,23px)}.reading-meta{color:var(--dim);margin:0 0 14px}.reading-group{color:var(--dim);margin:14px 0 6px}.reading-majors{background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);gap:6px;padding:10px 12px;display:grid}.reading-major{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.brightness-chip{border:1px solid;border-radius:999px;padding:0 8px;font-size:12px;font-weight:600}.reading-chips{flex-wrap:wrap;gap:6px;display:flex}.reading-chips .chip{padding:2px 9px;font-size:12.5px}.reading-sections{gap:8px;margin-top:18px;display:grid}.reading-section{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:10px 14px}.reading-section summary{cursor:pointer;gap:2px;display:grid}.rs-title{font-weight:700}.rs-caption,.rs-preview{color:var(--dim);font-size:12.5px}.reading-section[open] .rs-preview{display:none}.rs-body p{white-space:pre-line;max-width:none;margin:10px 0 0}.reading-next{cursor:pointer;font:inherit;color:var(--brand);background:0 0;border:0;margin:16px 0 0 auto;font-weight:600;display:block}.han-sections{gap:8px;display:grid}@media (max-width:1023px){.han-open .han-sections{order:2}}