/* Reflow the existing interface; retain the same player and interactive elements. */
@media(max-width:900px){
 body{overflow-x:hidden;background:linear-gradient(160deg,#e6e8f7,#f4ebfb);font-size:15px}
 main{display:block;min-width:0;min-height:100svh;padding:12px 10px 0}
 .stage{width:100%;aspect-ratio:auto}.artboard{position:relative;width:100%;height:auto;transform:none}
 .backdrop{display:none}.tablet-ui{position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;border:2px solid #c8bce6;border-radius:24px;overflow:visible;background:#f4effb;box-shadow:0 8px 30px #50498715}
 header{height:auto;min-height:80px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 12px;border-radius:22px 22px 0 0}
 .brand{gap:8px;min-width:0}.brand img{width:40px;height:40px}.brand span{font-size:23px;letter-spacing:-.6px}
 .language-picker{grid-column:2;grid-row:1}.language-picker select{min-height:44px;font-size:14px}
 nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
 nav button{justify-content:center;gap:5px;min-height:44px;padding:10px;font-size:17px;flex:1 1 auto}nav button span{font-size:12px}
 .desktop{height:auto;display:flex;flex-direction:column;gap:16px;padding:16px 12px}
 .panel{border-radius:19px;min-width:0}.intro,.projects,.music,.focus{position:relative;inset:auto;width:100%;height:auto;flex-shrink:0}
 .intro{order:1}.titlebar{height:23px}.intro-body{padding:22px 20px}.intro h1{font-size:27px;line-height:1.2;letter-spacing:-.6px}.intro p{font-size:15px;line-height:1.7;margin:16px 0}
 .tags{gap:6px;margin-bottom:20px}.tags span{font-size:11px;padding:7px 9px}.primary{font-size:14px;min-height:46px;padding:12px 18px}
 .cat{position:relative;inset:auto;order:2;width:100%;height:264px;min-width:0;margin:-8px 0 -12px}
 .cat-art,.cat-face{position:absolute;top:0;left:50%;width:360px;height:330px;margin-left:-180px;transform:scale(.78);transform-origin:50% 0}.cat-face{right:auto;bottom:auto}.cat-heart{right:16%;top:20px}
 .music{order:3;padding:17px 14px;z-index:auto}.music h2{font-size:17px}.inline-music{display:flex;flex-direction:column;gap:14px;margin-top:12px;align-items:stretch}
 .inline-music iframe{width:100%;height:200px;min-height:200px;border-radius:12px;flex-shrink:0}
 .playlist-caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.studio-controls{margin:0;gap:8px;order:1}.studio-controls button{width:46px;height:44px;font-size:15px}.playlist-caption strong{font-size:14px;order:0}.playlist-caption #music-status{order:2;flex-basis:100%;font-size:12px;margin:0;line-height:1.5}
 .projects{order:4;padding:20px 16px;display:flex;flex-direction:column}.projects h2{font-size:18px;margin-bottom:22px}.project-list{gap:22px}.project{gap:12px;align-items:flex-start;min-height:100px;padding-right:9px}.thumb{width:76px;height:88px}.project-copy{max-width:none;min-width:0;flex:1;gap:8px}.project-copy strong{font-size:16px}.project-copy small{font-size:10px;line-height:1.4;padding:4px 7px}.project-copy>span{font-size:13px;line-height:1.6}.arrow{right:-5px;font-size:16px}.projects .primary{width:100%;margin:24px 0 0}
 .focus{order:5;padding:20px}.focus h2{font-size:18px;margin-bottom:14px}.focus label{font-size:13px;white-space:normal;line-height:1.5;min-height:44px;gap:12px}.focus input{width:20px;height:20px;flex-shrink:0}
 .home-line{display:none}footer{position:relative;font-size:11px;text-align:center;margin-top:14px;padding:14px 12px;background:transparent;border:0}
 .page-panel{position:relative;inset:auto;order:0;width:100%;padding:55px 20px 24px;overflow:visible;z-index:auto;outline-offset:3px}.page-panel h1{font-size:27px;line-height:1.25}.page-panel p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}.close{right:10px;top:8px;width:44px;height:44px;display:grid;place-items:center}.project-preview{float:none;width:100%;max-width:100%;height:auto;max-height:280px;margin:0 auto 20px}.detail-tag{font-size:11px;line-height:1.5}.page-project{padding:14px;min-height:100px}.page-project strong{font-size:17px}.page-project span{font-size:11px}.project-list-art{width:55px;height:60px;margin-right:12px}
 .desktop.mobile-page-open>.intro,.desktop.mobile-page-open>.cat,.desktop.mobile-page-open>.projects,.desktop.mobile-page-open>.focus{display:none}
}
@media(min-width:600px) and (max-width:900px){main{max-width:720px;margin:auto;padding:20px}.desktop{padding:22px}.inline-music iframe{height:300px}.intro-body{padding:28px}.intro h1{font-size:32px}}