@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";.landing-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#16161f,#1a1a2e);color:#fff;overflow-x:hidden;position:relative}.landing-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.bg-circle-1{width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.bg-circle-2{width:200px;height:200px;top:60%;right:10%;animation-delay:-7s}.bg-circle-3{width:150px;height:150px;bottom:20%;left:50%;animation-delay:-14s}.bg-shape{position:absolute;background:linear-gradient(45deg,#8b5cf614,#ec489914);animation:rotate 30s linear infinite}.bg-shape-1{width:80px;height:80px;top:30%;right:20%;transform:rotate(45deg)}.bg-shape-2{width:60px;height:60px;bottom:40%;left:20%;transform:rotate(-45deg);animation-delay:-15s}.menu-toggle{position:fixed;top:2rem;right:2rem;width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;z-index:1002;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .3s ease}.menu-toggle:hover{background:#ffffff26;transform:scale(1.05)}.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu{position:fixed;top:0;right:0;width:400px;height:100vh;background:#10101ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .4s ease;z-index:1001;display:flex;flex-direction:column}.menu.open{transform:translate(0)}.menu-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.menu-header h3{font-size:1.5rem;font-weight:600;margin:0;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .3s ease}.menu-close:hover{background:#ffffff1a}.menu-content{flex:1;padding:1rem;overflow-y:auto}.menu-item{margin-bottom:1rem}.menu-item.disabled{opacity:.6}.menu-link{display:flex;align-items:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease}.menu-item:not(.disabled) .menu-link:hover{background:#ffffff1a;border-color:#6366f180;transform:translateY(-2px)}.menu-icon{font-size:2rem;margin-right:1rem;min-width:60px;display:flex;align-items:center;justify-content:center}.menu-text h4{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.menu-text p{font-size:.875rem;color:#ffffffb3;margin:0 0 .5rem;line-height:1.4}.build-count{font-size:.75rem;color:#6366f1;font-weight:500}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000}.landing-main{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.hero-section{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 2rem}.hero-content{width:100%;max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.9;margin:0 0 3rem;letter-spacing:-.02em}.title-line{display:block;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-line.highlight{background:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.hero-subtitle{font-size:1.25rem;color:#fffc;margin:0 0 3rem;line-height:1.6;max-width:500px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:180px}.cta-button.primary{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-visual{flex:1;position:relative;height:500px;display:flex;align-items:center;justify-content:center}.floating-elements{position:relative;width:100%;height:100%}.floating-card{position:absolute;width:120px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;animation:cardFloat 6s ease-in-out infinite}.card-1{top:20%;left:20%;animation-delay:0s}.card-2{top:50%;right:10%;animation-delay:-2s}.card-3{bottom:20%;left:50%;transform:translate(-50%);animation-delay:-4s}.card-header{font-size:1.5rem;margin-bottom:.5rem}.card-line{height:3px;background:#ffffff4d;border-radius:2px;margin-bottom:.25rem}.card-line.short{width:60%}.card-circle{width:20px;height:20px;background:#8b5cf680;border-radius:50%;margin-bottom:.5rem}.card-circles{display:flex;gap:.25rem}.mini-circle{width:6px;height:6px;background:#fff6;border-radius:50%}.card-progress{height:4px;background:#fff3;border-radius:2px;margin-bottom:.5rem;overflow:hidden}.progress-bar{height:100%;width:60%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px}.card-dots{display:flex;gap:.25rem}.dot{width:4px;height:4px;background:#fff6;border-radius:50%}.features-section{padding:4rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.feature-card:hover{background:#ffffff14;transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.feature-card p{color:#ffffffb3;line-height:1.6;margin:0}.landing-footer{padding:2rem 4rem;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:#fff9;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 1024px){.hero-section{flex-direction:column;text-align:center;padding:2rem;gap:2rem}.hero-visual{height:300px}.floating-card{width:100px;height:70px;padding:.75rem}.card-header{font-size:1.25rem;margin-bottom:.4rem}.menu{width:320px}}@media (max-width: 768px){.menu{width:100%}.menu-toggle{top:1rem;right:1rem}.hero-section{padding:1rem;min-height:90vh;top:62%}.features-section{padding:2rem 1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.landing-footer{padding:2rem 1rem}.cta-button{min-width:140px;padding:.875rem 1.5rem}.bg-circle-1{width:200px;height:200px;top:5%;left:5%}.bg-circle-2{width:150px;height:150px;top:70%;right:5%}.bg-circle-3{width:100px;height:100px;bottom:15%;left:45%}.bg-shape-1{width:50px;height:50px;top:25%;right:15%}.bg-shape-2{width:40px;height:40px;bottom:35%;left:15%}}@media (max-width: 480px){.hero-section{top:65%}.hero-actions{flex-direction:column;width:100%}.cta-button{width:100%}.hero-visual{height:250px}.floating-card{width:90px;height:65px;padding:.6rem}.card-header{font-size:1.1rem;margin-bottom:.3rem}.card-1{top:15%;left:10%}.card-2{top:55%;right:8%}.card-3{bottom:15%;left:45%}.bg-circle-1{width:120px;height:120px;top:8%;left:8%}.bg-circle-2{width:100px;height:100px;top:75%;right:8%}.bg-circle-3{width:80px;height:80px;bottom:20%;left:50%}.bg-shape-1{width:35px;height:35px;top:30%;right:20%}.bg-shape-2{width:30px;height:30px;bottom:40%;left:20%}}.project-page{height:100vh;background:linear-gradient(135deg,#0a0a0f,#16161f,#1a1a2e);color:#fff;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:manipulation}.project-page.error{display:flex;align-items:center;justify-content:center}.error-content{text-align:center;padding:2rem}.error-content h1{font-size:2rem;margin-bottom:1rem}.project-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-gradient{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);animation:float 25s ease-in-out infinite}.bg-gradient-1{width:400px;height:400px;top:20%;left:10%;animation-delay:0s}.bg-gradient-2{width:300px;height:300px;bottom:20%;right:10%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);animation-delay:-12s}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,30px 30px;background-position:0 0,25px 25px}.project-header{position:relative;z-index:1;padding:2rem 4rem 1rem}.project-nav{margin-bottom:1.5rem}.back-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-2px)}.project-intro{max-width:800px;margin:0 auto;text-align:center}.project-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin:0;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.project-description{font-size:1.25rem;color:#fffc;line-height:1.6;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.project-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat{color:#ffffffb3;font-size:.875rem}.stat strong{color:#6366f1}.builds-section{position:relative;z-index:1;padding:2rem 4rem 4rem}.builds-title{font-size:2rem;font-weight:700;text-align:center;margin:0 0 3rem;background:linear-gradient(45deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.builds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.build-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.build-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.build-card:hover:before{opacity:1}.build-card:hover{transform:translateY(-8px);border-color:#6366f14d;box-shadow:0 20px 40px #0000004d}.build-thumbnail{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.thumbnail-icon{font-size:3rem;line-height:1}.thumbnail-colors{display:flex;gap:.5rem}.color-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.build-content{flex:1;margin-bottom:1.5rem}.build-name{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#fff}.build-description{color:#fffc;line-height:1.6;margin:0 0 1.5rem}.build-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.25rem .75rem;background:#6366f133;color:#a5b4fc;border-radius:16px;font-size:.75rem;font-weight:500;border:1px solid rgba(99,102,241,.3)}.build-action{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:12px;margin:-.5rem;transition:all .3s ease}.build-card:hover .build-action{background:#6366f133;border-color:#6366f166}.action-text{font-weight:600;color:#fff}.action-arrow{font-size:1.25rem;color:#6366f1;transition:transform .3s ease}.build-card:hover .action-arrow{transform:translate(4px)}.project-footer{position:relative;z-index:1;padding:3rem 4rem 2rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-content p{color:#fff9;margin:0 0 1rem}.footer-links{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff6}.footer-links a{color:#6366f1;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#8b5cf6}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}@media (max-width: 1024px){.builds-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.project-header,.builds-section,.project-footer{padding-left:2rem;padding-right:2rem}.builds-grid{grid-template-columns:1fr;gap:1.5rem}.project-stats{flex-direction:column;gap:.5rem}.thumbnail-colors{gap:.25rem}.color-dot{width:12px;height:12px}}@media (max-width: 480px){.project-header,.builds-section,.project-footer{padding-left:1rem;padding-right:1rem}.build-card{padding:1.5rem}.thumbnail-icon{font-size:2.5rem}.build-features{gap:.25rem}.feature-tag{font-size:.7rem;padding:.2rem .6rem}}.version-switcher{position:fixed;top:1rem;right:1rem;z-index:1000}.version-toggle{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:12px;padding:.75rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-glass)}.version-toggle:hover{background:#ffffff26;transform:scale(1.05)}.version-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;min-width:320px;max-width:400px;box-shadow:var(--shadow-glass);overflow:hidden;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-subtle)}.dropdown-header h4{margin:0;color:var(--text-primary);font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:var(--text-primary)}.version-list{max-height:300px;overflow-y:auto}.version-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease;text-align:left}.version-option:hover{background:#ffffff0d}.version-option.active{background:#ffffff1a}.version-option:last-child{border-bottom:none}.version-info{flex:1}.version-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem;font-size:.9rem}.version-desc{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem;line-height:1.4}.version-theme{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.current-badge{background:var(--accent-primary);color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dropdown-footer{padding:1rem;border-top:1px solid var(--border-subtle);background:#ffffff05}.dropdown-footer p{margin:0;color:var(--text-muted);font-size:.75rem;line-height:1.4}.dropdown-footer code{background:#ffffff1a;padding:.125rem .25rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;color:var(--accent-tertiary)}@media (max-width: 768px){.version-switcher{top:.75rem;right:.75rem}.version-toggle{padding:.5rem}.version-dropdown{min-width:280px;max-width:calc(100vw - 2rem)}.dropdown-footer{padding:.75rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #16161f;--bg-card: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .08);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--accent-pink: #ec4899;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .1);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);color:var(--text-primary);overflow-x:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch}html,body{margin:0;padding:0;height:auto}#root{width:100vw}.app{display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;touch-action:manipulation}.back-button-home{position:fixed;top:1rem;left:1rem;z-index:1000;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.back-button-home:hover{background:#ffffff1a;color:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 24px #0003}.app-header{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6,#ec4899e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);color:#fff;padding:1rem;text-align:center;flex-shrink:0;z-index:100;position:relative}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f11a,#8b5cf61a,#ec48991a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1}.app-header h1{font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.025em;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-main{display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:100%;overflow-x:hidden}.pool-section{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:24px;border:1px solid var(--border-subtle);padding:1.5rem;box-shadow:var(--shadow-glass);flex-shrink:0;position:relative}.pool-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.pool-section.drag-over{border-color:var(--accent-primary);background:#6366f11a;box-shadow:0 0 0 1px #6366f180,var(--shadow-glass);transform:scale(1.01)}.pool-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:center;letter-spacing:-.025em}.pool-categories{display:flex;flex-direction:column;gap:1rem}.pool-category{background:#ffffff08;border-radius:16px;padding:1rem;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.pool-category:hover{background:#ffffff0d;border-color:#ffffff26}.pool-category h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.pool-items{display:flex;flex-wrap:wrap;gap:.5rem}.weekly-bins{display:flex;flex-wrap:wrap;gap:1rem}.week-bin{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid var(--border-subtle);padding:1.25rem;flex:1;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:250px;min-height:200px;display:flex;flex-direction:column}.week-bin:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.week-bin.drag-over{border-color:var(--accent-tertiary);background:#06b6d41a;box-shadow:0 0 0 1px #06b6d480,var(--shadow-glass);transform:translateY(-4px) scale(1.02)}.week-bin h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;letter-spacing:-.025em;flex-shrink:0}.week-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.drag-item{padding:.875rem 1.25rem;border-radius:16px;font-size:.875rem;font-weight:500;cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;flex-shrink:0;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.week-items .drag-item{font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.5rem,1.5vw,.875rem) clamp(.75rem,2vw,1.25rem);min-height:clamp(32px,5vw,44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.week-items:has(.drag-item:nth-child(6)) .drag-item{font-size:clamp(.7rem,1.8vw,.8rem);padding:clamp(.4rem,1.2vw,.75rem) clamp(.6rem,1.8vw,1rem)}.week-items:has(.drag-item:nth-child(10)) .drag-item{font-size:clamp(.65rem,1.6vw,.75rem);padding:clamp(.3rem,1vw,.5rem) clamp(.5rem,1.5vw,.875rem)}.week-items:has(.drag-item:nth-child(15)) .drag-item{font-size:clamp(.6rem,1.4vw,.7rem);padding:clamp(.25rem,.8vw,.4rem) clamp(.4rem,1.2vw,.75rem)}.drag-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);z-index:0}.drag-item span{position:relative;z-index:1}.drag-item:active{cursor:grabbing}.drag-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.drag-item.is-dragging{transform:rotate(3deg) scale(1.05);box-shadow:0 20px 40px #0006;z-index:1000}.drag-item.person{background:linear-gradient(135deg,#6366f1cc,#8b5cf6e6);color:#fff;box-shadow:0 4px 20px #6366f14d}.drag-item.person:hover{box-shadow:0 8px 32px #6366f166}.drag-item.activity{background:linear-gradient(135deg,#ec4899cc,#fb7185e6);color:#fff;box-shadow:0 4px 20px #ec48994d}.drag-item.activity:hover{box-shadow:0 8px 32px #ec489966}@media (max-width: 768px){.app-main{padding:1rem;gap:1rem}.pool-section,.week-bin{padding:1rem}.drag-item{padding:.75rem 1rem;font-size:.8rem;min-height:40px}.pool-category h3{font-size:.8rem;margin-bottom:.5rem}.week-bin h3{font-size:.9rem;margin-bottom:.75rem}.app-header h1{font-size:1.25rem}.back-button-home{width:2.25rem;height:2.25rem;font-size:.9rem}}@media (max-width: 480px){.app-main{padding:.75rem}.weekly-bins,.pool-categories{gap:.75rem}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{color:var(--text-muted);font-style:italic;text-align:center;padding:1.5rem;font-size:.875rem;border:2px dashed rgba(255,255,255,.1);border-radius:12px;background:#ffffff05;transition:all .3s ease}.empty-state:hover{border-color:#fff3;background:#ffffff0d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.app[data-version=cyber-punk]{font-family:Rajdhani,Inter,sans-serif;background:var(--bg-primary);background-image:var(--bg-gradient);position:relative;overflow:hidden;height:100dvh;display:flex;flex-direction:column}.app[data-version=cyber-punk]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,200,.01) 2px,rgba(0,255,200,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,200,.01) 2px,rgba(0,255,200,.01) 4px);pointer-events:none;z-index:1}.app[data-version=cyber-punk] .app-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:1rem;position:relative;z-index:10;flex-shrink:0}.app[data-version=cyber-punk] .app-header:before{content:"";position:absolute;top:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),var(--accent-primary),transparent);animation:neonPulse 2s ease-in-out infinite alternate}.app[data-version=cyber-punk] .app-header:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-tertiary),transparent)}.app[data-version=cyber-punk] .app-header h1{font-family:Orbitron,monospace;font-weight:900;font-size:1.5rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-primary);text-shadow:var(--neon-glow);position:relative;text-align:center;margin:0;animation:textGlow 3s ease-in-out infinite alternate}.app[data-version=cyber-punk] .app-main{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:100%;overflow:hidden;min-height:0}.app[data-version=cyber-punk] .pool-section{background:transparent;border:2px solid var(--border-subtle);border-radius:0;position:relative;padding:1.5rem;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;flex-shrink:0;overflow:hidden}.app[data-version=cyber-punk] .pool-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-primary));z-index:-1;border-radius:0;opacity:.3;filter:blur(4px)}.app[data-version=cyber-punk] .pool-section h2{font-family:Orbitron,monospace;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;text-align:left;margin-bottom:2rem;font-size:1.2rem;text-shadow:0 0 10px var(--accent-primary)}.app[data-version=cyber-punk] .pool-categories{display:flex;flex-direction:column;gap:1rem}.app[data-version=cyber-punk] .pool-category{background:transparent;border:1px solid var(--border-subtle);border-radius:0;padding:1rem;position:relative;transition:all .3s ease}.app[data-version=cyber-punk] .pool-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-secondary);transform:scaleX(0);transition:transform .3s ease}.app[data-version=cyber-punk] .pool-category:hover:before{transform:scaleX(1)}.app[data-version=cyber-punk] .pool-category:hover{border-color:var(--accent-primary);box-shadow:inset 0 0 20px #00ffc81a}.app[data-version=cyber-punk] .pool-category h3{font-family:Orbitron,monospace;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:.9rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.app[data-version=cyber-punk] .drag-item{background:transparent;border:1px solid var(--border-subtle);border-radius:0;padding:1rem 1.5rem;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;position:relative;transition:all .3s ease;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--text-primary);cursor:grab}.app[data-version=cyber-punk] .drag-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.app[data-version=cyber-punk] .drag-item:hover:before{opacity:1}.app[data-version=cyber-punk] .drag-item:hover{border-color:var(--accent-primary);color:var(--accent-primary);text-shadow:0 0 10px var(--accent-primary);transform:translateY(-2px)}.app[data-version=cyber-punk] .drag-item.person{border-left:3px solid var(--accent-primary)}.app[data-version=cyber-punk] .drag-item.person:hover{box-shadow:0 0 20px #00ffc84d}.app[data-version=cyber-punk] .drag-item.activity{border-left:3px solid var(--accent-secondary)}.app[data-version=cyber-punk] .drag-item.activity:hover{border-color:var(--accent-secondary);color:var(--accent-secondary);text-shadow:0 0 10px var(--accent-secondary);box-shadow:0 0 20px #ff00804d}.app[data-version=cyber-punk] .drag-item.is-dragging{border-color:var(--accent-tertiary);color:var(--accent-tertiary);text-shadow:0 0 15px var(--accent-tertiary);box-shadow:0 0 30px #8000ff80;transform:rotate(2deg) scale(1.05)}.app[data-version=cyber-punk] .weekly-bins{flex:1;display:flex;gap:1rem;min-height:0;overflow:hidden}.app[data-version=cyber-punk] .week-bin{background:transparent;border:2px solid var(--border-subtle);border-radius:0;padding:1.25rem;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;transition:all .3s ease;flex:1;min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column}.app[data-version=cyber-punk] .week-bin:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary));opacity:0;transition:opacity .3s ease}.app[data-version=cyber-punk] .week-bin.drag-over{border-color:var(--accent-primary);box-shadow:inset 0 0 30px #00ffc81a,0 0 20px #00ffc833;transform:scale(1.02)}.app[data-version=cyber-punk] .week-bin.drag-over:before{opacity:1}.app[data-version=cyber-punk] .week-bin h3{font-family:Orbitron,monospace;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.2em;text-align:center;margin-bottom:1rem;font-size:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem;position:relative;flex-shrink:0}.app[data-version=cyber-punk] .week-bin h3:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:50px;height:2px;background:var(--accent-tertiary)}.app[data-version=cyber-punk] .week-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.app[data-version=cyber-punk] .week-items .drag-item{font-size:clamp(.75rem,2vw,1rem);padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);min-height:clamp(32px,5vw,44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app[data-version=cyber-punk] .week-items:has(.drag-item:nth-child(6)) .drag-item{font-size:clamp(.7rem,1.8vw,.9rem);padding:clamp(.4rem,1.2vw,.8rem) clamp(.6rem,1.8vw,1.2rem)}.app[data-version=cyber-punk] .week-items:has(.drag-item:nth-child(10)) .drag-item{font-size:clamp(.65rem,1.6vw,.8rem);padding:clamp(.3rem,1vw,.6rem) clamp(.5rem,1.5vw,1rem)}.app[data-version=cyber-punk] .week-items:has(.drag-item:nth-child(15)) .drag-item{font-size:clamp(.6rem,1.4vw,.75rem);padding:clamp(.25rem,.8vw,.4rem) clamp(.4rem,1.2vw,.8rem)}.app[data-version=cyber-punk] .version-toggle{background:transparent;border:1px solid var(--border-subtle);border-radius:0;color:var(--accent-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-version=cyber-punk] .version-toggle:hover{border-color:var(--accent-primary);box-shadow:0 0 15px #00ffc84d;color:var(--accent-primary)}@keyframes neonPulse{0%{opacity:.5;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.2)}}@keyframes textGlow{0%{text-shadow:0 0 20px var(--accent-primary)}to{text-shadow:0 0 30px var(--accent-primary),0 0 40px var(--accent-secondary)}}@keyframes dataFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.app[data-version=cyber-punk] .pool-categories{grid-template-columns:1fr;gap:1rem}.app[data-version=cyber-punk] .app-header h1{font-size:1.5rem;letter-spacing:.2em}.app[data-version=cyber-punk] .pool-section,.app[data-version=cyber-punk] .weekly-bins{margin:0 .5rem}}.app[data-version=moving-background]{font-family:Inter,sans-serif;background:var(--bg-primary);position:relative;overflow:hidden;height:100dvh;display:flex;flex-direction:column}.app[data-version=moving-background]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,var(--geometric-color-1) 2px,transparent 2px),radial-gradient(circle at 70% 80%,var(--geometric-color-2) 1.5px,transparent 1.5px),radial-gradient(circle at 90% 20%,var(--geometric-color-3) 2.5px,transparent 2.5px),radial-gradient(circle at 30% 90%,var(--geometric-color-4) 1px,transparent 1px),radial-gradient(circle at 60% 40%,var(--geometric-color-5) 3px,transparent 3px),linear-gradient(45deg,transparent 48%,var(--geometric-color-1) 49%,var(--geometric-color-1) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,var(--geometric-color-2) 49%,var(--geometric-color-2) 51%,transparent 52%);background-size:120px 120px,80px 80px,150px 150px,60px 60px,200px 200px,100px 100px,100px 100px;background-position:0 0,40px 40px,20px 80px,80px 20px,60px 60px,0 0,50px 50px;opacity:.15;animation:floatPattern 20s ease-in-out infinite;pointer-events:none;z-index:-1}.app[data-version=moving-background]:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%),polygon(30% 40%,70% 40%,70% 60%,30% 60%),polygon(25% 25%,75% 25%,50% 75%);background-size:80px 80px,60px 60px,100px 100px;background-position:100px 50px,200px 150px,50px 200px;opacity:.08;animation:rotatePattern 30s linear infinite;pointer-events:none;z-index:-1}.app[data-version=moving-background] .app-header{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;margin:1rem;padding:1.5rem;flex-shrink:0;position:relative;overflow:hidden}.app[data-version=moving-background] .app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}.app[data-version=moving-background] .app-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0;letter-spacing:-.025em;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.app[data-version=moving-background] .app-main{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:100%;overflow:hidden;min-height:0}.app[data-version=moving-background] .pool-section{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-glass)}.app[data-version=moving-background] .pool-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--geometric-color-1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--geometric-color-3) 1.5px,transparent 1.5px),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.1) 49%,rgba(255,255,255,.1) 51%,transparent 52%);background-size:50px 50px,60px 60px,40px 40px;background-position:0 0,30px 30px,20px 20px;opacity:.3;animation:floatPattern 15s ease-in-out infinite reverse;pointer-events:none}.app[data-version=moving-background] .pool-section.drag-over{background:#ffffff59;transform:scale(1.01);box-shadow:0 10px 40px #00000026}.app[data-version=moving-background] .pool-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:1rem;letter-spacing:-.025em;position:relative}.app[data-version=moving-background] .pool-categories{display:flex;flex-direction:column;gap:1rem}.app[data-version=moving-background] .pool-category{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.app[data-version=moving-background] .pool-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.app[data-version=moving-background] .pool-category:hover:before{left:100%}.app[data-version=moving-background] .pool-category:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.app[data-version=moving-background] .pool-category h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.app[data-version=moving-background] .pool-items{display:flex;flex-wrap:wrap;gap:.75rem}.app[data-version=moving-background] .drag-item{background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;box-shadow:var(--shadow-card)}.app[data-version=moving-background] .drag-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.app[data-version=moving-background] .drag-item:hover:before{left:100%}.app[data-version=moving-background] .drag-item:hover{background:#ffffff59;border-color:#fff6;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000026}.app[data-version=moving-background] .drag-item:active{cursor:grabbing}.app[data-version=moving-background] .drag-item.is-dragging{background:#fff6;transform:rotate(2deg) scale(1.05);box-shadow:0 15px 40px #0003;z-index:1000}.app[data-version=moving-background] .drag-item.person{border-left:3px solid var(--geometric-color-1)}.app[data-version=moving-background] .drag-item.activity{border-left:3px solid var(--geometric-color-3)}.app[data-version=moving-background] .weekly-bins{flex:1;display:flex;gap:1rem;min-height:0;overflow:hidden}.app[data-version=moving-background] .week-bin{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;flex:1;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-glass);min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column}.app[data-version=moving-background] .week-bin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 70%,var(--geometric-color-2) 1px,transparent 1px),radial-gradient(circle at 80% 30%,var(--geometric-color-4) 1.5px,transparent 1.5px),linear-gradient(135deg,transparent 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,transparent 52%);background-size:40px 40px,50px 50px,30px 30px;background-position:0 0,25px 25px,15px 15px;opacity:.4;animation:rotatePattern 25s linear infinite;pointer-events:none}.app[data-version=moving-background] .week-bin.drag-over{background:#ffffff59;border-color:#ffffff80;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0003}.app[data-version=moving-background] .week-bin.drag-over:before{opacity:.6;animation-duration:10s}.app[data-version=moving-background] .week-bin h3{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:1rem;letter-spacing:-.025em;position:relative;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem;flex-shrink:0}.app[data-version=moving-background] .week-bin h3:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,var(--geometric-color-1),var(--geometric-color-3));border-radius:1px}.app[data-version=moving-background] .week-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.app[data-version=moving-background] .week-items .drag-item{font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);min-height:clamp(32px,5vw,44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app[data-version=moving-background] .week-items:has(.drag-item:nth-child(6)) .drag-item{font-size:clamp(.7rem,1.8vw,.8rem);padding:clamp(.4rem,1.2vw,.8rem) clamp(.6rem,1.8vw,1.2rem)}.app[data-version=moving-background] .week-items:has(.drag-item:nth-child(10)) .drag-item{font-size:clamp(.65rem,1.6vw,.75rem);padding:clamp(.3rem,1vw,.6rem) clamp(.5rem,1.5vw,1rem)}.app[data-version=moving-background] .version-toggle{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary)}.app[data-version=moving-background] .version-toggle:hover{background:#ffffff59;border-color:#fff6;transform:scale(1.05)}@media (max-width: 768px){.app[data-version=moving-background] .app-main{padding:0 .75rem .75rem;gap:1rem}.app[data-version=moving-background] .app-header{margin:.75rem;padding:1rem}.app[data-version=moving-background] .app-header h1{font-size:1.5rem}.app[data-version=moving-background] .pool-section,.app[data-version=moving-background] .week-bin{padding:1rem}.app[data-version=moving-background] .weekly-bins{gap:.75rem}}@media (max-width: 480px){.app[data-version=moving-background] .weekly-bins{flex-direction:column;min-height:auto}.app[data-version=moving-background] .week-bin{min-height:120px}}.app[data-version=moving-shapes]{font-family:Inter,sans-serif;background:var(--bg-primary);position:relative;overflow:hidden;height:100dvh;display:flex;flex-direction:column}.app[data-version=moving-shapes] .app-header{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;margin:1rem;padding:1.5rem;flex-shrink:0;position:relative;overflow:hidden}.app[data-version=moving-shapes] .app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}.app[data-version=moving-shapes] .app-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0;letter-spacing:-.025em;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;z-index:1}.app[data-version=moving-shapes] .app-main{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:100%;overflow:hidden;min-height:0}.app[data-version=moving-shapes] .pool-section{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-glass)}.app[data-version=moving-shapes] .pool-section.drag-over{background:#ffffff59;transform:scale(1.01);box-shadow:0 10px 40px #00000026}.app[data-version=moving-shapes] .pool-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:1rem;letter-spacing:-.025em;position:relative}.app[data-version=moving-shapes] .pool-categories{display:flex;flex-direction:column;gap:1rem}.app[data-version=moving-shapes] .pool-category{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1rem;transition:all .3s ease;position:relative;overflow:hidden}.app[data-version=moving-shapes] .pool-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.app[data-version=moving-shapes] .pool-category:hover:before{left:100%}.app[data-version=moving-shapes] .pool-category:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.app[data-version=moving-shapes] .pool-category h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.app[data-version=moving-shapes] .pool-items{display:flex;flex-wrap:wrap;gap:.75rem}.app[data-version=moving-shapes] .drag-item{background:var(--bg-glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-subtle);border-radius:12px;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;box-shadow:var(--shadow-card)}.app[data-version=moving-shapes] .drag-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.app[data-version=moving-shapes] .drag-item:hover:before{left:100%}.app[data-version=moving-shapes] .drag-item:hover{background:#ffffff59;border-color:#fff6;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00000026}.app[data-version=moving-shapes] .drag-item:active{cursor:grabbing}.app[data-version=moving-shapes] .drag-item.is-dragging{background:#fff6;transform:rotate(2deg) scale(1.05);box-shadow:0 15px 40px #0003;z-index:1000}.app[data-version=moving-shapes] .drag-item.person{border-left:3px solid var(--geometric-color-1)}.app[data-version=moving-shapes] .drag-item.activity{border-left:3px solid var(--geometric-color-3)}.app[data-version=moving-shapes] .weekly-bins{flex:1;display:flex;gap:1rem;min-height:0;overflow:hidden}.app[data-version=moving-shapes] .week-bin{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;padding:1.25rem;flex:1;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-glass);min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column}.app[data-version=moving-shapes] .week-bin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.app[data-version=moving-shapes] .week-bin.drag-over{background:#ffffff59;border-color:#ffffff80;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #0003}.app[data-version=moving-shapes] .week-bin.drag-over:before{opacity:1}.app[data-version=moving-shapes] .week-bin h3{font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:1rem;letter-spacing:-.025em;position:relative;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.75rem;flex-shrink:0}.app[data-version=moving-shapes] .week-bin h3:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,var(--geometric-color-1),var(--geometric-color-3));border-radius:1px}.app[data-version=moving-shapes] .week-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.app[data-version=moving-shapes] .week-items .drag-item{font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);min-height:clamp(32px,5vw,44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app[data-version=moving-shapes] .week-items:has(.drag-item:nth-child(6)) .drag-item{font-size:clamp(.7rem,1.8vw,.8rem);padding:clamp(.4rem,1.2vw,.8rem) clamp(.6rem,1.8vw,1.2rem)}.app[data-version=moving-shapes] .week-items:has(.drag-item:nth-child(10)) .drag-item{font-size:clamp(.65rem,1.6vw,.75rem);padding:clamp(.3rem,1vw,.6rem) clamp(.5rem,1.5vw,1rem)}.app[data-version=moving-shapes] .version-toggle{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary)}.app[data-version=moving-shapes] .version-toggle:hover{background:#ffffff59;border-color:#fff6;transform:scale(1.05)}@keyframes floatPattern{0%{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}to{transform:translate(0) rotate(360deg)}}@keyframes rotatePattern{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}50%{transform:translate(100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.app[data-version=moving-shapes] .app-main{padding:0 .75rem .75rem;gap:1rem}.app[data-version=moving-shapes] .app-header{margin:.75rem;padding:1rem}.app[data-version=moving-shapes] .app-header h1{font-size:1.5rem}.app[data-version=moving-shapes] .pool-section,.app[data-version=moving-shapes] .week-bin{padding:1rem}.app[data-version=moving-shapes] .weekly-bins{gap:.75rem}}@media (max-width: 480px){.app[data-version=moving-shapes] .weekly-bins{flex-direction:column;min-height:auto}.app[data-version=moving-shapes] .week-bin{min-height:120px}}.app[data-version=matte-tones]{font-family:Outfit,Inter,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e8f4f8,#f0e8f8);position:relative;overflow:hidden;height:100dvh;display:flex;flex-direction:column;color:#495057}.app[data-version=matte-tones]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(168,218,220,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(241,192,192,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(144,190,109,.06) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(206,212,218,.03) 50%,transparent 51%);background-size:200px 200px,150px 150px,180px 180px,100px 100px;background-position:0 0,100px 100px,50px 150px,50px 50px;pointer-events:none;z-index:-1}.app[data-version=matte-tones] .app-header{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(206,212,218,.3);border-radius:20px;margin:1.5rem;padding:2rem;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #49505714}.app[data-version=matte-tones] .app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(168,218,220,.6),rgba(144,190,109,.6),rgba(241,192,192,.6),rgba(134,142,150,.4),transparent)}.app[data-version=matte-tones] .app-header h1{font-size:1.875rem;font-weight:600;color:#495057;text-align:center;margin:0;letter-spacing:-.03em;position:relative}.app[data-version=matte-tones] .app-main{flex:1;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;max-width:100%;overflow:hidden;min-height:0}.app[data-version=matte-tones] .pool-section{background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(173,181,189,.2);border-radius:24px;padding:1.5rem;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 2px 16px #4950570f}.app[data-version=matte-tones] .pool-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#868e9699,#adb5bdcc,#868e9699);border-radius:2px}.app[data-version=matte-tones] .pool-section.drag-over{background:#ffffffe6;transform:scale(1.005);box-shadow:0 4px 24px #4950571f;border-color:#868e9666}.app[data-version=matte-tones] .pool-section h2{font-size:1.25rem;font-weight:500;color:#495057;text-align:center;margin-bottom:1.5rem;letter-spacing:-.02em;position:relative}.app[data-version=matte-tones] .pool-categories{display:flex;flex-direction:column;gap:1rem}.app[data-version=matte-tones] .pool-category{background:#f8f9facc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(206,212,218,.3);border-radius:18px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.app[data-version=matte-tones] .pool-category:hover{background:#ffffffe6;border-color:#adb5bd80;transform:translateY(-1px);box-shadow:0 2px 12px #49505714}.app[data-version=matte-tones] .pool-category h3{font-size:.875rem;font-weight:600;color:#6c757d;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;position:relative}.app[data-version=matte-tones] .pool-items{display:flex;flex-wrap:wrap;gap:.875rem}.app[data-version=matte-tones] .drag-item{background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(173,181,189,.25);border-radius:14px;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:#495057;cursor:grab;transition:all .25s ease;position:relative;overflow:hidden;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0;box-shadow:0 1px 8px #4950570f}.app[data-version=matte-tones] .drag-item:hover{background:#fffffff2;border-color:#868e9666;transform:translateY(-2px);box-shadow:0 4px 16px #4950571f}.app[data-version=matte-tones] .drag-item:active{cursor:grabbing}.app[data-version=matte-tones] .drag-item.is-dragging{background:#fffffffa;transform:rotate(1deg) scale(1.03);box-shadow:0 8px 24px #4950572e;z-index:1000}.app[data-version=matte-tones] .drag-item.person{border-left:4px solid #a8dadc;background:linear-gradient(135deg,#a8dadc33,#ffffffe6);color:#457b9d}.app[data-version=matte-tones] .drag-item.person:hover{border-left-color:#457b9d;background:linear-gradient(135deg,#a8dadc4d,#fffffff2);box-shadow:0 4px 16px #457b9d26;color:#2c5a6b}.app[data-version=matte-tones] .drag-item.activity{border-left:4px solid #f1c0c0;background:linear-gradient(135deg,#f1c0c033,#ffffffe6);color:#c77474}.app[data-version=matte-tones] .drag-item.activity:hover{border-left-color:#e63946;background:linear-gradient(135deg,#f1c0c04d,#fffffff2);box-shadow:0 4px 16px #e6394626;color:#b32d36}.app[data-version=matte-tones] .weekly-bins{flex:1;display:flex;gap:1.25rem;min-height:0;overflow:hidden}.app[data-version=matte-tones] .week-bin{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(173,181,189,.2);border-radius:20px;padding:1.25rem;flex:1;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 16px #4950570f;min-width:0;height:100%;max-height:100%;display:flex;flex-direction:column}.app[data-version=matte-tones] .week-bin:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,#868e9666,#adb5bd99,#868e9666);border-radius:1px}.app[data-version=matte-tones] .week-bin.drag-over{background:#ffffffd9;border-color:#868e9666;transform:translateY(-2px) scale(1.01);box-shadow:0 6px 24px #4950571f}.app[data-version=matte-tones] .week-bin.drag-over:before{background:linear-gradient(90deg,#457b9d99,#a8dadccc,#457b9d99)}.app[data-version=matte-tones] .week-bin h3{font-size:1rem;font-weight:600;color:#495057;text-align:center;margin-bottom:1rem;letter-spacing:-.025em;position:relative;border-bottom:1px solid rgba(206,212,218,.3);padding-bottom:.75rem;flex-shrink:0}.app[data-version=matte-tones] .week-bin h3:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,#a8dadccc,#f1c0c0cc);border-radius:1px}.app[data-version=matte-tones] .week-items{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0}.app[data-version=matte-tones] .week-items .drag-item{font-size:clamp(.75rem,2vw,.875rem);padding:clamp(.5rem,1.5vw,1rem) clamp(.75rem,2vw,1.5rem);min-height:clamp(32px,5vw,44px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app[data-version=matte-tones] .week-items:has(.drag-item:nth-child(6)) .drag-item{font-size:clamp(.7rem,1.8vw,.8rem);padding:clamp(.4rem,1.2vw,.875rem) clamp(.6rem,1.8vw,1.25rem)}.app[data-version=matte-tones] .week-items:has(.drag-item:nth-child(10)) .drag-item{font-size:clamp(.65rem,1.6vw,.75rem);padding:clamp(.3rem,1vw,.75rem) clamp(.5rem,1.5vw,1rem)}.app[data-version=matte-tones] .week-items:has(.drag-item:nth-child(15)) .drag-item{font-size:clamp(.6rem,1.4vw,.7rem);padding:clamp(.25rem,.8vw,.625rem) clamp(.4rem,1.2vw,.875rem)}.app[data-version=matte-tones] .version-toggle{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(173,181,189,.3);border-radius:12px;color:#495057}.app[data-version=matte-tones] .version-toggle:hover{background:#ffffffe6;border-color:#868e9680;transform:scale(1.02);box-shadow:0 2px 12px #49505714}@keyframes matteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes matteGlow{0%,to{box-shadow:0 2px 16px #4950570f}50%{box-shadow:0 4px 20px #4950571a}}.app[data-version=matte-tones] .pool-section,.app[data-version=matte-tones] .week-bin{animation:matteGlow 4s ease-in-out infinite}.app[data-version=matte-tones] ::-webkit-scrollbar{width:6px;height:6px}.app[data-version=matte-tones] ::-webkit-scrollbar-track{background:#ced4da33;border-radius:3px}.app[data-version=matte-tones] ::-webkit-scrollbar-thumb{background:#868e9666;border-radius:3px}.app[data-version=matte-tones] ::-webkit-scrollbar-thumb:hover{background:#868e9699}@media (max-width: 768px){.app[data-version=matte-tones] .app-main{padding:1rem;gap:1rem}.app[data-version=matte-tones] .app-header{margin:1rem;padding:1.5rem}.app[data-version=matte-tones] .app-header h1{font-size:1.625rem}.app[data-version=matte-tones] .pool-section,.app[data-version=matte-tones] .week-bin{padding:1rem}.app[data-version=matte-tones] .weekly-bins{gap:1rem}}@media (max-width: 480px){.app[data-version=matte-tones] .weekly-bins{flex-direction:column;min-height:auto}.app[data-version=matte-tones] .week-bin{min-height:140px}.app[data-version=matte-tones] .app-header{margin:.75rem;padding:1.25rem}}[data-version=float]{--primary-color: #3b82f6;--secondary-color: #06b6d4;--accent-color: #8b5cf6;--background-dark: #0f172a;--background-medium: #1e293b;--background-light: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--border-color: rgba(59, 130, 246, .3);--shadow-color: rgba(59, 130, 246, .2);--hover-bg: rgba(59, 130, 246, .1)}[data-version=float] .app{background:linear-gradient(135deg,var(--background-dark) 0%,var(--background-medium) 50%,var(--background-light) 100%);min-height:100vh;position:relative;overflow:hidden}[data-version=float] .app-header{padding:2rem;text-align:center;position:relative;z-index:10}[data-version=float] .app-header h1{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(59,130,246,.3)}[data-version=float] .app-main{position:relative;height:calc(100vh - 200px);padding:0 2rem}[data-version=float] .pool-section.unified-float-space{position:absolute;top:0;left:0;right:0;height:75%;padding:1rem;z-index:5}[data-version=float] .floating-items-container{position:relative;width:100%;height:100%;overflow:hidden}[data-version=float] .unified-float-space.drag-over{background:#3b82f60d;border:2px dashed rgba(59,130,246,.3);border-radius:20px}[data-version=float] .floating-item{position:absolute;width:120px;height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;cursor:grab;transition:all .4s ease;box-shadow:0 4px 20px #00000026;z-index:6;transform-origin:center;will-change:transform;animation:cardFloat 6s ease-in-out infinite}[data-version=float] .floating-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 25px #ffffff1a}[data-version=float] .floating-item.dragging{cursor:grabbing;z-index:100;transform:scale(1.08)!important;box-shadow:0 20px 60px #3b82f666;filter:brightness(1.2);animation:none}[data-version=float] .floating-item.locked{position:relative;transform:none!important;margin:.5rem;display:inline-block;width:auto;height:auto;min-height:44px;background:#06b6d426;border-color:var(--secondary-color);animation:none;padding:.875rem 1.25rem}[data-version=float] .item-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}[data-version=float] .item-text{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0;text-align:center}[data-version=float] .weekly-bins{position:absolute;bottom:0;left:0;right:0;height:22%;padding:1.5rem;display:flex;gap:1rem;overflow-x:auto;z-index:7;background:linear-gradient(to top,var(--background-dark) 0%,rgba(15,23,42,.8) 50%,transparent 100%)}[data-version=float] .week-bin{min-width:200px;background:#06b6d41a;border:2px dashed var(--secondary-color);border-radius:20px;padding:1.5rem;position:relative;transition:all .3s ease}[data-version=float] .week-bin:hover{background:#06b6d426;border-color:var(--secondary-color);box-shadow:0 8px 32px #06b6d433}[data-version=float] .week-bin.drag-over{background:#06b6d433;border-color:var(--secondary-color);border-style:solid;transform:scale(1.02);box-shadow:0 12px 40px #06b6d44d}[data-version=float] .week-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 1rem;text-align:center;background:linear-gradient(45deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-version=float] .week-items{min-height:60px;display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;align-content:flex-start}[data-version=float] .back-button-home{position:fixed;top:2rem;left:2rem;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafcb3;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;z-index:20}[data-version=float] .back-button-home:hover{background:#ffffff1a;color:#f8fafce6;transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}[data-version=float] .version-switcher{position:fixed;top:2rem;right:2rem;z-index:20}@keyframes cardFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes gentleBob{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-12px)}}@media (max-width: 768px){[data-version=float] .app-main{height:calc(100vh - 160px)}[data-version=float] .pool-section{height:65%;padding:1rem}[data-version=float] .weekly-bins{height:30%;padding:1rem;gap:.5rem}[data-version=float] .week-bin{min-width:150px;padding:1rem}[data-version=float] .floating-item{padding:.75rem}[data-version=float] .item-icon{font-size:1.25rem}[data-version=float] .item-text{font-size:.75rem}}@media (max-width: 480px){[data-version=float] .weekly-bins{flex-direction:column;height:35%;overflow-y:auto}[data-version=float] .week-bin{min-width:auto;width:100%}[data-version=float] .pool-section{height:60%}}.scenario-planner{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#f8fafc;padding:1rem 1rem 10rem;position:relative}.scenario-header{text-align:center;margin-bottom:2rem;position:relative}.back-button{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafcb3;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#ffffff1a;color:#f8fafce6;transform:translateY(-2px)}.scenario-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 .5rem;background:linear-gradient(45deg,#3b82f6,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scenario-subtitle{color:#f8fafcb3;font-size:1.125rem;margin:0}.scenario-selector{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.scenario-tab{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;color:#f8fafc}.scenario-tab:hover{background:#ffffff14;transform:translateY(-2px)}.scenario-tab.active{background:rgba(var(--scenario-color-rgb, 59, 130, 246),.15);border-color:var(--scenario-color);box-shadow:0 8px 32px rgba(var(--scenario-color-rgb, 59, 130, 246),.2)}.scenario-tab-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.scenario-tab-desc{font-size:.875rem;color:#f8fafcb3;line-height:1.4}.week-navigator{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}.week-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;color:#f8fafc;font-size:.875rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.week-tab:hover{background:#ffffff14}.week-tab.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.week-date{font-size:.75rem;opacity:.8}.week-view{margin-bottom:2rem}.week-header{text-align:center;margin-bottom:1.5rem}.week-header h2{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.week-range{color:#f8fafcb3;font-size:.875rem}.events-container{display:flex;flex-direction:column;gap:1rem}.event-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--event-color);border-radius:12px;padding:1rem;transition:all .3s ease}.event-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.event-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;color:#f8fafccc}.event-priority{font-size:1rem}.event-day{font-weight:600}.event-time{margin-left:auto;color:var(--event-color);font-weight:500}.event-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#fff}.event-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;color:#f8fafc;cursor:pointer;transition:all .2s ease;flex:1}.action-btn:hover{background:#ffffff26;transform:translateY(-1px)}.action-btn.move:hover{background:#10b98133;border-color:#10b981}.action-btn.postpone:hover{background:#f59e0b33;border-color:#f59e0b}.action-btn.edit:hover{background:#3b82f633;border-color:#3b82f6}.commit-section{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#0f172a 0%,rgba(15,23,42,.95) 70%,transparent 100%);padding:2rem 1rem 1rem;text-align:center;z-index:10}.commit-button{background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:16px;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #10b9814d;margin-bottom:.5rem;width:100%;max-width:300px}.commit-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #10b98166}.commit-subtitle{font-size:.875rem;color:#f8fafc99;margin:0}@media (min-width: 768px){.scenario-planner{padding:2rem;max-width:800px;margin:0 auto}.scenario-selector{flex-direction:row;gap:1rem}.scenario-tab{flex:1;text-align:center}.week-navigator{grid-template-columns:repeat(4,1fr);gap:1rem}.events-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.commit-section{position:static;background:none;padding:2rem 0}.commit-button{width:auto;min-width:250px}}@media (min-width: 1024px){.scenario-planner{max-width:1200px}.events-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;height:100%;overflow:hidden}#root{height:100vh;width:100vw}