body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:18px;line-height:1.6;overflow:hidden}.tp-header{position:fixed;top:0;left:0;right:0;height:14%;display:flex;align-items:center;padding:.5rem .75rem;z-index:10}.tp-logo-link{flex-shrink:0;width:6rem}.tp-header-toggle{flex-shrink:0;width:6rem;display:flex;justify-content:flex-end;padding-right:.5rem}.tp-logo{height:90%;max-height:90px;width:auto;display:block}.tp-header-title{flex:1;text-align:center}.tp-vl,.tp-vr{position:fixed;top:14%;bottom:8%;border-left:1px solid var(--border);z-index:5}.tp-vl{left:25%}.tp-vr{right:25%}.tp-left{position:fixed;top:14%;bottom:8%;left:0;width:25%;padding:1rem .75rem;overflow-y:auto;font-size:.82rem;z-index:4;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;display:flex;flex-direction:column}.tp-left>*{display:flex;flex-direction:column;flex:1;min-height:0}.tp-left::-webkit-scrollbar{width:3px}.tp-left::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.tp-center{position:fixed;inset:14% 25% 8%;padding:1rem 2rem;overflow-y:auto;scrollbar-color:greenyellow transparent}.tp-center::-webkit-scrollbar{width:4px}.tp-center::-webkit-scrollbar-thumb{background:#adff2f;border-radius:9px}.tp-right{position:fixed;top:14%;bottom:8%;right:0;width:25%;padding:1rem .75rem;overflow-y:auto;font-size:.82rem;z-index:4;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;display:flex;flex-direction:column;justify-content:flex-end}.tp-right::-webkit-scrollbar{width:3px}.tp-right::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.tp-footer{position:fixed;bottom:0;left:0;right:0;height:8%;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 1rem;font-size:.8rem;background:var(--bg);z-index:10}.tp-breadcrumb{margin-bottom:1rem;font-size:.78rem;color:var(--muted)}.tp-breadcrumb a{color:inherit}.tp-breadcrumb a:hover{color:var(--blue)}.tp-heading{text-align:center;font-size:1.25em;font-weight:700;margin:.5rem 0}.tp-subheading{text-align:center;font-size:.9em;color:var(--muted);margin-bottom:1rem}.tp-artist-list{list-style:none;padding:0;text-align:center;color:var(--blue);line-height:1.4}.tp-artist-list li{margin:0;padding:0}.tp-tabs{display:flex;justify-content:center;gap:.5rem}.tp-tab{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:6px 14px;cursor:pointer;font-size:.8rem;transition:background .1s,border-color .1s}.tp-tab:hover,.tp-tab.active{background:var(--surface);border:2px solid var(--blue);color:var(--blue)}.tp-panel{display:none}.tp-panel.active{display:block}.tp-lyric{font-family:var(--font-mono);font-style:oblique;color:var(--red);font-size:.82rem;line-height:1.8}.tp-lyric-title{display:block;margin-top:.75rem;font-style:normal;color:var(--muted);font-size:.75rem}.tp-now-playing{margin-top:auto;font-size:.78rem;text-align:right}.tp-now-playing img{width:80%;display:block;margin-left:auto;margin-bottom:.3rem}.tp-now-playing .np-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.tp-now-playing .np-title{font-weight:700}.tp-now-playing .np-artist{color:var(--muted)}.tp-now-playing .np-idle{color:var(--muted);font-style:italic}.tp-essay{font-family:var(--font-sans);font-size:1rem;text-align:justify;text-justify:inter-word;padding:0 5%}.tp-essay p{margin:.8rem 0;line-height:1.9;text-align:justify;text-justify:inter-word}.tp-essay blockquote{font-family:var(--font-mono);border-left:2px solid var(--border);padding-left:1rem;color:var(--muted);font-style:italic;margin:1rem 0 .25rem}.tp-essay blockquote+p{text-align:right;margin-top:0;font-size:.85rem;color:var(--muted)}.tp-essay h2{font-size:1.05rem;font-weight:700;margin:1.5rem 0 .5rem}.tp-essay strong{font-weight:700}.tp-right-img{width:100%;border-radius:3px}.tp-sidebar-note{margin-top:.75rem;font-size:.75rem;color:var(--muted);line-height:1.6}@media (max-width: 768px){body{overflow:auto}.tp-vl,.tp-vr{display:none}.tp-header{position:static;height:auto;padding:.75rem;border-bottom:1px solid var(--border)}.tp-header .tp-logo{max-height:2.5rem}.tp-left,.tp-center,.tp-right{position:static;width:100%;height:auto;inset:auto;overflow-y:visible;padding:1rem;display:block;justify-content:unset}.tp-left{border-bottom:1px solid var(--border)}.tp-left>*{flex:none}.tp-center{border-bottom:1px solid var(--border)}.tp-footer{position:static;height:auto;padding:1rem}}