:root{font-family:Arial,Helvetica,sans-serif;color:#f0f1f2;background:#0c0e10;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{min-height:100svh;display:flex;flex-direction:column}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #d84b60;outline-offset:4px}.header{height:88px;flex-shrink:0;display:flex;align-items:center;gap:30px;padding:0 5vw;border-bottom:1px solid #292c30;background:#101214}.wordmark{text-decoration:none;color:#f1f2f3;font-size:26px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap}.wordmark>span{color:#bf263d}.wordmark .brand-dot{margin-left:2px}.heading{margin-left:auto;text-align:right}.heading>span{display:block;font-size:8px;letter-spacing:2px;color:#a0a4a9;margin-bottom:5px}h1{font-size:16px;line-height:1.1;margin:0;font-weight:400}.back{color:#b5b9bf;text-decoration:none;font-size:11px;padding:12px 0 12px 24px;border-left:1px solid #393d42}.back:hover{color:white}.viewer{position:relative;flex:1;min-height:450px;height:calc(100svh - 88px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 48% 45%,#2c3035 0%,#252a2f 60%,#121619 100%)}.canvas,.poster{position:absolute;inset:0;width:100%;height:100%}.poster{object-fit:contain;padding:6vh 4vw 12vh;opacity:1;transition:opacity .2s}.canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline:0}.viewer[data-ready="true"] .poster{opacity:0;pointer-events:none}.loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;color:#dedfe1;font-size:12px;padding:13px 17px;background:#111418d9;border:1px solid #383d42;border-radius:3px;white-space:nowrap;z-index:2}.loading.hidden{display:none}.spinner{width:15px;height:15px;border:2px solid #51565d;border-top-color:#c22b42;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;padding:7px;background:#111417e8;border:1px solid #373c42;border-radius:5px;z-index:3;box-shadow:0 8px 24px #0003}.toolbar button,.toolbar select{height:38px;min-width:38px;padding:0 12px;border:1px solid #41464d;border-radius:3px;background:#24292f;color:#f0f1f2;font-size:11px;cursor:pointer}.toolbar button:hover,.toolbar select:hover{background:#353b43}.toolbar button:disabled,.toolbar select:disabled{opacity:.45;cursor:wait}.toolbar #fullscreen{font-size:22px;line-height:1}.zoom{display:flex;gap:4px}.zoom>button{font-size:18px;padding:0}.toolbar select{width:120px}.hint{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;font-size:11px;color:#bbc0c6;line-height:1.4;margin:0;pointer-events:none}.hint>span{padding:0 8px;color:#70757b}.caption{position:absolute;left:24px;top:22px;margin:0;font-size:9px;letter-spacing:.2px;color:#969ca4;pointer-events:none}.embed-title{display:none}.embed .header{display:none}.embed .viewer{height:100svh;min-height:320px}.embed .embed-title{display:flex;position:absolute;top:22px;left:24px;right:80px;gap:10px;align-items:center;z-index:2;font-size:13px;pointer-events:none}.embed-title>span{font-size:9px;color:#bb3248;letter-spacing:1px}.embed .caption{display:none}.viewer:fullscreen{height:100svh;width:100vw;min-height:100svh}.viewer:fullscreen .embed-title{display:flex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.failed .spinner{display:none}.failed .loading{white-space:normal;max-width:88%;text-align:center;line-height:1.5}.failed .hint{display:none}@media(max-width:600px){.header{height:76px;padding:0 5vw;gap:12px}.wordmark{font-size:23px}.heading{margin-left:auto;text-align:right}.heading>span{font-size:7px}h1{font-size:12px}.back{font-size:0;width:25px;padding:12px 0;border:0}.back:before{content:"←";font-size:23px}.viewer{height:calc(100svh - 76px);min-height:400px}.toolbar{gap:5px;bottom:75px;padding:6px;max-width:calc(100% - 24px)}.toolbar button,.toolbar select{height:42px;min-width:42px;padding:0 8px;font-size:10px}.toolbar select{width:100px}.toolbar #reset{font-size:9px}.toolbar #fullscreen{font-size:23px}.hint{bottom:25px;font-size:10px;max-width:270px;margin:auto}.hint>span{padding:0 4px}.caption{top:18px;left:18px;font-size:8px}.embed .embed-title{top:18px;left:18px}.poster{padding-bottom:18vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}

.viewer[data-ready="true"] .poster{transition:none!important;opacity:0!important}

.wordmark img{display:block;width:124px;height:auto;max-width:22vw}