:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0b0c10;color:#ffe9b0}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden}body{min-height:100svh}#studio{width:100%;height:100dvh;display:grid;place-items:center;overflow:hidden}#portfolio{display:block;width:100%;height:100%;outline:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#portfolio:focus-visible{outline:2px solid #ffe9b0;outline-offset:-4px}#loading{position:fixed;inset:0;display:grid;align-content:center;justify-items:center;gap:10px;background:#0b0c10;z-index:10;text-align:center;padding:24px}#loading[hidden]{display:none}.loading-mark{font-size:72px;font-weight:900;font-style:italic;color:#ffe9b0}#loading p{margin:0;font-size:15px;line-height:1.6}button{font:inherit;color:#ffe9b0;background:#1c1c22;border:1px solid #ffe9b0;border-radius:3px;padding:10px 16px;cursor:pointer}.sr-only{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-script{position:fixed;inset:40% 20px auto;text-align:center;z-index:30}