:root{font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark;background-color:#08060a;color:#f0f0f0}*,*:before,*:after{box-sizing:border-box}body{margin:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}#gallery-container{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-mask-image:linear-gradient(45deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.2) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,.2) 75%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(45deg,#000,#0003,#000,#0003,#000);-webkit-mask-size:200% 200%;mask-size:200% 200%;animation:gradientMaskMove 12s ease infinite;filter:url(#goo)}#fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:600px;padding:2rem;background:#140f19cc;border:1px solid #443;border-radius:8px}#fallback h1{margin-top:0;color:#d6b460}#instructions{position:absolute;bottom:2rem;right:2rem;color:#ffffff80;font-size:.9rem;pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;background:#0000004d;padding:.75rem 1.25rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:grid;grid-template-rows:1fr auto;padding:3rem;z-index:10}.presentation-grid{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.main-image-container{width:75vmin;height:75vmin;max-width:800px;max-height:800px;background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 32px 64px #00000080,inset 0 1px 1px #ffffff26;display:flex;justify-content:center;align-items:center;padding:2rem;transition:transform .55s ease-out,filter .4s ease;pointer-events:none;transform-style:preserve-3d;will-change:transform}#main-preview-image{width:100%;height:100%;object-fit:contain;border-radius:16px;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 32px rgba(0,0,0,.6));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.spotify-widget{position:absolute;top:2rem;right:2rem;z-index:20;pointer-events:auto;border-radius:12px;overflow:hidden;box-shadow:0 24px 48px #00000080,0 8px 16px #0006,inset 0 1px 1px #ffffff1a;background:#0a080f99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.spotify-widget:hover{transform:translateY(-4px) scale(1.02)}.bottom-nav{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem 2rem;background:#0a080f66;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:100px;margin:0 auto;pointer-events:auto;box-shadow:0 16px 48px #0009,inset 0 1px 1px #ffffff1a}.thumb-btn{background:transparent;border:none;padding:0;width:72px;height:72px;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:.5;filter:saturate(.2) brightness(.7);transform:scale(.9);box-shadow:0 4px 12px #0000004d}.thumb-btn:after{content:"";position:absolute;inset:0;border-radius:20px;border:2px solid transparent;transition:border-color .4s ease;pointer-events:none}.thumb-btn img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.thumb-btn:hover{opacity:.8;filter:saturate(.8) brightness(.9);transform:scale(1.05) translateY(-4px);box-shadow:0 8px 16px #0006}.thumb-btn.active{opacity:1;filter:saturate(1.2) brightness(1.1);transform:scale(1.15) translateY(-8px);box-shadow:0 16px 32px #0009;z-index:2}.thumb-btn.active:after{border-color:#ffffffe6;box-shadow:inset 0 0 12px #ffffff4d}.thumb-btn.active img{transform:scale(1.1)}.artist-widget{position:absolute;bottom:2rem;right:2rem;z-index:20;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.artist-avatar-wrap{position:relative;width:88px;height:88px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0000008c;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s ease;outline:none}.artist-avatar-wrap:hover,.artist-avatar-wrap:focus-visible{transform:scale(1.07);box-shadow:0 12px 32px #000000a6}.artist-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.artist-info-badge{position:absolute;top:-4px;left:-4px;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#111;box-shadow:0 2px 8px #0006;pointer-events:none}.insta-widget{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0a080f99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:100px;text-decoration:none;color:#fff;font-weight:500;font-family:inherit;box-shadow:0 16px 32px #00000080,inset 0 1px 1px #fff3;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background .4s ease,border-color .4s ease}.insta-widget:hover{transform:translateY(-4px) scale(1.05);background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;box-shadow:0 20px 40px #dc274366,inset 0 1px 1px #fff6}.insta-icon{width:20px;height:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.insta-widget:hover .insta-icon{transform:scale(1.1) rotate(5deg)}.insta-text{font-size:.95rem;letter-spacing:.5px}.bio-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.bio-overlay--visible{opacity:1;pointer-events:auto}.bio-panel{position:relative;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;background:#080612c7;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem 2.5rem 2rem;color:#fff;box-shadow:0 32px 64px #000000a6,inset 0 1px #ffffff14;transform:scale(.94) translateY(8px);transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.bio-panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bio-panel-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.bio-panel-name{margin:0 0 .2rem;font-size:1.1rem;font-weight:700;color:#fff}.bio-panel-subtitle{margin:0;font-size:.8rem;color:#ffffff73;letter-spacing:.03em}.bio-panel-footer{margin-top:1.5rem;display:flex;justify-content:center}.bio-panel-insta{position:static!important}.bio-overlay--visible .bio-panel{transform:scale(1) translateY(0)}.bio-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fffc;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;font-family:inherit}.bio-close:hover{background:#ffffff2e;color:#fff}.bio-content p{margin:0 0 1em;line-height:1.75;font-size:.92rem;color:#ffffffd9}.bio-content p:last-child{margin-bottom:0}#gesture-tip{display:none;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .9rem;min-width:72px;background:#db27772e;border:1px solid rgba(236,72,153,.45);border-radius:20px;color:#f9a8d4;font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;box-shadow:0 0 0 1px #ec48991f,0 16px 40px #db277740,inset 0 1px 1px #ffffff14}#gesture-tip.visible{display:flex}.tip-icon{width:26px;height:26px;flex-shrink:0;stroke:#f472b6}.tip-label{font-size:.68rem;font-weight:700;white-space:nowrap;color:#f9a8d4}.tip-sub{font-size:.55rem;font-weight:400;opacity:.65;white-space:nowrap;letter-spacing:.02em;text-transform:none}#left-controls{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:1rem}#super3d-btn,#autoplay-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .9rem;background:#0a080f8c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 16px 40px #00000080,inset 0 1px 1px #ffffff14;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease;min-width:72px;-webkit-user-select:none;user-select:none}#super3d-btn:hover,#autoplay-btn:hover{transform:scale(1.06);color:#fff;border-color:#fff3}.super3d-icon{width:26px;height:26px;flex-shrink:0;transition:stroke .3s ease}.super3d-label{font-size:.68rem;font-weight:700;white-space:nowrap}.super3d-sub{font-size:.55rem;font-weight:400;opacity:.55;white-space:nowrap;letter-spacing:.02em;text-transform:none}.super3d-dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:background .3s ease;margin-top:2px}#super3d-btn.loading{opacity:.6;cursor:wait;pointer-events:none}#autoplay-btn.active,#super3d-btn.active{background:#14502859;border-color:#4ade8099;color:#86efac;box-shadow:0 0 0 1px #4ade8033,0 16px 40px #14783c59,inset 0 1px 1px #ffffff1a}#super3d-btn.active .super3d-icon,#autoplay-btn.active .autoplay-icon{stroke:#4ade80}#autoplay-btn.active .autoplay-dot,#super3d-btn.active .super3d-dot{background:#4ade80;animation:dot-pulse 1.5s ease-in-out infinite}.autoplay-icon{width:26px;height:26px;flex-shrink:0;transition:stroke .3s ease}.autoplay-label{font-size:.68rem;font-weight:700;white-space:nowrap}.autoplay-sub{font-size:.55rem;font-weight:400;opacity:.55;white-space:nowrap;letter-spacing:.02em;text-transform:none}.autoplay-dot{width:7px;height:7px;border-radius:50%;background:#fff3;transition:background .3s ease;margin-top:2px}#autoplay-btn.active .autoplay-dot{background:#4ade80;animation:dot-pulse 1.5s ease-in-out infinite}#super3d-btn.active.face-found .super3d-dot{background:#22c55e;box-shadow:0 0 6px #22c55ecc;animation:dot-pulse 2s ease-in-out infinite}#super3d-btn.error{border-color:#ff505099;color:#fca5a5;animation:error-shake .4s ease}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}60%{transform:translate(4px)}}.main-image-container.super3d-active{transition:none}.main-image-container.super3d-active:hover{transform:none;filter:none}#main-preview-image.super3d-active{animation-play-state:paused}@media(max-width:768px){#ui-layer{padding:170px 1rem 1rem}.main-image-container{width:85vw;height:calc(100svh - 290px);max-width:none;max-height:none;padding:1rem;border-radius:24px}.spotify-widget{top:1rem;left:50%;right:auto;transform:translate(-50%);max-width:calc(100vw - 2rem);width:320px}.spotify-widget:hover{transform:translate(-50%) translateY(-2px) scale(1.02)}.bottom-nav{padding:1.25rem 1rem .75rem;gap:.5rem;border-radius:20px;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;justify-content:flex-start;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.bottom-nav::-webkit-scrollbar{height:3px}.bottom-nav::-webkit-scrollbar-track{background:transparent}.bottom-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.thumb-btn{width:56px;height:56px;border-radius:16px;flex-shrink:0}.insta-widget:not(.bio-panel-insta){display:none}#left-controls .artist-widget{position:static;bottom:auto;right:auto;touch-action:none}.bio-panel{width:95%;max-height:85vh;padding:1.5rem 1.25rem;border-radius:20px}.bio-panel-avatar{width:52px;height:52px}#left-controls{left:1rem}#super3d-btn,#autoplay-btn{padding:.75rem .65rem;min-width:60px;font-size:.6rem}.super3d-icon,.autoplay-icon{width:22px;height:22px}.super3d-sub,.autoplay-sub,.tip-sub{display:none}#gesture-tip{min-width:60px;padding:.75rem .65rem}.tip-icon{width:22px;height:22px}}#loader{position:fixed;inset:0;z-index:100;background:#08060a;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}#loader.loader-out{opacity:0;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;width:220px}.loader-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9}.loader-track{width:100%;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-fill{height:100%;width:0%;background:#ffffffbf;border-radius:2px;transition:width .35s cubic-bezier(.25,1,.5,1)}.loader-label{margin:0;font-size:.7rem;letter-spacing:.12em;color:#ffffff4d;font-variant-numeric:tabular-nums}