*{margin:0;padding:0;overflow:hidden;box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}body{background-color:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh}.overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.5) 100%)}.signature{position:fixed;bottom:40px;left:40px;color:#ffffff0f;font-size:10px;letter-spacing:4px;text-transform:uppercase;font-weight:200;pointer-events:none;animation:subtle-fade 12s ease-in-out infinite}.collectors-button{position:fixed;top:40px;right:40px;padding:16px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:200;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.collectors-button:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.token-modal{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .5s ease}.token-modal.active{display:flex;opacity:1}.token-container{background:#121214f2;border:1px solid rgba(255,255,255,.1);padding:60px;max-width:500px;width:90%;text-align:center;position:relative;animation:modal-enter .5s ease forwards}@keyframes modal-enter{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.token-title{color:#ffffffe6;font-size:14px;letter-spacing:4px;text-transform:uppercase;font-weight:200;margin-bottom:40px}.token-input{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:18px 24px;font-size:14px;letter-spacing:2px;width:100%;text-align:center;font-family:SF Mono,Monaco,monospace;transition:all .3s ease}.token-input:focus{outline:none;border-color:#ffb6e04d;background:#ffffff0d;box-shadow:0 0 30px #ffb6e01a}.token-input.error{border-color:#ff787880;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.token-submit{margin-top:30px;padding:14px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:200;cursor:pointer;transition:all .3s ease}.token-submit:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.token-submit:disabled{opacity:.5;cursor:not-allowed}.token-error{color:#f44;font-size:12px;margin-top:15px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.token-error.show{opacity:1;transform:translateY(0)}.close-modal{position:absolute;top:20px;right:20px;width:30px;height:30px;cursor:pointer;opacity:.5;transition:opacity .3s ease}.close-modal:hover{opacity:.8}.close-modal:before,.close-modal:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:1px;background:#fff9}.close-modal:before{transform:translate(-50%,-50%) rotate(45deg)}.close-modal:after{transform:translate(-50%,-50%) rotate(-45deg)}.video-library{position:fixed;inset:0;background:#0a0a0afa;z-index:999;display:none;opacity:0;transition:opacity .6s ease;overflow-y:auto}.video-library.active{display:block;opacity:1}.library-header{padding:clamp(40px,8vh,60px) clamp(20px,8vw,60px) clamp(20px,4vh,40px);text-align:center;border-bottom:1px solid rgba(255,255,255,.05);padding-top:clamp(80px,12vh,100px)}.library-title{color:#ffffffe6;font-size:18px;letter-spacing:6px;text-transform:uppercase;font-weight:100;margin-bottom:10px}.library-subtitle{color:#ffb6e080;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:200}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:60px}.video-item{position:relative;aspect-ratio:16/9;background:#ffffff05;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .4s ease;overflow:hidden}.video-item:hover{transform:translateY(-5px);border-color:#ffb6e033;box-shadow:0 20px 40px #0006}.video-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,182,224,.05) 0%,transparent 50%,rgba(182,224,255,.05) 100%);opacity:0;transition:opacity .4s ease}.video-item:hover:before{opacity:1}.video-title{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fffc;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:200}.video-date{position:absolute;top:15px;left:15px;color:#ffb6e0b3;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:300}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.video-item:hover .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.play-icon:after{content:"";width:0;height:0;border-left:20px solid rgba(255,255,255,.8);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.close-library{position:fixed;top:clamp(15px,4vh,40px);right:clamp(15px,4vw,40px);padding:clamp(8px,2vw,12px) clamp(12px,3vw,24px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:clamp(8px,2vw,10px);letter-spacing:clamp(1px,.5vw,2px);text-transform:uppercase;font-weight:200;cursor:pointer;transition:all .3s ease;z-index:1001;max-width:20vw}.close-library:hover{background:#ffffff1a;border-color:#fff3}.video-player-overlay{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;z-index:1100;opacity:0;transition:opacity .5s ease}.video-player-overlay.active{display:flex;opacity:1}.video-player-container{width:90%;max-width:1200px;position:relative;background:#121214f2;border:1px solid rgba(255,182,224,.1);overflow:hidden}.video-player-header{padding:20px 30px;border-bottom:1px solid rgba(255,182,224,.05);text-align:center}.video-player-title{color:#ffffffe6;font-size:14px;letter-spacing:3px;text-transform:uppercase;font-weight:200;margin-bottom:5px}.video-player-date{color:#ffb6e099;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:300}.video-player-content{position:relative;aspect-ratio:16/9;background:#000}.video-player-content mux-player{width:100%;height:100%;--media-accent-color: rgba(255, 182, 224, .8)}.close-player{position:absolute;top:20px;right:20px;width:40px;height:40px;cursor:pointer;opacity:.7;transition:opacity .3s ease;z-index:1101}.close-player:hover{opacity:1}.close-player:before,.close-player:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background:#fffc}.close-player:before{transform:translate(-50%,-50%) rotate(45deg)}.close-player:after{transform:translate(-50%,-50%) rotate(-45deg)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top:2px solid rgba(255,182,224,.8);border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes subtle-fade{0%,to{opacity:.06}50%{opacity:.1}}@keyframes breathe{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.02)}}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff40;font-size:11px;letter-spacing:5px;text-transform:uppercase;font-weight:100;animation:breathe 3s ease-in-out infinite}