*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:none;padding:0;touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.circle-selector{align-items:center;display:flex;margin:0 20px}.circle-dropdown{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:200px;outline:none;padding:8px 16px;transition:all .2s ease}.circle-dropdown:hover{background:#ffffff26;border-color:#ffffff4d}.circle-dropdown:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.circle-dropdown option{background:#1a1a2e;color:#fff;padding:8px}.circle-management{color:#fff;margin:0 auto;max-width:800px;padding:20px}.circle-management h2{font-size:28px;margin-bottom:30px;text-align:center}.circle-management h3{color:#3498db;font-size:20px;margin-bottom:15px}.circle-management section{background:#ffffff0d;border-radius:12px;margin-bottom:25px;padding:20px}.error-message{background:#e74c3c33;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;margin-bottom:20px;padding:12px}.success-message{background:#2ecc7133;border:1px solid #2ecc71;border-radius:8px;color:#2ecc71;margin-bottom:20px;padding:12px}.info-message{color:#ffffffb3;padding:20px;text-align:center}.profile-section{margin-bottom:25px}.profile-display{align-items:center;display:flex;gap:15px}.profile-name{font-size:18px;font-weight:500}.edit-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;margin:0;max-width:none;padding:6px 16px;transition:all .2s ease;width:auto}.edit-btn:hover{background:#fff3}.edit-name-form{display:flex;flex-direction:column;gap:10px}.edit-name-form input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:16px;padding:12px}.edit-name-form input::placeholder{color:#fff9}.edit-buttons{display:flex;gap:10px}.edit-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-buttons button[type=submit]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.edit-buttons button[type=button]{background:#ffffff1a;border:1px solid #fff3;color:#fff}.create-circle form{display:flex;gap:10px}.create-circle input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;flex:1 1;font-size:16px;min-width:150px;padding:12px}.create-circle input::placeholder{color:#fff9;opacity:1}.create-circle input::-webkit-input-placeholder{color:#fff9;opacity:1}.create-circle button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-circle button:hover:not(:disabled){box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.create-circle button:disabled{cursor:not-allowed;opacity:.6}.invite-section button{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:20px;padding:12px 24px;transition:all .2s ease}.invite-section button:hover:not(:disabled){box-shadow:0 4px 12px #9b59b666;transform:translateY(-2px)}.invite-details{display:flex;flex-direction:column;gap:15px}.invite-item label{color:#ffffffe6;display:block;font-weight:600;margin-bottom:8px}.invite-code-box{align-items:center;display:flex;gap:10px}.invite-code-box code{background:#0000004d;border-radius:6px;color:#3498db;flex:1 1;font-family:Courier New,monospace;overflow-x:auto;padding:12px}.invite-code-box button,.invite-item>button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.invite-code-box button:hover,.invite-item>button:hover{background:#fff3}.invite-item textarea{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;font-family:Courier New,monospace;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.members-list{display:flex;flex-direction:column;gap:10px}.member-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:12px;transition:all .2s ease}.member-item button{margin:0;max-width:none;width:auto}.member-item:hover{background:#ffffff14}.member-info{align-items:center;display:flex;gap:10px}.member-name{font-weight:500}.badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.badge.admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.remove-btn{background:#e74c3c33;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;flex-shrink:0;font-size:12px;max-width:none;padding:6px 12px;transition:all .2s ease;width:auto}.remove-btn:hover{background:#e74c3c4d}.match-banner{border-radius:12px;box-shadow:0 8px 32px #0003;cursor:pointer;left:50%;max-width:400px;overflow:hidden;padding:16px 20px;position:fixed;top:-150px;transform:translateX(-50%);transition:top .4s cubic-bezier(.68,-.55,.265,1.55);width:90%;z-index:1000}.match-banner.visible{top:20px}.match-banner.leaving{top:-150px;transition:top .3s ease-in}.match-banner.partial-match{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.match-banner.full-match{animation:pulse-glow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c 50%,#ff9a56);color:#fff}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #f5576c4d}50%{box-shadow:0 8px 48px #f5576c99}}.match-content{align-items:center;display:flex;gap:16px}.match-icon{flex-shrink:0;font-size:2.5rem}.match-text{flex:1 1;min-width:0}.match-text h3{font-size:1.25rem;font-weight:700;margin:0 0 4px}.match-text .movie-title{font-size:1rem;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-text .match-details{font-size:.85rem;margin:0;opacity:.9}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti{animation:confetti-fall 2s linear forwards;height:8px;position:absolute;top:-10px;width:8px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(200px) rotate(2turn)}}@media (max-width:480px){.match-banner{padding:12px 16px;width:95%}.match-icon{font-size:2rem}.match-text h3{font-size:1.1rem}.match-text .movie-title{font-size:.9rem}.match-text .match-details{font-size:.8rem}}.movie-swiper{background-color:#0f0f0f;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden;padding:0}.remaining-badge{background-color:#ffffff08;display:flex;justify-content:center;padding:6px 16px}.remaining-badge p{background-color:#ffffff14;border-radius:12px;color:#fff9;font-size:11px;font-weight:500;letter-spacing:.3px;margin:0;padding:4px 12px}.sort-toggle{align-items:center;background-color:#ffffff08;display:flex;gap:8px;justify-content:center;padding:8px 16px}.sort-toggle label{color:#fff9;font-size:12px}.sort-toggle select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#ffffffe6;cursor:pointer;font-size:12px;padding:4px 8px}.sort-toggle select:focus{border-color:#fff6;outline:none}.user-info{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:14px;margin:0;padding:8px 10px}.movie-container{-webkit-overflow-scrolling:touch;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding-bottom:140px}.movie-card,.movie-container{display:flex;flex-direction:column;position:relative}.movie-card{background-color:#0f0f0f;margin:0;padding:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}.movie-card.dragging{cursor:grabbing}.swipe-indicator{border:4px solid;border-radius:8px;font-size:32px;font-weight:800;letter-spacing:2px;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:50px;transform:rotate(-20deg);z-index:100}.swipe-indicator.like{background-color:#4caf5033;border-color:#4caf50;color:#4caf50;right:20px;transform:rotate(20deg)}.swipe-indicator.nope{background-color:#e5393533;border-color:#e53935;color:#e53935;left:20px;transform:rotate(-20deg)}.swipe-confirmation{animation:swipeConfirmPop .8s ease-out forwards;font-size:100px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.swipe-confirmation.like{filter:drop-shadow(0 0 20px rgba(255,100,100,.8))}.swipe-confirmation.dislike{filter:drop-shadow(0 0 20px rgba(100,100,255,.8))}@keyframes swipeConfirmPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.movie-card img{-webkit-user-drag:none;height:auto;margin:0;max-height:45vh;object-fit:contain;padding:0;pointer-events:none;width:100%}.poster-fallback{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;max-height:45vh;min-height:250px;width:100%}.poster-placeholder{color:#666;text-align:center}.poster-placeholder svg{margin-bottom:10px}.poster-placeholder p{color:#888;font-size:14px;margin:10px 0}.movie-info{background:linear-gradient(180deg,#0f0f0f,#1a1a2e);color:#fff;font-size:14px;line-height:1.5;padding:16px 20px;text-align:left}.movie-info h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 6px}.movie-info .movie-year{color:#ffffff80;font-size:15px;margin-bottom:12px}.movie-info .movie-description{color:#fffc;font-size:14px;line-height:1.6;margin-bottom:16px}.movie-info .movie-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.movie-info .meta-tag{background-color:#ffffff1a;border-radius:16px;color:#ffffffe6;display:inline-block;font-size:12px;font-weight:500;padding:5px 12px}.movie-info p{color:#ffffffb3;margin:6px 0}.movie-info p:first-of-type{color:#ffffff80}.swiped-elsewhere-badge{align-items:center;background-color:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:8px 12px}.swiped-label{color:#fff9;font-size:11px}.circle-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.circle-badge.like{background-color:#4caf504d;color:#81c784}.circle-badge.dislike{background-color:#e539354d;color:#ef9a9a}.streaming-services{align-items:center;background-color:#4caf5026;border:1px solid #4caf504d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px}.streaming-label{color:#fff9;font-size:12px;margin-right:4px}.streaming-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.swipe-buttons{background:linear-gradient(180deg,#0000,#0f0f0ff2 20%,#0f0f0f);bottom:0;display:flex;gap:16px;justify-content:center;left:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:1000}.dislike-button,.like-button{border:none;border-radius:28px;box-shadow:0 4px 15px #0000004d;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;max-width:160px;padding:16px 24px;touch-action:manipulation;transition:all .2s ease}.dislike-button:active,.like-button:active{transform:scale(.95)}.like-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.like-button:hover{background:linear-gradient(135deg,#5cbf60,#4caf50);box-shadow:0 6px 20px #4caf5066}.dislike-button{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.dislike-button:hover{background:linear-gradient(135deg,#ef5350,#e53935);box-shadow:0 6px 20px #e5393566}.all-done,.error,.loading,.no-movies{color:#fffc;margin:0;padding:40px 20px;text-align:center}.debug-info{display:none}.all-done{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 4px 20px #0000004d;margin:20px;padding:40px 24px;text-align:center}.all-done h2{color:#fff;font-size:24px;margin-bottom:12px}.all-done p{color:#ffffffb3;font-size:15px;line-height:1.5;margin-bottom:24px}.refresh-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 28px;touch-action:manipulation;transition:all .2s ease}.refresh-button:hover{background:linear-gradient(135deg,#4aa3e0,#3498db);box-shadow:0 4px 15px #3498db66}.modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:2000}.modal-content{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:85%;max-width:95%;overflow-y:auto;padding:24px}.modal-content h2{color:#fff;font-size:20px;margin:0 0 20px}.modal-content table{border-collapse:collapse;font-size:14px;width:100%}.modal-content td,.modal-content th{border:1px solid #ffffff1a;color:#ffffffe6;padding:10px 12px;text-align:left}.modal-content th{background-color:#ffffff1a;font-weight:600}.modal-content tr:hover td{background-color:#ffffff0d}.modal-content button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;touch-action:manipulation;transition:all .2s ease;width:100%}.modal-content button:hover{background:linear-gradient(135deg,#4aa3e0,#3498db)}.matches-container{background-color:#0f0f0f;color:#fff;height:calc(100vh - 56px);margin:0;max-width:100%;overflow-y:auto;padding:15px}.user-selection{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:12px}.user-checkbox{align-items:center;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:all .2s ease}.user-checkbox:hover{background-color:#ffffff26}.user-checkbox input{height:18px;margin-right:8px;width:18px}.matches-container>button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin:10px 0;padding:12px 20px;touch-action:manipulation;width:100%}.matches-container>button:hover:not(:disabled){background:linear-gradient(135deg,#4aa3e0,#3498db)}.matches-container>button:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.matches-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;padding-bottom:20px}.match-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;padding:15px;text-align:left}.match-card img{background-color:#000;height:auto;object-fit:contain}.match-card .poster-fallback,.match-card img{border-radius:8px;margin-bottom:12px;max-height:300px;width:100%}.match-card .poster-fallback{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;min-height:200px}.match-card .poster-placeholder{color:#666;font-size:14px;text-align:center}.match-card h3{color:#fff;font-size:18px;margin:8px 0}.match-card p{color:#ffffffb3;font-size:14px;line-height:1.4;margin:4px 0}.matched-users{margin-top:12px;text-align:left}.matched-users h4{color:#fff9;font-size:14px;margin-bottom:8px}.matched-users ul{list-style-type:none;margin:0;padding-left:0}.matched-users li{background-color:#3498db33;border:1px solid #3498db4d;border-radius:12px;color:#81d4fa;display:inline-block;font-size:13px;margin:4px 4px 4px 0;padding:6px 12px}.error,.loading,.no-matches{font-size:16px;margin:20px 0;padding:20px;text-align:center}.error{border-radius:8px}.no-matches{color:#ffffff80;font-style:italic}.match-card .streaming-services{align-items:center;background-color:#4caf5026;border:1px solid #4caf504d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px}.match-card .streaming-label{color:#fff9;font-size:12px;margin-right:4px}.match-card .streaming-badge{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.add-movie-container{-webkit-overflow-scrolling:touch;background-color:#0f0f0f;color:#fff;height:calc(100vh - 56px);margin:0 auto;max-width:600px;overflow-y:auto;padding:20px 20px 40px}.add-movie-container h2{color:#fff;margin-bottom:20px;text-align:center}.search-form{display:flex;gap:8px;margin-bottom:20px}.search-form input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;flex-grow:1;font-size:16px;padding:12px}.search-form input::placeholder{color:#ffffff80}.search-form button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;white-space:nowrap}.search-form button:hover{background:linear-gradient(135deg,#4aa3e0,#3498db)}.movie-details{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;padding:20px}.movie-details img{border-radius:8px;display:block;margin:0 auto 20px;max-width:200px}.movie-details h3{color:#fff;margin-bottom:15px;text-align:center}.movie-details p{color:#fffc;margin-bottom:10px}.movie-details p strong{color:#fff9}.streaming-info{align-items:center;background-color:#4caf5026;border:1px solid #4caf504d;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px}.streaming-info .streaming-label{color:#fff9;font-size:12px;margin-right:4px}.streaming-info .streaming-badge{border-radius:12px;display:inline-block;font-size:12px;padding:4px 10px}.movie-details button,.streaming-info .streaming-badge{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-weight:600}.movie-details button{border:none;border-radius:8px;cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:14px;width:100%}.movie-details button:hover:not(:disabled){background:linear-gradient(135deg,#5cbf60,#4caf50)}.movie-details button.already-exists{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.admin-option{background:linear-gradient(135deg,#9b59b633,#8e44ad33);border:1px solid #9b59b666;border-radius:8px;margin-bottom:20px;padding:12px 16px}.admin-option label{align-items:center;color:#d4a5ff;cursor:pointer;display:flex;font-weight:500;gap:10px}.admin-option input[type=checkbox]{accent-color:#9b59b6;cursor:pointer;height:18px;width:18px}.error,.loading,.success{border-radius:8px;margin-top:20px;padding:12px;text-align:center}.loading{background-color:#ffffff1a;color:#fffc}.success{color:#81c784}.all-movies-container{background-color:#0f0f0f;color:#fff;height:calc(100vh - 56px);overflow-y:auto;padding:15px}.all-movies-container h2{color:#fff;margin-bottom:15px}.movies-table{border-collapse:collapse;font-size:13px;width:100%}.movies-table td,.movies-table th{border:1px solid #ffffff1a;padding:10px 8px;text-align:left}.movies-table th{background-color:#ffffff1a;color:#fff;font-weight:600}.movies-table tr:nth-child(2n){background-color:#ffffff08}.movies-table tr:hover{background-color:#ffffff0d}.movies-table td{color:#fffc}.unseen-users-list{list-style-type:none;margin:0;padding:0}.unseen-users-list li{background-color:#ffffff1a;border-radius:4px;display:inline-block;font-size:11px;margin-bottom:4px;margin-right:4px;padding:2px 8px}.admin-container{margin:0 auto;max-width:800px;padding:20px}.admin-container h2{color:#333;margin-bottom:24px}.admin-section{margin-bottom:32px}.admin-section h3{border-bottom:1px solid #eee;color:#555;margin-bottom:16px;padding-bottom:8px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:4px}.stat-label{display:block;font-size:.9rem;opacity:.9}.admin-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.admin-table th{color:#333;font-weight:600}.admin-table tbody tr:hover,.admin-table th{background:#f8f9fa}.admin-table tbody tr.clickable{cursor:pointer;transition:background .2s}.admin-table tbody tr.clickable:hover{background:#e8f4fd}.admin-table tbody tr.selected{background:#d0e8ff}.admin-table tbody tr.selected:hover{background:#c0dcf8}.admin-table tbody tr:last-child td{border-bottom:none}.hint{color:#666;font-size:.9rem;margin-bottom:12px}.members-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:20px;padding:16px}.members-panel h4{color:#333;margin:0 0 16px}.members-table{margin-top:0}.role-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px}.role-badge.admin{background:#e3f2fd;color:#1565c0}.role-badge.member{background:#f5f5f5;color:#616161}.admin-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:transform .2s,box-shadow .2s}.admin-action-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.admin-action-btn:disabled{cursor:not-allowed;opacity:.6}.seed-message{background:#e8f5e9;border-radius:4px;color:#2e7d32;margin-top:12px;padding:8px 12px}.error{background:#ffebee;border-radius:4px;color:#d32f2f;padding:12px}.App{background-color:#0f0f0f;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;text-align:center}.app-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:space-between;padding:12px 16px}.App h1{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.hamburger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:32px;justify-content:center;padding:4px;width:32px}.hamburger span{background-color:#fff;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:22px}.hamburger span.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger span.open:nth-child(2){opacity:0}.hamburger span.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.App nav{background:linear-gradient(135deg,#16213e,#1a1a2e);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #00000080;display:none;flex-direction:column;left:0;padding:0;position:absolute;right:0;top:56px;z-index:1000}.App nav.open{display:flex}.App nav button{background-color:initial;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;font-size:15px;font-weight:500;margin:0;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.App nav button:last-child{border-bottom:none}.App nav button:hover{background-color:#ffffff1a;color:#fff}.App nav button.active{background-color:#ffffff26;color:#fff;font-weight:600}.menu-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:56px;z-index:999}button,input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin:5px;max-width:300px;padding:12px;width:100%}button{background-color:#007bff;border:none;color:#fff;cursor:pointer;touch-action:manipulation}button:hover{background-color:#0056b3}.error{background-color:#e5393533;color:#ef5350}.error,.success{border-radius:5px;margin:10px;padding:10px}.success{background-color:#4caf5033;color:#4caf50}.auth-toggle{color:#fff9;margin-top:20px}.link-button{background:none;border:none;color:#4fc3f7;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#81d4fa}.invite-banner{background:linear-gradient(135deg,#9b59b64d,#8e44ad4d);border:1px solid #9b59b680;border-radius:8px;color:#d4a5ff;font-weight:500;margin:20px;padding:15px 20px}.App>form{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.App>form input{background-color:#ffffff1a;border:1px solid #fff3;color:#fff}.App>form input::placeholder{color:#ffffff80}.App>form button{background:linear-gradient(135deg,#3498db,#2980b9);max-width:300px}.App>form button:hover{background:linear-gradient(135deg,#4aa3e0,#3498db)}
/*# sourceMappingURL=main.e562c3dd.css.map*/