*{box-sizing:border-box}body{margin:0;background:#0b0b0c;color:#f6f6f0;font-family:Arial,sans-serif;display:grid;grid-template-columns:minmax(0,1fr) 350px;height:100dvh;overflow:hidden}main{min-width:0;height:100%;background:#fff}#pages{border:0;width:100%;height:100%;display:block}.listening-dock{padding:24px;overflow:auto;border-left:1px solid #343434}.listening-dock header{display:grid;gap:8px;font:700 12px/1.5 monospace;letter-spacing:.1em}.edition{color:#b9ff00}h1{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:36px 0 16px}h1 em{font-style:normal;color:#b9ff00}.intro{color:#ccc;line-height:1.5;font-size:16px}label{display:block;margin:28px 0 10px;font:700 12px monospace}select{width:100%;background:#171719;color:#fff;border:1px solid #555;padding:12px;font-size:14px}#music{margin-top:18px;min-height:200px;display:grid;background:#161219}#music iframe{width:100%;height:220px;border:0}button{cursor:pointer;font:700 13px/1.4 monospace}#start{background:linear-gradient(140deg,#312438,#111);color:#b9ff00;border:1px solid #4c3d50;font-size:16px}#music-status{font-size:13px;line-height:1.5;color:#c6c6c6}nav{display:grid}nav button,#stop{background:none;border:0;border-top:1px solid #444;color:#fff;text-align:left;padding:16px 0}#external{display:block;color:#b9ff00;font:700 12px/1.4 monospace;margin:20px 0}footer{margin-top:36px;font:12px/1.6 monospace;color:#999}footer small{display:block;margin-top:12px;font:12px/1.5 Arial}
@media(max-width:760px){body{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) auto}.listening-dock{border-left:0;border-top:1px solid #444;padding:12px 16px;max-height:46dvh}.listening-dock h1,.intro,.listening-dock footer,.edition,.listening-dock label{display:none}.listening-dock header{margin-bottom:8px}#music{min-height:48px;margin-top:8px}#music iframe{height:200px}nav{grid-template-columns:1fr 1fr;gap:12px}nav button{padding:8px 0}#music-status{margin:8px 0}#external{margin:8px 0}select{padding:8px}}