.strap-root{touch-action:none;-webkit-user-select:none;user-select:none;background:#f4ecd9;width:100%;height:100%;position:relative;overflow:hidden}.strap-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.strap-lang{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#f4ecd9d1;border:1px solid #26201a38;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;top:56px;right:14px}.strap-lang button{color:#6e665d;cursor:pointer;background:0 0;border:none;min-width:34px;min-height:28px;font:700 13px Inter,sans-serif}.strap-lang button.on{color:#c34a28}.strap-lang span{color:#26201a59}.strap-mute{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#f4ecd9d1;border:1px solid #26201a38;border-radius:9999px;width:40px;height:40px;font-size:16px;position:absolute;top:56px;left:14px}.strap-cover-ui,.strap-play-ui,.strap-result-ui{z-index:4;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:100px;left:16px;right:16px}.strap-tutorial{text-align:center;color:#26201a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f4ecd9db;border-radius:12px;max-width:340px;margin:0;padding:10px 14px;font:500 14px Inter,sans-serif}.strap-btn{color:#26201a;cursor:pointer;background:#f4ecd9f0;border:1.5px solid #26201a47;border-radius:12px;min-width:96px;min-height:48px;padding:13px 20px;font:700 15px Inter,sans-serif;transition:transform .12s cubic-bezier(.2,.8,.2,1),background .12s}.strap-btn:active{transform:scale(.96)}.strap-btn.primary{color:#f4ecd9;background:#c34a28;border-color:#c34a28;width:100%;max-width:360px}.strap-btn.ghost{min-width:48px;padding:13px 14px;font-size:20px}.strap-btn:disabled{opacity:.6;cursor:default}.strap-play-ui .strap-scrub-label{color:#6e665d;background:#f4ecd9e6;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:360px;padding:8px 14px;font:700 11px Inter,sans-serif;display:flex}.strap-play-ui input[type=range]{accent-color:#c34a28;flex:1;height:24px}.strap-row{justify-content:center;gap:10px;width:100%;max-width:360px;display:flex}.strap-row .strap-btn:not(.ghost){flex:1}.strap-result-ui{flex-direction:row;justify-content:center}.strap-result-ui .strap-btn.primary{flex:1;max-width:220px}.strap-modal{z-index:10;background:#26201a66;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.strap-modal-card{background:#f4ecd9;border:1.5px solid #26201a47;border-radius:16px;max-width:320px;padding:22px;box-shadow:0 8px 24px #26201a3d}.strap-modal-card h2{color:#26201a;margin:0 0 8px;font:800 18px Georgia,serif}.strap-modal-card p{color:#6e665d;margin:0 0 18px;font:500 14px Inter,sans-serif}.strap-modal-actions{justify-content:flex-end;gap:10px;display:flex}