html,body{width:100%;height:100%}body{touch-action:auto}#canvas-container{width:100%;height:100dvh}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.brand-logo-link,.modal-footer-links a{min-width:44px;min-height:44px}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #a92725}.top-nav{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left))}.nav-links{gap:16px}.nav-item,.nav-item-info{justify-content:center;align-items:center;padding:8px;font-size:14px;display:inline-flex}.modal-overlay{width:100%;max-width:none;height:100%;max-height:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overscroll-behavior:contain;touch-action:pan-y;border:0;margin:0;overflow-y:auto}.modal-overlay:not([open]){display:none}.modal-overlay::backdrop{background:0 0}.modal-card{-webkit-user-select:text;user-select:text;flex-shrink:0;width:100%;max-width:420px;max-height:100%;padding:32px 28px 20px;overflow-y:auto}.modal-brand{padding-right:28px}.modal-statement{letter-spacing:-.035em;margin-top:24px;font-size:clamp(22px,5.5vw,28px);font-weight:600;line-height:1.25}.modal-desc{color:#514440;margin-top:16px;font-size:15px;line-height:1.65}.modal-note{color:#675853;margin-top:12px;font-size:13px;line-height:1.6}.modal-btn-primary{background:#a92725;width:100%;min-height:48px;font-size:15px}.modal-close-btn{font-size:26px;top:10px;right:10px}.modal-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.modal-footer-links a{align-items:center;font-size:13px;display:inline-flex}#notification{white-space:normal;text-align:center;max-width:calc(100% - 32px);top:calc(76px + env(safe-area-inset-top));font-size:14px}.spotify-tab{max-width:calc(100% - 32px);min-height:44px;bottom:calc(16px + env(safe-area-inset-bottom));font-size:13px}.motion-toggle-pill{min-height:44px;bottom:calc(68px + env(safe-area-inset-bottom));padding:10px 16px;font-size:13px}.controls-hint{max-width:calc(100% - 32px);bottom:calc(124px + env(safe-area-inset-bottom));white-space:normal;text-align:center;padding:8px 14px;font-size:12px;line-height:1.6}.spotify-dialog-overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:pan-y;overflow-y:auto}.spotify-dialog-card{max-width:100%;max-height:100%;overflow-y:auto}.spotify-playlist-pills{flex-wrap:wrap}.spotify-dialog-footer{font-size:12px;line-height:1.5}@media (width<=440px){.top-nav{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.nav-links{gap:4px}.nav-item,.nav-item-info{font-size:13px}.modal-card{max-width:420px;padding:28px 22px 16px}}@media (height<=500px){.modal-overlay,.spotify-dialog-overlay{align-items:flex-start}.modal-card{max-width:540px;padding:20px 24px 12px}.modal-statement{margin-top:12px;font-size:22px}.modal-desc{margin-top:10px}.modal-note{margin-top:8px}.controls-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.modal-btn-row{margin-top:22px}.spotify-dialog-overlay{border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.spotify-dialog-overlay:not([open]){display:none}.spotify-dialog-overlay::backdrop{background:0 0}.top-nav{box-shadow:none;background:0 0;border:0}.top-nav .nav-item,.top-nav .nav-item-info{color:#fdfbf7;text-shadow:0 1px 5px #12121480}.top-nav .nav-item:hover,.top-nav .nav-item-info:hover{color:#f5dbc9}.top-nav .nav-item:after{background:#f5dbc9}.top-nav a:focus-visible,.top-nav button:focus-visible{outline-color:#fdfbf7}.modal-card{background:#fdfbf7;border:0}