*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;background:#302438;color:#fff9f3;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));min-height:58px;background:#302438}.label{display:flex;flex-direction:column;gap:2px;min-width:0}.label strong{font-size:14px;font-weight:650}.label span{font-size:12px;color:#d9cbdc}.controls{display:flex;gap:6px}button{font:500 14px/1 system-ui;color:inherit;background:#4a3954;border:1px solid #736080;border-radius:12px;min-width:64px;min-height:40px;padding:9px;cursor:pointer}button[aria-pressed=true]{background:#e5d5ef;color:#302438}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:2px solid #fff;outline-offset:2px}main{flex:1;min-height:0}iframe{display:block;border:0;width:100%;height:100%}#notice{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);margin:0;padding:12px 16px;font-size:14px;background:#302438;border:1px solid #9a82a8;border-radius:12px;box-shadow:0 8px 30px #0004}@media(max-width:359px){header{padding:6px 8px;gap:6px}.label span{font-size:11px}.controls{gap:4px}button{min-width:54px;padding:8px}.label strong{font-size:13px}}@media(orientation:landscape) and (max-height:500px){header{min-height:44px;padding-top:3px;padding-bottom:3px}.label{flex-direction:row;align-items:center;gap:12px}button{min-height:36px}}