.exhibit[data-slug=light-and-color] .stage{background:#17181c}.exhibit[data-slug=light-and-color] .stage-hint{color:#d9d4c7}.lc-bar{position:absolute;left:50%;bottom:36px;transform:translate(-50%);display:flex;background:#f8f6f1f0;border:1px solid var(--rule-2);z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.lc-bar::-webkit-scrollbar{display:none}.lc-bar button{appearance:none;border:0;border-inline-end:1px solid var(--rule);background:none;padding:10px 14px;font:500 13px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap}.lc-bar button:last-child{border-inline-end:0}.lc-bar button:hover{color:var(--ink);background:#fff}.lc-bar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.lc-readout{min-width:196px}.lc-readout .lc-rows{display:grid;gap:6px}.lc-readout canvas{width:172px;height:104px}.lc-note{margin:0;font:400 10.5px/1.3 var(--sans);color:var(--mute);letter-spacing:0}.lc-note:empty{display:none}@media(max-width:600px){.lc-readout{min-width:0;padding:7px 9px;gap:4px;font-size:10.5px}.lc-readout canvas{width:132px;height:80px}.lc-bar{bottom:30px}.lc-bar button{padding:9px 10px;font-size:12px}}.lc-bar button{min-height:40px}.lc-lab{padding:4px 18px 22px;display:grid;gap:10px;border-top:1px solid var(--rule);font:400 13px/1.5 var(--sans)}.lc-lh{margin:16px 0 0;font:600 15px/1.3 var(--sans);color:var(--ink)}.lc-p{margin:0;color:var(--ink-2)}.lc-now{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}.lc-lab button{justify-self:start;min-height:44px;min-width:44px;padding:0 12px;font:600 13px/1.2 var(--sans);border:1px solid var(--ink, #1c1b19);background:#fbfaf6;color:var(--ink);border-radius:2px;cursor:pointer}.lc-lab button[aria-pressed=true]{background:var(--ink, #1c1b19);color:#f5f2ea}.lc-btns{display:flex;flex-wrap:wrap;gap:6px}.lc-stations{margin:0;padding:0;list-style:none;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lc-stations button{width:100%;height:100%;display:grid;gap:4px;align-content:start;text-align:start;padding:9px 11px;font-weight:400}.lc-stations button b{font-weight:700;font-size:14px}.lc-stations button span{font-size:12px;line-height:1.4;opacity:.85}.lc-tasks{margin:0;padding:0;list-style:none;display:grid;gap:8px}.lc-tasks li{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--rule);background:#fbfaf6}.lc-tasks li.is-done{border-color:#1f7a3a;background:#f1f7f0}.lc-th{margin:0;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:center}.lc-mark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid var(--rule-2, #cfc8b8);font-size:13px;color:#fff;background:#fff}.lc-tasks li.is-done .lc-mark{background:#1f7a3a;border-color:#1f7a3a}.lc-find{display:grid;gap:4px}.lc-find span{font-weight:600;color:var(--ink)}.lc-find input{min-height:44px;width:100%;font:500 15px/1.2 var(--sans);padding:6px 8px;border:1px solid var(--rule-2, #cfc8b8);background:#fbfaf6;border-radius:2px;color:var(--ink)}.lc-cases{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:720px;overflow-y:auto}.lc-cases li{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--rule)}.lc-ch{margin:0;font-weight:600;color:var(--ink)}.lc-ch b{font-variant-numeric:tabular-nums;margin-inline-end:6px}.lc-ch small{font-weight:400;color:var(--ink-2);margin-inline-start:6px}.lc-src{font-size:12px;color:var(--mute)}.lc-cases a{color:inherit;word-break:break-word}.lc-fact{padding:10px 12px;border-inline-start:3px solid #c8901e;background:#fbf6ea;color:var(--ink)}.lc-next{margin:0;padding-inline-start:18px;display:grid;gap:4px}.lc-next a{color:var(--ink)}.lc-note2{font-size:12px;color:var(--mute)}.exhibit[data-slug=light-and-color] .panel .btn,.exhibit[data-slug=light-and-color] .panel button{min-height:44px;min-width:44px}.exhibit[data-slug=light-and-color] .panel input[type=range]{min-height:44px}