:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14263a;background:#f1f3f5}*{box-sizing:border-box}html,body,#viewer{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #2463eb;outline-offset:4px}[hidden]{display:none!important}#viewer{position:relative}#canvas-wrap,canvas,#cover,#loading,#error{position:absolute;inset:0;width:100%;height:100%}canvas{display:block;touch-action:none;outline:none}#cover{z-index:3;background:#e8edf2}#poster{width:100%;height:100%;object-fit:cover}#cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,245,249,.2),transparent 65%);pointer-events:none}.cover-tag,.project-label{display:flex;align-items:center;gap:10px}.cover-tag{position:absolute;top:25px;left:28px;font-size:11px;font-weight:750;letter-spacing:.13em;padding:10px 14px;border:1px solid rgba(255,255,255,.6);border-radius:30px;background:rgba(255,255,255,.9);z-index:1}i{display:block}.cover-tag i,.project-label i{width:7px;height:7px;border-radius:50%;background:#287857;flex:none}.cover-card{position:absolute;bottom:28px;left:28px;padding:25px 28px;border-radius:18px;background:rgba(255,255,255,.95);border:1px solid #fff;box-shadow:0 12px 50px #18314b18;z-index:1;max-width:355px}.eyebrow{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:#536c88}h1{font-size:36px;line-height:1.06;letter-spacing:-.055em;margin:12px 0}p{line-height:1.6;font-size:14px;color:#53667a;margin:0}.primary{display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;background:#1759d5;color:white;font-size:14px;font-weight:750;padding:16px 24px;min-height:50px}.cover-card .primary{margin-top:20px;width:100%;box-shadow:0 8px 24px #1759d529}.primary:hover{background:#0e46b2}.play{font-size:12px}.cover-note{display:block;text-align:center;color:#627488;font-size:11px;margin-top:12px}#loading,#error{z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f1f4f8;text-align:center;padding:24px}h2{font-size:25px;letter-spacing:-.04em;margin:0}.progress{width:240px;max-width:100%;height:4px;background:#d4dfe9;border-radius:4px;overflow:hidden}.progress i{width:0;height:100%;background:#1759d5;transition:width .15s}#ui{position:absolute;inset:0;pointer-events:none}.viewer-header{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.project-label{padding:10px 14px;border-radius:12px;background:#ffffffed;box-shadow:0 4px 20px #17304b0a;font-size:12px;letter-spacing:.09em}.project-label small{display:block;font-size:10px;color:#687d92;letter-spacing:0;margin-top:4px}.icon-button{pointer-events:auto;width:42px;height:42px;background:#fffffff5;border:1px solid #d5e0e9;border-radius:12px;font-size:25px;color:#183650}.views{pointer-events:auto;position:absolute;top:90px;left:24px;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 48px);padding:5px;border:1px solid #fff;border-radius:12px;background:#ffffffeb;box-shadow:0 8px 25px #17304b0a}.views button{min-height:36px;border:0;background:transparent;color:#455d76;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:700}.views button[aria-pressed=true]{background:#173a5e;color:white}.views button:hover{background:#e5edf5;color:#183650}.viewer-footer{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.viewer-footer p{font-size:11px;color:#405771;background:#ffffffed;border:1px solid white;border-radius:9px;padding:9px 12px;max-width:410px}.viewer-footer button{pointer-events:auto;border:0;border-radius:10px;background:#1759d5;color:white;min-height:44px;padding:12px 18px;font-weight:700;font-size:12px;white-space:nowrap}#walk-controls{position:absolute;bottom:85px;left:24px;pointer-events:auto;text-align:center;padding:8px;border-radius:12px;background:#ffffffde;border:1px solid white;touch-action:none}#walk-controls div{display:flex;gap:4px;margin-top:4px}#walk-controls button{width:40px;height:40px;border:1px solid #d6e1eb;border-radius:8px;background:white;color:#173a5e;font-size:20px;touch-action:none}#walk-controls button:active{background:#1759d5;color:white}@media(max-width:600px){.cover-tag{left:16px;top:16px;font-size:9px}.cover-card{left:16px;right:16px;bottom:16px;max-width:none;padding:18px 20px}.cover-card h1{font-size:28px;margin:8px 0}.cover-card p{font-size:12px}.cover-card .primary{margin-top:13px;padding:13px;min-height:44px}.cover-note{margin-top:8px}.viewer-header{top:12px;left:12px;right:12px}.views{top:78px;left:12px;max-width:calc(100% - 24px);gap:2px}.views button{font-size:10px;padding:8px}.viewer-footer{bottom:12px;left:12px;right:12px;flex-wrap:wrap}.viewer-footer p{font-size:10px;padding:8px;max-width:100%}.viewer-footer button{margin-left:auto;min-height:40px;padding:10px 14px}#walk-controls{left:12px;bottom:108px;padding:5px}#walk-controls button{width:36px;height:36px}.project-label{font-size:10px}#poster{object-position:55% 50%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}