*{box-sizing:border-box}body{margin:0;background:#18212b;color:#fff;font-family:system-ui,"Malgun Gothic",sans-serif;min-height:100svh;display:flex;flex-direction:column}header{display:flex;flex-wrap:wrap;gap:10px;padding:12px;align-items:center}a,button,select,summary{font:inherit;font-size:17px;color:inherit}a,button,select,summary,input{cursor:pointer}a,button,select{min-height:48px;display:inline-flex;align-items:center;border:1px solid #a8bac9;border-radius:8px;padding:10px 14px;background:#243442;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffda68;outline-offset:3px}main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#111}img{display:block;width:100%;height:0;min-height:160px;flex:1;object-fit:contain}.music{width:100%;flex:none;background:#1e3445;padding:8px 12px}.music-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px}.music-controls label{font-weight:600}.music select{max-width:100%}.music button{font-weight:700}.music #play{background:#164e37;border-color:#8fd5aa}.music #stop{background:#633127;border-color:#ffc5b9}.music input[type=range]{width:110px;max-width:100%}.music .repeat{display:inline-flex;align-items:center;gap:4px;min-height:40px}.music .repeat input{width:20px;height:20px}.music p{text-align:center;margin:5px 0 0;font-size:14px}.music audio{display:block;width:min(100%,480px);height:40px;margin:5px auto}.music #music-direct{display:table;margin:4px auto;padding:3px 8px;min-height:32px;font-size:13px}.music .music-help{font-size:12px}footer{padding:8px 14px;font-size:14px}footer p{margin:8px 0}#exit{display:none}#overlay{width:100%;flex:none}main:fullscreen{width:100vw;height:100vh;padding:0;position:relative}main:fullscreen img{width:100%;height:0;min-height:0;flex:1;object-fit:contain}main:fullscreen #overlay{position:relative;max-height:80vh;overflow:auto;background:#1e3445;transition:opacity .18s ease}#overlay[hidden]{display:none!important}#music-toggle{flex:none;min-height:44px;margin:4px;background:#243442}main>img{cursor:pointer}main:fullscreen #exit{display:block;min-height:44px;padding:6px 20px;font-size:16px;border:0;border-radius:0;width:100%}@media(prefers-reduced-motion:reduce){main:fullscreen #overlay{transition:none}}@media(max-width:500px){header{gap:6px;padding:8px}a,button,select{font-size:15px;padding:8px}.music{padding:6px}.music-controls{gap:5px 7px}.music button{min-height:44px}.music select{width:100%}footer{font-size:13px}}