@font-face{font-family:Orbitron;src:url(/assets/orbitron-v35-latin-500-DQ2gt4P1.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/assets/orbitron-v35-latin-700-4jsRXGGJ.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-300-BVlfKGgI.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-regular-C38fXH4l.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-500-Cerq10X2.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/inter-v20-latin-600-LgqL8muc.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root,[data-theme=dark]{--bg-grad: linear-gradient(135deg, #05050a, #0a0015);--card-bg: rgba(20, 20, 35, .62);--card-preview-bg: #0b0b1a;--card-preview-color: #555577;--card-border: rgba(0, 240, 255, .12);--card-border-hover: rgba(0, 240, 255, .35);--header-bg: rgba(10, 10, 20, .68);--header-border: rgba(0, 240, 255, .11);--modal-bg: rgba(0, 0, 0, .95);--modal-content-bg: rgba(15, 15, 40, .9);--modal-border: rgba(0, 240, 255, .25);--modal-header-border: rgba(255, 255, 255, .1);--modal-shadow: 0 0 100px rgba(0, 240, 255, .4);--search-bg: rgba(30, 30, 60, .78);--search-bg-focus: rgba(40, 40, 80, .9);--search-placeholder: #8090b0;--search-ring: rgba(0, 240, 255, .2);--search-ring-focus: rgba(0, 240, 255, .45);--accent: #00f0ff;--accent2: #ff00aa;--accent3: #c300ff;--text: #f0f4ff;--text-muted: #a0b0d0;--radius: 16px;--glow: rgba(0, 240, 255, .3);--glow2: rgba(255, 0, 170, .35);--load-border: rgba(0, 240, 255, .35);--load-color: #00f0ff;--count-color: rgba(0, 240, 255, .5);--footer-color: #7080a0;--footer-border: rgba(100, 100, 150, .18);--toggle-bg: rgba(0, 240, 255, .08);--toggle-border: rgba(0, 240, 255, .25);--toggle-color: #00f0ff;--zoom-bg: rgba(0, 0, 0, .45);--zoom-border: rgba(0, 240, 255, .35);--zoom-color: #00f0ff;--zoom-hover: rgba(0, 240, 255, .2)}[data-theme=light]{--bg-grad: linear-gradient(135deg, #eef2ff 0%, #f8f0ff 50%, #e8f8ff 100%);--card-bg: rgba(255, 255, 255, .82);--card-preview-bg: #e8eeff;--card-preview-color: #8899cc;--card-border: rgba(0, 180, 220, .18);--card-border-hover: rgba(0, 180, 220, .6);--header-bg: rgba(240, 246, 255, .82);--header-border: rgba(0, 180, 220, .2);--modal-bg: rgba(200, 210, 240, .6);--modal-content-bg: rgba(248, 250, 255, .97);--modal-border: rgba(0, 180, 220, .35);--modal-header-border: rgba(0, 180, 220, .15);--modal-shadow: 0 0 80px rgba(0, 153, 204, .25), 0 30px 80px rgba(0, 0, 0, .12);--search-bg: rgba(255, 255, 255, .72);--search-bg-focus: rgba(255, 255, 255, .95);--search-placeholder: #9aabcc;--search-ring: rgba(0, 180, 220, .25);--search-ring-focus: rgba(0, 180, 220, .55);--accent: #0099cc;--accent2: #cc0077;--accent3: #8800cc;--text: #0a1220;--text-muted: #5570a0;--radius: 16px;--glow: rgba(0, 153, 204, .28);--glow2: rgba(204, 0, 119, .3);--load-border: rgba(0, 153, 204, .4);--load-color: #0099cc;--count-color: rgba(0, 153, 204, .55);--footer-color: #7080a0;--footer-border: rgba(0, 150, 200, .15);--toggle-bg: rgba(0, 153, 204, .08);--toggle-border: rgba(0, 153, 204, .3);--toggle-color: #0099cc;--zoom-bg: rgba(255, 255, 255, .7);--zoom-border: rgba(0, 119, 182, .4);--zoom-color: #0077b6;--zoom-hover: rgba(0, 119, 182, .18)}*,*:before,*:after{transition:background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.card,nav a,nav a:after,.auth-btns button,.download-btn,#searchInput,.theme-toggle,.load-more-btn,.zoom-btn{transition:background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.19,1,.22,1),width .4s ease,opacity .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-grad);color:var(--text);min-height:100vh;overflow-x:hidden}[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:linear-gradient(rgba(0,153,204,1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,204,1) 1px,transparent 1px);background-size:48px 48px}header{position:fixed;inset:0 0 auto 0;z-index:1000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:1.2rem 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 7s linear infinite;transition:none!important}@keyframes gradientFlow{0%{background-position:0%}to{background-position:200%}}nav a{color:var(--text-muted);text-decoration:none;margin-left:2.5rem;font-weight:500;position:relative}nav a:hover,nav a.active{color:var(--accent)}nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2.5px;background:var(--accent)}nav a:hover:after,nav a.active:after{width:100%}.theme-toggle{background:var(--toggle-bg);border:1.5px solid var(--toggle-border);color:var(--toggle-color);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;position:relative;overflow:hidden;flex-shrink:0}.theme-toggle:hover{box-shadow:0 0 18px var(--glow);transform:rotate(20deg) scale(1.08)}.theme-toggle .icon-moon,.theme-toggle .icon-sun{position:absolute;transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .icon-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .icon-sun{opacity:1;transform:rotate(0) scale(1)}.auth-btns button{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.65rem 1.5rem;border-radius:999px;margin-left:1.2rem;font-weight:500;cursor:pointer}.auth-btns button:hover{background:var(--accent);color:#fff;box-shadow:0 0 25px var(--glow)}.auth-btns .signup{border-color:var(--accent2);color:var(--accent2)}.auth-btns .signup:hover{background:var(--accent2);color:#fff;box-shadow:0 0 25px var(--glow2)}footer{text-align:center;padding:4rem 1rem 3rem;color:var(--footer-color);border-top:1px solid var(--footer-border);position:relative;z-index:1}main{padding-top:120px;position:relative;z-index:1}.hero-search{text-align:center;padding:7vh 5% 10vh}.hero-search h1{font-family:Orbitron,sans-serif;font-size:clamp(3.5rem,10vw,7rem);margin-bottom:.6rem;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3),var(--accent));background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 12s linear infinite;transition:none!important}[data-theme=light] .hero-search h1{filter:drop-shadow(0 2px 8px rgba(0,153,204,.18))}#searchInput{width:min(94%,680px);padding:1.3rem 2rem;font-size:1.2rem;border:none;border-radius:999px;background:var(--search-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);outline:none;box-shadow:0 0 0 2px var(--search-ring),inset 0 3px 15px #00000014;margin:2.5rem 0 1.5rem}#searchInput:focus{box-shadow:0 0 0 4px var(--search-ring-focus);background:var(--search-bg-focus)}#searchInput::placeholder{color:var(--search-placeholder)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;padding:0 5% 3rem;max-width:2000px;margin:0 auto}.card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;animation:cardIn .4s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{transform:translateY(-16px) scale(1.05);border-color:var(--card-border-hover)}[data-theme=dark] .card:hover{box-shadow:0 30px 60px -15px #00f0ff40,0 0 40px #ff00aa29}[data-theme=light] .card:hover{box-shadow:0 24px 56px -12px #0099cc38,0 0 32px #cc00771a}.card-preview{height:200px;background:var(--card-preview-bg);display:flex;align-items:center;justify-content:center;color:var(--card-preview-color);font-size:1.2rem;border-bottom:1px solid var(--card-border);font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:.04em;position:relative;overflow:hidden}[data-theme=light] .card-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,153,204,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,153,204,.07) 1px,transparent 1px);background-size:24px 24px}[data-theme=light] .card-preview .motion-label{position:relative;z-index:1;background:linear-gradient(90deg,#09c,#c07);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.card-info{padding:1.5rem 1.6rem}.card-title{font-size:1.32rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.card-subtitle{color:var(--text-muted);font-size:.96rem}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 5% 6rem}.load-more-count{font-size:.92rem;color:var(--count-color);font-family:Orbitron,sans-serif;letter-spacing:.08em;font-weight:500}.load-more-btn{background:transparent;border:1.5px solid var(--load-border);color:var(--load-color);padding:1rem 3.2rem;border-radius:999px;font-size:1.05rem;font-weight:600;font-family:Orbitron,sans-serif;letter-spacing:.06em;cursor:pointer;position:relative;overflow:hidden}.load-more-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.08),transparent);transform:translate(-100%);transition:transform .55s ease}[data-theme=light] .load-more-btn:before{background:linear-gradient(90deg,transparent,rgba(0,153,204,.1),transparent)}.load-more-btn:hover:before{transform:translate(100%)}.load-more-btn:hover{box-shadow:0 0 30px var(--glow);border-color:var(--accent)}.load-more-btn:active{transform:scale(.97)}.load-more-btn[hidden]{display:none}#previewModal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--modal-content-bg);border:1px solid var(--modal-border);border-radius:24px;width:96%;max-width:1240px;overflow:hidden;box-shadow:var(--modal-shadow)}.modal-header{padding:1.4rem 2.4rem;border-bottom:1px solid var(--modal-header-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:var(--text)}.close-btn{background:none;border:none;color:#ff5e5e;font-size:2.8rem;cursor:pointer;line-height:1}#three-container{width:100%;height:72vh;position:relative}.player-zoom-controls{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.zoom-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--zoom-border);background:var(--zoom-bg);color:var(--zoom-color);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none;-webkit-user-select:none;position:relative}.zoom-btn:hover{background:var(--zoom-hover);box-shadow:0 0 16px var(--glow);transform:scale(1.13)}.zoom-btn:active{transform:scale(.92)}.zoom-btn.zoom-reset{font-size:.85rem;font-weight:700;font-family:Orbitron,sans-serif;letter-spacing:0}.zoom-btn:after{content:attr(data-tip);position:absolute;right:52px;top:50%;transform:translateY(-50%);background:#000c;color:#fff;font-size:.76rem;padding:4px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.zoom-btn:hover:after{opacity:1}#loadingOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.6rem;z-index:5}.modal-footer{padding:1.4rem 2.4rem;text-align:right}.download-btn{background:linear-gradient(90deg,var(--accent),#0099dd);color:#000;border:none;padding:1.1rem 2.8rem;border-radius:999px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 14px 40px var(--glow)}[data-theme=light] .download-btn{color:#fff}.download-btn:hover{transform:translateY(-5px);box-shadow:0 20px 50px var(--glow)}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.6rem}header{flex-direction:column;gap:1.4rem;padding:1.4rem 6%}nav a{margin:0 1.4rem}.header-right{gap:.5rem}.player-zoom-controls{right:8px;gap:7px}.zoom-btn{width:38px;height:38px;font-size:1.2rem}}.hero-subtitle{margin:2rem auto 0;max-width:760px;font-size:1.18rem;line-height:1.65;font-weight:500;text-align:center;padding:0 1.2rem;position:relative}[data-theme=dark] .hero-subtitle{color:#c0d0ff;text-shadow:0 0 15px rgba(0,240,255,.6),0 0 30px rgba(255,0,170,.4);background:linear-gradient(90deg,#00f0ff,#f0a,#c300ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:neonPulse 3.5s ease-in-out infinite alternate}@keyframes neonPulse{0%{text-shadow:0 0 10px rgba(0,240,255,.5),0 0 25px rgba(255,0,170,.3)}to{text-shadow:0 0 20px rgba(0,240,255,.9),0 0 45px rgba(255,0,170,.7),0 0 60px rgba(195,0,255,.4)}}[data-theme=light] .hero-subtitle{color:#457;text-shadow:0 2px 12px rgba(0,153,204,.25)}#searchInput:focus+.hero-subtitle{animation-duration:2s}:root,[data-theme=dark]{--bg-start: #05050a;--bg-end: #0a0015;--header-bg: rgba(10, 10, 20, .68);--header-border: rgba(0, 240, 255, .11);--card-bg: rgba(20, 20, 35, .62);--card-border: rgba(0, 240, 255, .12);--accent: #00f0ff;--accent2: #ff00aa;--text: #f0f4ff;--text-muted: #a0b0d0;--footer-text: #7080a0;--footer-border: rgba(100, 100, 150, .18);--input-bg: rgba(30, 30, 60, .78);--create-box-bg: rgba(15, 15, 40, .7);--create-box-border: rgba(0, 240, 255, .2);--upload-bg: rgba(0, 240, 255, .04);--upload-hover-bg: rgba(255, 0, 170, .08);--upload-hover-shadow: rgba(255, 0, 170, .2);--radius: 16px}[data-theme=light]{--bg-start: #f0f6ff;--bg-end: #ffe8f8;--header-bg: rgba(255, 255, 255, .82);--header-border: rgba(0, 180, 200, .2);--card-bg: rgba(255, 255, 255, .75);--card-border: rgba(0, 180, 200, .2);--accent: #0099bb;--accent2: #cc0088;--text: #0a0a1a;--text-muted: #445566;--footer-text: #778899;--footer-border: rgba(0, 0, 0, .1);--input-bg: rgba(255, 255, 255, .8);--create-box-bg: rgba(255, 255, 255, .72);--create-box-border: rgba(0, 180, 200, .3);--upload-bg: rgba(0, 180, 200, .05);--upload-hover-bg: rgba(200, 0, 130, .07);--upload-hover-shadow: rgba(200, 0, 130, .15);--toggle-track: rgba(0, 153, 187, .18);--toggle-thumb: var(--accent);--toggle-icon-color: #0a0a1a}main-page{padding-top:120px;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding-bottom:4rem}.create-container{text-align:center;max-width:700px;width:90%;padding:3rem 2rem;background:var(--create-box-bg);border-radius:24px;border:1px solid var(--create-box-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px #00f0ff1f;transition:background .4s,border-color .4s}.create-title{font-family:Orbitron,sans-serif;font-size:3.2rem;margin-bottom:1rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.upload-area{margin:2.5rem 0;padding:4rem 2rem;border:3px dashed var(--accent);border-radius:20px;background:var(--upload-bg);transition:all .4s;cursor:pointer}.upload-area:hover,.upload-area.dragover{border-color:var(--accent2);background:var(--upload-hover-bg);box-shadow:0 0 30px var(--upload-hover-shadow)}.upload-text{font-size:1.4rem;margin-bottom:1rem;color:var(--text-muted)}.upload-hint{font-size:1.1rem;color:var(--accent)}.notices{margin-top:2rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.notice-item{margin:.8rem 0;padding-left:1.5rem;position:relative;color:var(--text-muted);font-size:.95rem}.notice-item:before{content:"•";position:absolute;left:0;color:var(--accent)}.progress-wrap{display:none;margin:2rem 0 .5rem;background:#00f0ff1a;border-radius:999px;height:8px;overflow:hidden;border:1px solid rgba(0,240,255,.2)}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width .3s ease}.progress-label{display:none;font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.processing{display:none;flex-direction:column;align-items:center;margin:2.5rem 0}.spinner{width:60px;height:60px;border:6px solid rgba(0,240,255,.15);border-top:6px solid var(--accent);border-radius:50%;animation:spin 1.2s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{font-size:1.4rem;color:var(--accent);margin-bottom:.6rem}.processing-sub{color:var(--text-muted);font-size:.95rem}.result-area{display:none;flex-direction:column;align-items:center;gap:1.4rem;margin-top:1rem}.result-area p{color:var(--text-muted);font-size:1rem;max-width:460px;line-height:1.6}.result-area h2{font-family:Orbitron,sans-serif;font-size:1.8rem;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{background:linear-gradient(90deg,var(--accent),#0099cc);color:#000;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #00f0ff59;transition:all .4s}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00f0ff80}.btn-secondary{background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.9rem 2.2rem;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .35s}.btn-secondary:hover{background:#00f0ff14}.error-box{display:none;background:#ff3c3c1a;border:1.5px solid rgba(255,80,80,.4);border-radius:14px;padding:1.2rem 1.6rem;color:#f88;font-size:.95rem;text-align:left;width:100%;max-width:460px;line-height:1.6}.file-chip{display:none;align-items:center;gap:.7rem;background:#00f0ff12;border:1px solid rgba(0,240,255,.2);border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.file-chip .chip-name{color:var(--text);font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{display:flex;align-items:center;gap:.6rem}@media (max-width: 768px){header{flex-direction:column;gap:1.2rem;padding:1.4rem 6%}nav a{margin:0 1.2rem}.create-title{font-size:2.2rem}}