#ip-root{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;z-index:99999;background:#fff;font-family:Georgia,"Times New Roman",serif}
html.ip-active,html.ip-active body{overflow:hidden}
body.admin-bar #ip-root{top:32px!important;height:calc(100vh - 32px)!important}

#ip-intro{position:absolute;inset:0;z-index:1;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:opacity 1.2s ease}
#ip-play{width:110px;height:110px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 30px rgba(0,0,0,.35);transition:transform .2s ease,opacity .3s}
#ip-play:hover{transform:scale(1.06)}
#ip-play:disabled{opacity:.4;cursor:wait}
#ip-play svg{width:60%;height:60%;fill:#000}

#ip-lyrics{position:absolute;inset:0 0 130px 0;z-index:0;display:flex;align-items:center;justify-content:center;padding:0 6vw;opacity:0;pointer-events:none;transition:opacity 1.2s ease}
#ip-line{margin:0;color:#000;text-align:center;font-size:clamp(28px,5.5vw,72px);line-height:1.2;transition:opacity .35s ease}
#ip-line.ip-fade{opacity:0}

#ip-spotify-wrap{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(600px,calc(100vw - 32px));z-index:2}
#ip-hint{margin:6px 0 0;text-align:center;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:rgba(255,255,255,.7)}
#ip-hint a{color:inherit;text-decoration:underline}

#ip-root.ip-started #ip-intro{opacity:0;pointer-events:none}
#ip-root.ip-started #ip-lyrics{opacity:1}
#ip-root.ip-started #ip-hint{color:#888}