body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:linear-gradient(120deg,#2b4162,#12100e);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh;padding:0}.App{margin:2rem auto;max-width:1400px;padding:2rem}h1{color:#fff;font-size:2.8rem;font-weight:600;margin-bottom:2.5rem;text-align:center;text-shadow:2px 2px 4px #0003}.input-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;padding:1.5rem;transition:transform .3s ease}.input-section:hover{transform:translateY(-2px)}.input-group{flex:1 1;min-width:200px}.author-input{background:#ffffffe6;border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;flex:0.4 1;font-size:1rem;min-width:200px;padding:1rem 1.5rem;transition:all .3s ease}.author-input:focus{background:#fff;box-shadow:0 0 0 3px #fff3;outline:none}.item-content{flex:1 1}.author{color:#666;display:block;font-size:12px;margin-top:5px}.new-item-input{background:#ffffff26;border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.new-item-input::placeholder{color:#ffffffb3}.new-item-input:focus{background:#fff3;box-shadow:0 0 0 3px #ffffff1a;outline:none}.category-select{background:#ffffff26;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;max-width:200px;min-width:150px;padding:1rem 1.5rem;transition:all .3s ease}.category-select option{background:#1a2a6c;color:#fff}.add-button{background:#ffffff26;border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.add-button:hover{background:#fff3;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.boards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem}.board{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;transition:box-shadow .3s ease,background .3s ease}.board:hover{background:#ffffff12;box-shadow:0 12px 36px #0000002e}.board h2{border-bottom:2px solid #ffffff1a;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.drop-zone{background:#ffffff05;border-radius:12px;min-height:200px;padding:1rem;transition:all .3s ease}.dragging-over{background:#ffffff1a;border:2px dashed #ffffff4d}.item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;cursor:grab;margin-bottom:.8rem;padding:1rem 1.5rem;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.item:hover{background:#ffffff14}.item:active{cursor:grabbing}.item p{color:#fff;font-size:1rem;line-height:1.5;margin:0}.dragging{background:#ffffff26!important;border:1px solid #fff3!important;box-shadow:0 8px 16px #0003!important}.delete-button{background:none;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;font-size:1.4rem;margin-left:1rem;opacity:.6;padding:.2rem .6rem;transition:all .3s ease}.delete-button:hover{background:#e74c3c1a;opacity:1;transform:scale(1.1)}@media (max-width:768px){.App{margin:1rem;padding:1rem}.input-section{flex-direction:column;gap:.8rem;padding:1rem}.input-group{width:100%}.category-select{max-width:100%;width:100%}.add-button{width:100%}.boards-container{grid-template-columns:1fr}.board{margin-bottom:1rem}h1{font-size:2rem;margin-bottom:1.5rem}}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.item-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:.8rem;padding-top:.8rem}.item-actions,.like-button{display:none}.author{color:#ffffffb3;font-size:.85rem}.lobby-container{margin:2rem auto;max-width:500px;padding:2rem}.lobby-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.tab-buttons{border-bottom:2px solid #ffffff1a;display:flex}.tab-button{background:none;border:none;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.tab-button:hover{background:#ffffff0d}.tab-button.active{border-bottom:3px solid #ffffff4d;color:#fff;margin-bottom:-2px}.tab-content{padding:2rem}.tab-content input{background:#ffffff26;border:none;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;color:#fff;font-size:1rem;margin-bottom:.5rem;padding:.8rem 1.2rem;transition:all .3s ease;width:100%}.tab-content input::placeholder{color:#ffffffb3}.tab-content input:focus{background:#fff3;box-shadow:0 0 0 3px #ffffff1a;outline:none}.submit-button{background:#ffffff26;border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover{background:#fff3;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.lobby-container{margin:1rem;padding:1rem}.tab-content{padding:1.5rem}}.room-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:1.5rem}.room-header{align-items:center;display:flex;gap:2rem;justify-content:space-between}.room-header h1{font-size:2.2rem;margin:0}.room-details{gap:1rem}.room-details,.room-meta{align-items:center;display:flex}.room-meta{gap:2rem}.room-meta p{align-items:center;color:#fff;display:flex;font-size:1.1rem;margin:0}.room-meta strong{color:#fffc;margin-right:.5rem}.disconnect-button{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:42px;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.disconnect-button:hover{background:#c0392b;transform:translateY(-2px)}@media (max-width:768px){.room-header{text-align:center}.room-details,.room-header{flex-direction:column;gap:1rem}.room-details{width:100%}.room-meta{flex-direction:column;gap:.5rem;width:100%}.disconnect-button,.visibility-toggle{justify-content:center;width:100%}.room-header h1{font-size:1.8rem}}.hidden-content{background:#ffffff08!important}.hidden-content p{color:#ffffff80;font-style:italic}.visibility-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:42px;padding:.8rem 1.5rem;transition:all .3s ease;white-space:nowrap}.visibility-toggle:hover{background:#ffffff26}.visibility-toggle.active{background:#fff3}
/*# sourceMappingURL=main.629c400a.css.map*/