html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080808;color:#d4d4d4}
    .view-stage{position:fixed;inset:0;display:flex;justify-content:center;overflow:hidden}
    .view-frame-box{position:relative;flex:none;height:100%}
    .view-frame{display:block;border:0;position:absolute;top:0;left:0;transform-origin:top left;background:#080808}
    .view-intro{position:fixed;inset:0;z-index:200;background:#080808;display:grid;place-items:center;padding:24px;overflow:auto}
    .view-intro[hidden]{display:none}
    .view-intro-content{display:flex;flex-direction:column;align-items:center;max-width:100%;padding:20px 0}
    .view-logo{display:block;width:clamp(110px,10vw,148px);height:auto;margin-bottom:38px}
    .view-progress{width:clamp(190px,20vw,250px);height:3px;border-radius:20px;overflow:hidden;background:#ffffff18;box-shadow:0 0 0 1px #ffffff04}
    .view-progress-fill{display:block;width:100%;height:100%;background:#d4d4d4;transform:scaleX(0);transform-origin:left center;box-shadow:0 0 12px #d4d4d470}
    .view-options{display:flex;justify-content:center;gap:8px;margin-top:26px;width:100%}
    .view-option{display:grid;place-items:center;width:52px;height:52px;padding:8px;border:0;border-radius:0;background:none;color:#ffffff18;cursor:pointer;transition:color .2s,transform .2s}
    .view-option svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
    .view-option:hover,.view-option[aria-pressed="true"]{background:none;color:#d4d4d4}
    .view-option:hover{transform:translateY(-2px)}
    .view-option:focus-visible{color:#d4d4d4;outline:2px solid #d4d4d4;outline-offset:4px}
    .view-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
    @media(max-height:550px){.view-logo{width:76px;margin-bottom:22px}.view-options{margin-top:20px}}
    @media(prefers-reduced-motion:reduce){.view-option{transition:none}.view-option:hover{transform:none}}

.view-intro{overflow:auto}.view-fallback{display:none}
@media(prefers-reduced-motion:reduce){.view-progress-fill{transform:scaleX(0)}}