@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#root{max-width:100%;margin:0 auto;padding:clamp(.5rem,2vw,2.5rem);max-width:67%;zoom:.8}@media (max-width: 768px){#root{max-width:95%;zoom:.6}.featured-badge,.trending-badge{padding:clamp(.1rem,1vw,.25rem) clamp(.1rem,1.5vw,.5rem)!important;font-size:clamp(.5rem,1.5vw,.75rem)!important;top:clamp(6px,1.5vw,12px)!important;left:clamp(6px,1.5vw,12px)!important;gap:clamp(.2rem,.8vw,.375rem)!important}.featured-badge{border-radius:clamp(15px,5vw,25px)!important}.trending-badge{border-radius:clamp(10px,3vw,15px)!important}.tag-section-spacing{margin-bottom:clamp(.75rem,4vw,2.5rem)!important}.category-card{padding:clamp(.75rem,3vw,1.25rem)!important;border-radius:clamp(8px,2vw,12px)!important;min-height:clamp(100px,20vw,140px)!important;margin-bottom:.5rem!important}.category-card-left{gap:clamp(.5rem,2vw,1rem)!important;flex-direction:column!important;align-items:flex-start!important}.category-info{width:100%!important}.category-name{font-size:clamp(.875rem,4vw,1rem)!important;line-height:1.2!important}.category-details{font-size:clamp(.75rem,3vw,.875rem)!important;line-height:1.3!important}.category-info>div[style*="display: flex"]{flex-wrap:wrap!important;gap:.25rem!important;margin-top:.25rem!important}.category-info button{font-size:clamp(.6rem,2.5vw,.7rem)!important;padding:.2rem .4rem!important}}.account-content-wrapper{padding-bottom:6rem}.tag-section-spacing{margin-bottom:3rem}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-family:Inter,sans-serif;font-size:16px;background-color:#f9fafb;color:#111827;min-height:100vh}.app-container{min-height:100vh;position:relative}.top-right-button{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px}button{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:0 1px 3px #0000000d}button:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}body.dark button{background-color:#2a2f3a!important;border:1px solid #444c5c!important;color:#f1f5f9!important}body.dark button:hover{background-color:#373e4a!important;border-color:#5a6270!important}.main-page-container{width:100%;padding:0rem 0rem 4rem;margin-top:115px;min-height:calc(100vh - 115px)}.main-page-container h1{text-align:center;font-size:clamp(1.5rem,5vw,2.75rem);font-weight:700;margin-bottom:2.5rem}body.dark .main-page-container h1{color:#f8fafc}.main-content{width:100%;display:block;text-align:left}.no-categories{font-style:italic;padding:3rem 2rem;text-align:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;font-size:1rem;color:#6b7280}body.dark .no-categories{background:#262b36;border-color:#3d4452;color:#9ca3af}body.dark h1,body.dark h2,body.dark h3,body.dark p,body.dark span,body.dark label,body.dark .category-name,body.dark .category-details,body.dark .item-name,body.dark .item-description{color:#f8fafc!important}body.dark{background-color:#1c1f26;color:#f1f5f9}.categories-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(1rem,3vw,1.5rem);flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1rem)}.section-header{font-size:clamp(1.5rem,3vw,1.5rem);font-weight:700;margin:0 0 .5rem;color:inherit}.section-header.with-icon{display:flex;align-items:center;gap:.5rem}.section-icon{font-size:clamp(.875rem,2.5vw,1.25rem)}.categories-header h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:#111827;margin:0}body.dark .categories-header h2{color:#f8fafc}.sign-in-text{font-size:.95rem;font-weight:500;color:#6b7280}body.dark .sign-in-text{color:#9ca3af}.add-category-btn{background:#fff!important;border:clamp(1px,.3vw,1px) solid #e5e7eb!important;color:#374151!important;padding:clamp(.4rem,2vw,.75rem) clamp(1rem,3vw,1.25rem)!important;border-radius:clamp(6px,2vw,8px)!important;font-weight:600!important;font-size:clamp(.65rem,2vw,.875rem)!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important;min-width:clamp(80px,20vw,150px)!important}.add-category-btn:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .add-category-btn{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .add-category-btn:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.top-right-button{position:fixed;top:55px;right:20px;z-index:1000;display:flex;gap:10px}.top-right-button button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:.75rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important}.top-right-button button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .top-right-button button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .top-right-button button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.categories-table-container{margin-top:2rem;width:100%}.categories-table-container h2{margin:0 0 1.5rem;color:#333;text-align:left;font-size:clamp(1rem,3vw,1.5rem);font-weight:600}body.dark .categories-table-container h2{color:#ffffffde}.table-wrapper{width:100%}.categories-table{display:none}.categories-card-container{display:flex;flex-direction:column;gap:.75rem;width:100%}body.dark .category-card,body.dark .item-card{background-color:#262b36!important;border-color:#333844!important;color:#f1f5f9!important}body.dark .category-card:hover,body.dark .item-card:hover{border-color:#3d4452!important;box-shadow:0 4px 12px #0000004d!important}.category-card{background:#fff;border:clamp(1px,.3vw,1px) solid #e5e7eb;border-radius:clamp(8px,3vw,12px);padding:clamp(1rem,3vw,1.25rem) clamp(1.2rem,4vw,1.5rem);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000000d;min-height:clamp(100px,20vw,140px)}.category-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}body.dark .category-card{background:#1f2937;border-color:#374151;color:#ffffffde}body.dark .category-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #0003}.category-card-left{display:flex;align-items:center;gap:1rem;flex:1}.category-rank{background:#f3f4f6;color:#6b7280;font-weight:700;font-size:.875rem;padding:.25rem .75rem;border-radius:6px;min-width:2.5rem;text-align:center}body.dark .category-rank{background:#374151;color:#9ca3af}.category-initial{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-transform:uppercase}.category-info{flex:1}.category-name{font-weight:600;font-size:1rem;color:#111827;margin:0 0 .25rem}body.dark .category-name{color:#ffffffe6}.category-details{font-size:.875rem;color:#6b7280;margin:0}body.dark .category-details{color:#9ca3af}.category-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.category-id{font-weight:700;font-size:1.125rem;color:#111827}body.dark .category-id{color:#ffffffe6}.category-label{font-size:.75rem;color:#10b981;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.items-card-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:clamp(8px,2vw,12px);padding:clamp(.75rem,3vw,1.25rem) clamp(1rem,4vw,1.5rem);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;min-height:clamp(60px,10vw,80px)}.item-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}body.dark .item-card{background:#1f2937;border-color:#374151;color:#ffffffde}body.dark .item-card:hover{border-color:#4b5563;box-shadow:0 4px 12px #0003}.item-card-left{display:flex;align-items:center;gap:1rem;flex:1}.item-rank{background:#f3f4f6;color:#6b7280;font-weight:700;font-size:.875rem;padding:.25rem .75rem;border-radius:6px;min-width:2.5rem;text-align:center}body.dark .item-rank{background:#374151;color:#9ca3af}.item-initial{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-transform:uppercase}.item-info{flex:1}.item-name{font-weight:600;font-size:1rem;color:#111827;margin:0 0 .25rem}body.dark .item-name{color:#ffffffe6}.item-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}body.dark .item-description{color:#9ca3af}.item-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-id{font-weight:700;font-size:1.125rem;color:#111827}body.dark .item-id{color:#ffffffe6}.item-date{font-size:.75rem;color:#6b7280}body.dark .item-date{color:#9ca3af}.no-categories{color:#6b7280;font-style:italic;padding:3rem 2rem;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;font-size:1rem}body.dark .no-categories{color:#9ca3af;background:#1f2937;border-color:#374151}.categories-table-container button,.back-button,.categories-button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1.25rem)!important;border-radius:clamp(6px,1.5vw,8px)!important;font-weight:600!important;font-size:clamp(.75rem,1.8vw,.875rem)!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important}.categories-table-container button:hover,.back-button:hover,.categories-button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .categories-table-container button,body.dark .back-button,body.dark .categories-button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .categories-table-container button:hover,body.dark .back-button:hover,body.dark .categories-button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.login-form button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:.75rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important}.login-form button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .login-form button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .login-form button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.cancel-button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,3vw,1.25rem)!important;border-radius:clamp(6px,1.5vw,8px)!important;font-weight:600!important;font-size:clamp(.75rem,2.5vw,.875rem)!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important;position:fixed!important;top:clamp(10px,3vw,20px)!important;left:clamp(10px,3vw,20px)!important;z-index:4000!important}.cancel-button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .cancel-button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .cancel-button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.categories-table-container button[style*="background-color: #28a745"],.categories-table-container button[style*="background-color:#28a745"]{background:#10b981!important;border-color:#059669!important;color:#fff!important}.categories-table-container button[style*="background-color: #28a745"]:hover,.categories-table-container button[style*="background-color:#28a745"]:hover{background:#059669!important;border-color:#047857!important;color:#fff!important}.login-card{max-width:420px;margin:4rem auto;padding:2rem;border-radius:12px;background-color:#fff;box-shadow:0 2px 10px #00000014;border:1px solid #e5e7eb;transition:all .3s ease}body.dark .login-card{background-color:#262b36;border-color:#3b4252}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h2{font-size:1.5rem;font-weight:700;color:#111827}body.dark .login-header h2{color:#f8fafc}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.75rem 1rem;font-size:1rem;border-radius:8px;border:1px solid #ccc;background:#fff;color:#111827}body.dark .login-form input{background-color:#1c1f26;border:1px solid #4b5563;color:#f8fafc}.login-form button{background-color:#2a2f3a!important;color:#f8fafc!important;border:none!important;font-weight:600;border-radius:8px;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.login-form button:hover{background-color:#373e4a!important}.error-text{color:#e11d48;font-size:.875rem;text-align:center}.add-item-card{margin-bottom:2rem;padding:1.5rem;border:1px solid #ddd;border-radius:8px;background-color:#f8f9fa;transition:all .3s ease}body.dark .add-item-card{background-color:#262b36;border-color:#3b4252}.add-item-card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:#111827}body.dark .add-item-card h3{color:#f8fafc}.add-item-card label{display:block;margin-bottom:.5rem;font-weight:600;color:#111827}body.dark .add-item-card label{color:#f1f5f9}.add-item-card input,.add-item-card textarea{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ddd;border-radius:4px;background:#fff;color:#111827}body.dark .add-item-card input,body.dark .add-item-card textarea{background-color:#1c1f26;border-color:#4b5563;color:#f1f5f9}.add-item-card button[type=submit]{padding:.75rem 1.5rem;background-color:#2a2f3a;color:#f8fafc;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.add-item-card button[type=submit]:hover{background-color:#373e4a}.add-item-card button[type=submit]:disabled{background-color:#555;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.modal-card{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;box-shadow:0 6px 24px #00000026}body.dark .modal-card{background-color:#262b36;color:#f8fafc}.modal-card h3{font-size:1.25rem;margin-bottom:1rem}.modal-card input,.modal-card textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid #ccc;background-color:#fff;color:#111827}body.dark .modal-card input,body.dark .modal-card textarea{background-color:#1c1f26;border-color:#4b5563;color:#f8fafc}.account-details-section{margin-bottom:2rem}.account-details-section .category-card{margin-bottom:.75rem}.account-details-section .category-rank{font-size:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}body.dark .account-details-section .category-rank{background:linear-gradient(135deg,#667eea,#764ba2)}.user-info-button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:.75rem 1.25rem!important;border-radius:8px!important;font-weight:600!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important}.user-info-button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .user-info-button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .user-info-button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.875rem}body.dark .error-message{background:#3f1f1f;border-color:#7f1d1d;color:#fca5a5}.header-container{position:fixed;top:0;left:0;width:100%;z-index:999;background-color:#f9fafb;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}body.dark .header-container{background-color:#1f2937;border-bottom:1px solid #374151}.header-title{font-size:2rem;font-weight:700;color:#111827}body.dark .header-title{color:#f1f5f9}.reaction-counter{background:#1f2937;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem;font-weight:600;min-width:2.5rem;justify-content:center}body:not(.dark) .reaction-counter{background:#f3f4f6!important;border:1px solid #e5e7eb!important}.user-reactions-box{background:#1f2937;border:2px solid #ef4444;border-radius:clamp(6px,2vw,12px);padding:clamp(.4rem,2vw,.5rem) clamp(.75rem,3vw,1rem);display:flex;align-items:center;gap:clamp(.5rem,2.5vw,1rem);font-size:clamp(.75rem,2vw,.875rem);font-weight:600;min-width:clamp(80px,20vw,120px);transition:all .2s ease}body:not(.dark) .user-reactions-box{background:#fff!important;border-color:#dc2626!important;box-shadow:0 1px 3px #0000001a!important}.reaction-info-tooltip{background:#1f2937;border:clamp(1px,.5vw,2px) solid #6366f1;border-radius:clamp(6px,2vw,12px);padding:clamp(.75rem,3vw,1rem);margin-bottom:clamp(.75rem,2.5vw,1rem);font-size:clamp(.75rem,2vw,.875rem);line-height:1.5;color:#f9fafb}body:not(.dark) .reaction-info-tooltip{background:#fff!important;border-color:#4f46e5!important;color:#111827!important;box-shadow:0 1px 3px #0000001a!important}.emoji-consistent{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif;font-weight:400!important;font-style:normal!important;line-height:1!important;vertical-align:baseline!important}.emoji-small{font-size:.875rem!important}.emoji-medium{font-size:1.25rem!important}.emoji-large{font-size:1.5rem!important}.carousel-dot{width:14px;height:14px;border-radius:7px;background-color:#d1d5db;border:none;cursor:pointer;transition:all .3s ease;padding:0!important;font-size:0!important;box-shadow:none!important;opacity:.6}.carousel-dot.active{width:26px;background-color:#f59e0b;opacity:1}.carousel-dot:hover{background-color:#9ca3af;opacity:.8}.carousel-dot.active-red.active{background-color:#ef4444}.carousel-dot.active-blue.active{background-color:#6366f1}body .elo-label,body.dark .elo-label{font-size:1rem!important;color:#10b981!important}body .elo-value,body.dark .elo-value{color:#f59e0b!important}::-webkit-scrollbar{display:none}html{scrollbar-width:none}*{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.items-back-button{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2vw,1.25rem)!important;border-radius:clamp(6px,1.5vw,8px)!important;font-weight:600!important;font-size:clamp(.75rem,1.8vw,.875rem)!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 1px 3px #0000000d!important}.items-back-button:hover{background:#f9fafb!important;border-color:#d1d5db!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}body.dark .items-back-button{background:#1f2937!important;border-color:#374151!important;color:#ffffffde!important}body.dark .items-back-button:hover{background:#374151!important;border-color:#4b5563!important;box-shadow:0 4px 12px #0003!important}