.page_homePageContainer__MlIbn{min-height:100vh;display:flex;flex-direction:column;width:100vw;overflow-x:hidden}@media (max-width:768px){.page_homePageContainer__MlIbn{padding:.5rem .5rem env(safe-area-inset-bottom,1rem);min-height:100vh;min-height:-webkit-fill-available}}.page_homeHeader__ArSL2{position:relative;z-index:20;width:100%}@media (max-width:768px){.page_homeHeader__ArSL2{padding:.25rem}}.page_homeMainContent__sXXwd{flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:100vh}@media (max-width:768px){.page_homeMainContent__sXXwd{min-height:calc(100vh - 2rem);padding:1rem 0}}.page_homeCardWrapper__WAliD{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;gap:1.5rem}@media (max-width:768px){.page_homeCardWrapper__WAliD{gap:1rem}}.page_sideLinksContainer__W170C{position:relative;z-index:10;width:100%;max-width:28rem}@media (max-width:768px){.page_sideLinksContainer__W170C{max-width:calc(100vw - 1rem);width:calc(100vw - 1rem);padding:0}}.page_cardZIndex__jyu8r{position:relative;z-index:0;width:100%}.page_sideLinkLeft__HlGgZ{left:0;transform:translateY(-50%) translateX(-4rem)}.page_sideLinkLeft__HlGgZ,.page_sideLinkRight__p9BK9{position:absolute;z-index:0;transition:transform .2s ease;top:50%}.page_sideLinkRight__p9BK9{right:0;transform:translateY(-50%) translateX(4rem)}.page_sideLinkLeft__HlGgZ:hover,.page_sideLinkRight__p9BK9:hover{transform:translateY(-50%) translateX(-4rem) scale(1.1)}.page_sideLinkRight__p9BK9:hover{transform:translateY(-50%) translateX(4rem) scale(1.1)}@media (max-width:768px){.page_sideLinkLeft__HlGgZ{left:.5rem;transform:translateY(-50%)}.page_sideLinkRight__p9BK9{right:.5rem;transform:translateY(-50%)}.page_sideLinkLeft__HlGgZ:hover,.page_sideLinkRight__p9BK9:hover{transform:translateY(-50%) scale(1.1)}}.page_homeFooter__IrqO9{margin-top:auto;padding:1rem;text-align:center;position:relative;z-index:10}@media (max-width:768px){.page_homeFooter__IrqO9{padding:.75rem}}.page_footerDivider__wV_4k{border-top:2px solid rgb(209,213,219);margin:1rem auto;width:100%}@media (prefers-color-scheme:dark){.page_footerDivider__wV_4k{border-top-color:rgb(75,85,99)}}.page_onlineIndicator__DIV_L{display:flex;align-items:center;font-size:.75rem}@media (max-width:768px){.page_onlineIndicator__DIV_L{justify-content:center;margin-top:.5rem}}@media (min-width:769px){.page_onlineIndicator__DIV_L{position:absolute;top:.75rem;right:.75rem}}.page_settingsButtonContainer__GbYQj{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}@media (max-width:768px){.page_settingsButtonContainer__GbYQj{flex-direction:column;gap:.5rem}}.page_onlineUsersWindow__jX4GC{position:fixed!important;top:50%;left:20px;transform:translateY(-50%);z-index:1000;width:280px;max-height:70vh;overflow-y:auto;background:var(--background);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px)}@media (max-width:768px){.page_onlineUsersWindow__jX4GC{position:fixed!important;bottom:20px;left:50%;top:auto;transform:translateX(-50%);width:calc(100vw - 40px);max-width:320px;max-height:40vh;position:static!important;transform:none;width:100%;max-height:none;margin-bottom:20px}.page_homePageContainer__MlIbn input[type=email],.page_homePageContainer__MlIbn input[type=password],.page_homePageContainer__MlIbn input[type=text],.page_homePageContainer__MlIbn select,.page_homePageContainer__MlIbn textarea{font-size:16px!important;line-height:1.2}.page_homePageContainer__MlIbn button{min-height:44px;touch-action:manipulation}.page_homePageContainer__MlIbn .card{margin:0!important;max-width:100%!important}}@keyframes rainbow{0%{color:#ff0000}16.66%{color:#ff8000}33.33%{color:#ffff00}50%{color:#00ff00}66.66%{color:#0080ff}83.33%{color:#8000ff}to{color:#ff0000}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 2px #fbbf24}50%{box-shadow:0 0 0 4px rgba(251,191,36,.5)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{display:none}*,.overflow-x-auto,.overflow-y-auto{scrollbar-width:none;-ms-overflow-style:none}.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{display:none}.btn:disabled{color:#808080;background:#c0c0c0;border-color:#808080}.btn.pressed{border-style:inset;background:#c0c0c0}.field-row{margin-bottom:12px}.field-row label{display:block;margin-bottom:4px;font-size:11px}.field-row input,.field-row select,.field-row textarea{border:2px inset #c0c0c0;padding:2px 4px;font-family:inherit;font-size:11px}.field-row input:focus,.field-row select:focus,.field-row textarea:focus{outline:1px dotted #000}.field-row input:disabled,.field-row select:disabled,.field-row textarea:disabled{background:#c0c0c0;color:#808080}.sunken{border:2px inset #c0c0c0}.badge-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.badge-list{display:flex;flex-direction:column;gap:8px}.badge-item{position:relative;cursor:pointer;transition:all .2s ease}.badge-item:hover{transform:scale(1.05)}.badge-item.dragging{opacity:.5}.badge-item.drag-over{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.badge-item.selected{outline:2px solid #3b82f6;outline-offset:2px}.badge-upload-zone{border:2px dashed #9ca3af;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:colors .2s ease}.badge-upload-zone:hover{background-color:#f9fafb}.color-picker-button{width:40px;height:40px;border:2px solid #9ca3af;border-radius:4px;cursor:pointer;transition:border-color .2s ease}.color-picker-button:hover{border-color:#6b7280}.color-picker-button:disabled{opacity:.5;cursor:not-allowed}.color-picker-dropdown{position:absolute;top:48px;left:0;z-index:50;background:white;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:16px;min-width:240px}.profile-card-custom{position:relative;background:white;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:320px;min-height:200px;overflow:hidden}.profile-banner-area{position:relative;margin:-16px -16px 16px;height:96px;cursor:pointer}.profile-banner-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;transition:opacity .2s ease}.profile-avatar-container{position:relative;cursor:pointer}.profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white}.profile-avatar-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:opacity .2s ease}.profile-badges-container{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.profile-badges-container::-webkit-scrollbar{display:none}.profile-badge{height:24px;border-radius:4px;object-fit:contain;min-width:24px;max-width:48px;width:auto;flex-shrink:0}.profile-bio{scrollbar-width:none;-ms-overflow-style:none}.profile-bio::-webkit-scrollbar{display:none}.loading-spinner{border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:16px;height:16px}.loading-spinner-md{width:24px;height:24px}.loading-spinner-lg{width:32px;height:32px}.loading-progress-bar{width:256px}.loading-progress-track{border:2px inset #c0c0c0;height:16px}.loading-progress-fill{height:100%;background:#3b82f6}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-4{width:16px}.h-4{height:16px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.w-24{width:96px}.h-24{height:96px}.w-80{width:320px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-green-500{color:#10b981}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-green-800{color:#065f46}.text-yellow-500{color:#f59e0b}.text-yellow-600{color:#d97706}.text-yellow-700{color:#b45309}.text-yellow-800{color:#92400e}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.bg-white{background-color:#ffffff}.bg-gray-50{background-color:#f9fafb}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-red-500{background-color:#ef4444}.bg-gray-500{background-color:#6b7280}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-red-400{border-color:#f87171}.border-green-400{border-color:#4ade80}.border-yellow-400{border-color:#facc15}.border-blue-400{border-color:#60a5fa}.border-blue-500{border-color:#3b82f6}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.text-xs{font-size:10px}.text-sm{font-size:11px}.text-base{font-size:12px}.text-lg{font-size:14px}.text-xl{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capitalize{text-transform:capitalize}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.block{display:block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.overflow-y-auto::-webkit-scrollbar{display:none}.overflow-x-auto{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.overflow-x-auto::-webkit-scrollbar{display:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.list-disc{list-style-type:disc}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.transition-all{transition:all .15s ease}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.transition-opacity{transition:opacity .15s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-600:hover{background-color:#4b5563}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:border-gray-400:hover{border-color:#9ca3af}.hover\:border-gray-500:hover{border-color:#6b7280}.hover\:text-blue-600:hover{color:#2563eb}.hover\:underline:hover{text-decoration:underline}.hover\:scale-105:hover{transform:scale(1.05)}.group:hover .group-hover\:opacity-100{opacity:1}.ring-2{box-shadow:0 0 0 2px var(--ring-color,rgba(59,130,246,.5))}.ring-blue-500{--ring-color:rgba(59,130,246,0.5)}.ring-opacity-50{--ring-opacity:0.5}.animate-spin{animation:spin 1s linear infinite}.unsaved-changes{box-shadow:0 0 0 2px #fbbf24;animation:pulse-warning 2s infinite}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.min-w-0{min-width:0}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}.max-h-96{max-height:384px}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.resize-none{resize:none}.aspect-square{aspect-ratio:1/1}code{background:#e0e0e0;padding:1px 3px;border:1px inset #c0c0c0;font-family:Courier New,monospace;font-size:10px}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-color-scheme:dark){.dark\:bg-gray-600{background-color:#4b5563}.dark\:bg-gray-700{background-color:#374151}.dark\:bg-gray-800{background-color:#1f2937}.dark\:bg-gray-900{background-color:#111827}.dark\:text-gray-300{color:#d1d5db}.dark\:text-gray-400{color:#9ca3af}.dark\:text-gray-500{color:#6b7280}.dark\:text-blue-300{color:#93c5fd}.dark\:text-blue-400{color:#60a5fa}.dark\:text-yellow-300{color:#fcd34d}.dark\:text-yellow-400{color:#facc15}.dark\:border-gray-600{border-color:#4b5563}.dark\:border-gray-700{border-color:#374151}.dark\:hover\:bg-gray-600:hover{background-color:#4b5563}.dark\:hover\:bg-gray-700:hover{background-color:#374151}.dark\:hover\:bg-gray-800:hover{background-color:#1f2937}.dark\:hover\:border-gray-500:hover{border-color:#6b7280}}