:root{--bg: #ffffff;--text: #000000;--border: #e0e0e0;--accent: #007aff;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:var(--font);color:var(--text);background:var(--bg)}#app{display:flex;height:100vh;overflow:hidden}#sidebar{width:350px;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}header{padding:2rem;border-bottom:1px solid var(--border)}header h1{font-size:1.2rem;margin:0;text-transform:uppercase;letter-spacing:.1rem}.artist-item{padding:1.5rem 2rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}.artist-item:hover{background:#f9f9f9}.artist-item h3{margin:0 0 .5rem;font-size:1.1rem}.artist-item p{margin:0;font-size:.85rem;color:#666}#viewer{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:#fafafa}.hidden{display:none!important}#welcome{color:#aaa;text-align:center}#content{width:100%;height:100%;padding:4rem;position:relative}#close-viewer{position:absolute;top:1rem;right:1rem;font-size:2rem;background:none;border:none;cursor:pointer;display:none}#details h2{font-size:2.5rem;margin-bottom:1rem}.meta{margin-bottom:2rem}.meta p{margin:.5rem 0}.link-btn{display:inline-block;padding:.8rem 1.5rem;background:var(--text);color:#fff;text-decoration:none;margin-top:1rem}@media(max-width:768px){#sidebar{width:100%;height:100%}#viewer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#fff}#content{padding:2rem}#close-viewer{display:block}}