*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a1a,#1a1a3a 50%,#0a0a1a);color:#c1d5f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.scale-in{animation:scaleIn .3s ease-out}.slide-up{animation:slideUp .5s ease-out}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.grid-responsive{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.btn-hover:hover{box-shadow:0 10px 20px -5px #0003;transform:translateY(-2px)}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.focus-ring{outline:none}.focus-ring,.focus-ring:focus{ring:2px;ring-color:#9333ea;ring-opacity:.5}.force-graph-container{height:100%;width:100%}.force-graph-container canvas{display:block}.node-hover{cursor:pointer;transition:transform .2s ease}nav button{transition:all .2s ease}nav button:hover{transform:scale(1.05)}.hint-box{animation:slideUp .3s ease-out}.legend-box{animation:fadeIn .4s ease-out}@keyframes scan{0%{opacity:0;top:-10%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%}}.animate-scan{animation:scan 4s linear infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.animate-pulse{animation:pulse-glow 2s ease-in-out infinite}.min-h-screen{min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 16px;width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-1-5{gap:6px}.gap-2-5{gap:10px}.gap-3-5{gap:14px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-12{padding:48px}.px-2{padding-left:8px;padding-right:8px}.px-2-5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-bottom:4px;padding-top:4px}.py-1-5{padding-bottom:6px;padding-top:6px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.space-y-3>*+*{margin-top:12px}.border{border:1px solid}.border-b{border-bottom:1px solid}.border-l{border-left:1px solid}.border-l-4{border-left:4px solid}.border-l-2{border-left:2px solid}.border-r-2{border-right:2px solid}.border-b-2{border-bottom:2px solid}.border-2{border:2px solid}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:50%}.border-cyan-500-20{border-color:#00f5ff33}.border-cyan-500-30{border-color:#00f5ff4d}.border-cyan-500-40{border-color:#00f5ff66}.border-cyan-500-50{border-color:#00f5ff80}.border-green-500-30{border-color:#4ade804d}.border-blue-500-30{border-color:#60a5fa4d}.border-purple-500-30{border-color:#c084fc4d}.border-orange-500-30{border-color:#fb923c4d}.border-red-500-30{border-color:#f871714d}.border-gray-500-30{border-color:#6b72804d}.border-gray-600-30{border-color:#4b55634d}.border-cyan-400-50{border-color:#00f5ff80}.border-cyan-400{border-color:#00f5ff}.border-cyan-500{border-color:#00f5ff80}.bg-black{background-color:#000}.bg-black-20{background-color:#0003}.bg-black-30{background-color:#0000004d}.bg-black-40{background-color:#0006}.bg-black-50{background-color:#00000080}.bg-black-60{background-color:#0009}.bg-black-70{background-color:#000000b3}.bg-black-80{background-color:#000c}.bg-cyan-500-20{background-color:#00f5ff33}.bg-cyan-500-40{background-color:#00f5ff66}.bg-cyan-500-10{background-color:#00f5ff1a}.bg-green-500-20{background-color:#4ade8033}.bg-green-500-40{background-color:#4ade8066}.bg-blue-500-20{background-color:#60a5fa33}.bg-blue-500-40{background-color:#60a5fa66}.bg-purple-500-20{background-color:#c084fc33}.bg-purple-500-40{background-color:#c084fc66}.bg-orange-500-20{background-color:#fb923c33}.bg-orange-500-40{background-color:#fb923c66}.bg-red-500-20{background-color:#f8717133}.bg-red-500-40{background-color:#f8717166}.bg-yellow-500-20{background-color:#facc1533}.bg-gray-500-20{background-color:#6b728033}.bg-gray-700-50{background-color:#37415180}.bg-gray-800-50{background-color:#1f293780}.border-cyan-500-30:hover{border-color:#00f5ff80}.bg-gradient-to-r{background-image:linear-gradient(90deg,#00f5ff80,#3b82f680)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,#00f5ff33,#3b82f61a)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-7xl{font-size:80px}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-white{color:#fff}.text-cyan-400{color:#00f5ff}.text-cyan-300{color:#00f5ffcc}.text-green-400{color:#4ade80}.text-blue-400{color:#60a5fa}.text-purple-400{color:#c084fc}.text-orange-400{color:#fb923c}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.text-gray-400{color:#9ca3af}.text-cyan-100{color:#c1cfe6}.text-cyan-100-40{color:#c1cfe666}.text-cyan-100-50{color:#c1cfe680}.text-cyan-100-60{color:#c1cfe699}.text-cyan-100-70{color:#c1cfe6b3}.text-cyan-100-80{color:#c1cfe6cc}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.min-h-0{min-height:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-glow{box-shadow:0 0 15px #00f5ff66}.shadow-glow-lg{box-shadow:0 0 20px #00f5ff80}.shadow-glow-xl{box-shadow:0 0 40px #00f5ff4d}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.w-full{width:100%}.w-10{width:40px}.w-12{width:48px}.w-16{width:64px}.w-20{width:80px}.w-64{width:256px}.w-80{width:320px}.w-96{width:384px}.w-auto{width:auto}.h-screen{height:100vh}.w-h-3{height:12px;width:12px}.h-2{height:8px}.h-16{height:64px}.h-20{height:80px}.h-48{height:192px}.h-96{height:384px}.z-10{z-index:10}.z-50{z-index:50}.aspect-square{aspect-ratio:1/1}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}.hover-scale-105:hover{transform:scale(1.05)}.hover-scale-110:hover{transform:scale(1.1)}.bg-cyan-500-20:hover{background-color:#00f5ff66}.bg-green-500-20:hover{background-color:#4ade8066}.bg-blue-500-20:hover{background-color:#60a5fa66}.bg-purple-500-20:hover{background-color:#c084fc66}.bg-orange-500-20:hover{background-color:#fb923c66}.bg-red-500-20:hover{background-color:#f8717166}.bg-gray-800-50:hover{background-color:#00f5ff1a}.hover-text-cyan-400:hover{color:#00f5ff}.hover-text-cyan-300:hover{color:#00f5ffcc}.hover-border-cyan-400:hover{border-color:#00f5ff}.card-base{background-color:#0006;padding:24px}.card-base,.card-base-lg{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #00f5ff4d;border-radius:16px;box-shadow:0 25px 50px -12px #00000040}.card-base-lg{background-color:#0009;padding:48px}.btn-gradient-primary{background:linear-gradient(90deg,#00f5ff80,#3b82f680);border:1px solid #00f5ff80;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-gradient-primary:hover{box-shadow:0 0 20px #00f5ff80}.btn-secondary{background-color:#0006;border:1px solid #00f5ff33;border-radius:8px;color:#c1cfe6cc;cursor:pointer;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background-color:#0009;color:#00f5ff}.section-title{color:#00f5ff;font-size:18px;font-weight:700;margin-bottom:16px}.app-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#00000080;border-bottom:1px solid #00f5ff33;padding:16px;position:relative}.media-item{background-color:#0000004d;border:1px solid #00f5ff33;border-radius:8px;min-height:160px;overflow:hidden;position:relative}@media (min-width:768px){.media-item{min-height:200px}}@media (min-width:1024px){.media-item{min-height:220px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:50}.grid-background{background-image:linear-gradient(#00f5ff05 1px,#0000 0),linear-gradient(90deg,#00f5ff05 1px,#0000 0);background-size:60px 60px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hidden{display:none}.cursor-pointer{cursor:pointer}accent-cyan-500{accent-color:#00f5ff}.btn-base{align-items:center;border:none;cursor:pointer;display:inline-flex;justify-content:center;outline:none}.view-toggle-group{background-color:#0006;border:1px solid #00f5ff4d;border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#c1cfe699;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.view-toggle-btn:hover{background-color:#00f5ff33;color:#00f5ff}.view-toggle-btn.active{box-shadow:0 0 15px #00f5ff80}.play-btn,.view-toggle-btn.active{background:linear-gradient(90deg,#00f5ff80,#3b82f680);color:#fff}.play-btn{align-items:center;border:1px solid #00f5ff80;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.play-btn:hover{box-shadow:0 0 20px #00f5ff99}.back-btn{align-items:center;background:#0000;border:none;color:#00f5ff;cursor:pointer;display:flex;gap:8px;transition:color .3s ease}.back-btn:hover{color:#00f5ffcc}.back-btn .icon{transition:transform .3s ease}.back-btn:hover .icon{transform:translateX(-4px)}.stage-btn{align-items:center;background-color:#0006;border:1px solid #00f5ff33;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-height:120px;overflow:visible;padding:16px 16px 12px;position:relative;transition:all .3s ease}.stage-btn:hover{background-color:#0009;border-color:#00f5ff80}.stage-btn.active{background:linear-gradient(135deg,#00f5ff33,#3b82f633);border:2px solid #00f5ff;box-shadow:0 0 20px #00f5ff66}.stage-container:hover .stage-delete-btn{opacity:1}.media-grid{grid-gap:16px;display:grid;gap:16px;margin-top:16px}.events-container{scrollbar-color:#00f5ff4d #0000001a;scrollbar-width:thin}.events-container::-webkit-scrollbar{width:8px}.events-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.events-container::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:4px}.events-container::-webkit-scrollbar-thumb:hover{background:#00f5ff80}@media (min-width:768px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hover-overlay{align-items:center;background-color:#000000b3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.media-item:hover .hover-overlay{opacity:1}.media-item img{transition:transform .3s ease}.media-item:hover img{transform:scale(1.05)}.hover-overlay button{align-items:center;background:linear-gradient(90deg,#00f5ff99,#3b82f699);border:1px solid #00f5ff99;border-radius:50%;box-shadow:0 0 20px #00f5ff80;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.hover-overlay button:hover{background:linear-gradient(90deg,#00f5ffcc,#3b82f6cc);box-shadow:0 0 30px #00f5ffb3;transform:scale(1.1)}.privacy-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border:1px solid #00f5ff4d;border-radius:50%;color:#00f5ff;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.space-y-4>*+*{margin-top:16px}.stage-buttons-list{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.input-field{background-color:#0006;border:1px solid #00f5ff4d;border-radius:8px;color:#c1d5f2;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.input-field::placeholder{color:#c1cfe666}.input-field:focus{ring:2px solid #00f5ff80;border-color:#0000}.upload-area{background-color:#0003;border:2px dashed #00f5ff66;border-radius:12px;padding:32px;text-align:center;transition:background-color .3s ease}.privacy-btn,.upload-area:hover{background-color:#0000004d}.privacy-btn{align-items:center;border:1px solid #00f5ff4d;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:all .3s ease}.privacy-btn:hover{background-color:#00f5ff1a;border-color:#00f5ff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-scaleIn{animation:scaleIn .5s ease-out}.animate-spin{animation:spin 1s linear infinite}.input-group{margin-bottom:24px;position:relative}.input-icon{color:#00f5ff99;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-input{background-color:#0006;border:1px solid #00f5ff4d;border-radius:12px;color:#c1d5f2;font-size:16px;outline:none;padding:16px 50px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#00f5ff;box-shadow:0 0 10px #00f5ff4d}.form-input::placeholder{color:#c1cfe666}.form-input.error{border:2px solid #ef4444;box-shadow:0 0 10px #ef44444d}.password-toggle{background:none;border:none;color:#00f5ff99;cursor:pointer;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#00f5ff}.error-message{color:#ef4444;font-size:12px;gap:4px;margin-top:6px}.error-message,.submit-btn{align-items:center;display:flex}.submit-btn{background:linear-gradient(135deg,#00f5ff80,#3b82f680);border:none;border-radius:12px;box-shadow:0 0 30px #00f5ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 0 40px #00f5ff80;transform:scale(1.02)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn-glow{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);inset:0;position:absolute}@media (max-width:639px){body{font-size:14px}.text-7xl{font-size:48px}.text-3xl{font-size:24px}.text-2xl{font-size:20px}.container{padding:0 12px}.p-12{padding:32px 12px}.media-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:640px) and (max-width:767px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (max-width:1023px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){nav{display:none}.mobile-nav{display:flex!important}.modal-overlay{align-items:flex-end;padding:0}.modal-overlay>*{border-radius:24px 24px 0 0;max-width:100%;width:100%}}@media (min-width:768px){.mobile-nav{display:none!important}}@media (hover:none) and (pointer:coarse){.btn-hover:hover,.card-hover:hover{transform:none}}@media (max-width:767px) and (orientation:landscape){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (padding:env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}}