:root{--bg:#f7f7f9;--panel:#fff;--ink:#111;--muted:#737373;--primary:#2563eb;--ring:#2563eb40;--border:#e6e6e6;--radius:12px;--shadow:0 1px 2px #0000000f,0 6px 24px #0000000f}*{box-sizing:border-box}body{background:#f7f7f9;background:var(--bg);color:#111;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}:root{--card-w:224px}.grid{grid-column-gap:40px;grid-row-gap:48px;column-gap:40px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:22px;row-gap:48px}.scroll-body h1+.grid{margin-top:24px}@media (max-width:900px){:root{--card-w:208px}.grid{column-gap:36px;grid-template-columns:repeat(2,1fr);row-gap:40px}}@media (max-width:620px){:root{--card-w:184px}.grid{column-gap:28px;grid-template-columns:1fr;row-gap:32px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;width:224px;width:var(--card-w)}.card-media{align-items:center;aspect-ratio:1/1;background:#eef0f3;color:var(--muted);display:flex;font-weight:600;justify-content:center;-webkit-user-select:none;user-select:none}.card-media img{display:block;height:100%;object-fit:cover;width:100%}.card-body{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:10px 12px}.card-title{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-sub{color:var(--muted);font-size:.9rem}.rank-title,.scroll-body h1:first-of-type{font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:1.1;margin:8px auto 18px;width:min(760px,100%)}.scroll-body h1:first-of-type{font-weight:900;text-align:center!important}.rank-detail{margin:0 auto;max-width:760px;padding:0 8px;text-align:center}.rank-detail-title{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:900;line-height:1.1;margin:8px auto 36px;text-align:center!important;width:min(760px,100%)}.rr2-title{font-size:clamp(2.25rem,4.5vw,3.5rem)!important;margin:36px 0 0!important;text-align:center}.all-lists-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:900;margin:6px auto 18px;text-align:center}.input-outline-black{background:#fff;border:2px solid #0e0e0e!important;border-radius:10px;box-shadow:none}.input-outline-black:focus{border-color:#0e0e0e;box-shadow:0 0 0 3px #00000014;outline:none}.btn-outline-black{background:#0e0e0e;border:2px solid #0e0e0e;border-radius:10px;box-shadow:0 2px 0 #0e0e0e;color:#fff;font-weight:800;letter-spacing:.3px;text-transform:uppercase;transition:transform .05s ease,background .15s ease}.btn-outline-black:hover{background:#111}.btn-outline-black:active{box-shadow:0 1px 0 #0e0e0e;transform:translateY(1px)}.btn-outline-black:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.btn-hollow-black{background:#fff;border:2px solid #0e0e0e;border-radius:10px;box-shadow:0 2px 0 #0e0e0e;color:#0e0e0e;font-weight:800;letter-spacing:.3px;text-transform:uppercase;transition:transform .05s ease,background .15s ease}.btn-hollow-black:hover{background:#f8f8f8}.btn-hollow-black:active{box-shadow:0 1px 0 #0e0e0e;transform:translateY(1px)}.btn-hollow-black:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.grid-divider{background:#ebe5e5;border-radius:1px;height:1px;margin:18px auto;max-width:100%;width:720px}@media (max-width:768px){.nav-wrap{justify-content:stretch}.nav-tabs{align-items:stretch;flex-direction:column;gap:10px}.nav-item{justify-content:center;width:100%}.app-shell{display:block}.app-shell>.user-sidebar{display:none!important}.app-content{box-sizing:border-box;height:auto;margin:0!important;overflow:visible;padding:12px;width:100%!important}.profile-page .user-sidebar{border-right:none;display:block!important;margin:0 auto;max-width:680px;padding:16px;width:auto}.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}@media (max-width:768px){.nav-tabs{position:relative;z-index:5}.section-header{position:static!important;top:auto!important}.mobile-only{display:inline-flex!important}.friend-compare-root{overflow-x:auto}.friend-compare-root .content{align-items:flex-start!important;text-align:left}.friend-compare-root .content h1,.friend-compare-root .content h2,.friend-compare-root .content h3,.friend-compare-root .content h4{text-align:left!important}.friend-compare-root .input{max-width:none;min-width:220px;white-space:nowrap;width:auto!important}.friend-compare-root{overflow-x:auto}.friend-compare-root .content{align-items:flex-start!important;text-align:left}.friend-compare-root .content h1,.friend-compare-root .content h2,.friend-compare-root .content h3,.friend-compare-root .content h4{text-align:left!important}.friend-compare-root .similarity{color:#555;margin-bottom:16px;padding-top:16px;text-align:left!important}}@media (min-width:769px){.friend-compare-root .similarity{display:block;margin:20px 0 22px!important;text-align:center!important;width:100%}}.similarity{color:#555;margin:14px 0 18px;text-align:center}@media (max-width:768px){.similarity{margin:14px 0 18px;text-align:left!important}}.nav-tabs,.section-header{position:static!important;top:auto!important}@media (max-width:768px){.friend-title{margin-top:0!important}.back-btn{margin-bottom:12px!important}}.app-content,.app-shell{overflow:hidden!important}.app-content{min-height:0!important}.scroll-shell{overflow-y:auto!important}@media (max-width:768px){.app-shell{display:flex!important;height:calc(100vh - 64px)!important;height:calc(100dvh - 64px)!important;overflow:hidden!important}.app-shell>.user-sidebar{display:none!important}.app-content{flex:1 1 auto;min-height:0!important;overflow:hidden!important;padding:12px}.scroll-shell{direction:ltr!important;margin-left:0!important;max-width:100%!important;overflow-y:auto!important;padding-left:0!important;width:100%!important}.scroll-shell:before{display:none!important}.scroll-body{padding-left:12px!important;padding-right:12px!important}.section-header{margin-top:0!important}.scroll-shell{margin-bottom:0!important;margin-top:6px!important}.scroll-body{padding-bottom:12px!important}.app-content,.app-shell{overflow:hidden!important}.app-content{min-height:0!important}.scroll-shell{overflow-y:auto!important}.section-header{margin-top:0!important}.scroll-shell{margin-bottom:0!important;margin-top:8px!important}.scroll-body{padding-bottom:12px!important}.scroll-body>.profile-page{margin-top:20px!important}}@media (max-width:768px){@media (max-width:768px){.myrankings-page .myrankings-search-row,.rankme-page .rankme-search-row{margin-top:14px!important}}}@media (min-width:769px){#root,.app-root,body,html{height:100%;overflow:hidden}.app-shell{height:calc(100vh - 64px);overflow:hidden}.app-content{min-height:0;overflow:hidden}.scroll-shell{margin-bottom:0;overflow-x:hidden;overflow-y:auto}.scroll-body{padding-bottom:24px}}@media (max-width:768px){:root{--card-w:100%!important}.grid{grid-template-columns:1fr!important;justify-items:stretch!important;width:100%!important}.card{width:224px!important;width:var(--card-w)!important}}@media (min-width:769px){.section-header{margin-top:0!important}#root,.app-root,body,html{height:100%;overflow:hidden}.app-shell{height:calc(100vh - 64px);overflow:hidden}.app-content{min-height:0;overflow:hidden}.scroll-shell{margin-bottom:0;margin-top:24px;overflow-x:hidden;overflow-y:auto}.scroll-body{padding-bottom:24px}#root,.app-content,.app-root,.app-shell,body,html{overflow:hidden!important}.scroll-shell{overflow-x:hidden!important;overflow-y:auto!important}.section-header{margin-top:22px!important}.scroll-shell *{-ms-overflow-style:none!important;scrollbar-width:none!important}}@media (min-width:769px){.scroll-shell ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}}@media (min-width:769px){.scroll-shell{direction:ltr!important}.scroll-shell:before{display:none!important}.scroll-shell::-webkit-scrollbar{width:14px}.section-header{margin-top:0!important}.scroll-body{padding-top:22px!important}.scroll-shell *{-ms-overflow-style:none!important;scrollbar-width:none!important}.scroll-shell ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}}@media (min-width:769px){.scroll-shell{direction:rtl!important;margin-top:0!important}.scroll-shell:before{display:none!important}.nav-tabs,.nav-wrap,.section-header{margin-top:0!important}.scroll-body{padding-top:22px!important}.scroll-shell *{-ms-overflow-style:none!important;scrollbar-width:none!important}.scroll-shell ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}}@media (max-width:768px){.friend-title,.rank-detail-title{margin-top:18px!important}.friend-compare-root{margin-top:16px!important}.friend-compare-root .content{padding-top:6px!important}.scroll-body .back-btn,.scroll-body .logout-btn.back-btn,.scroll-body>.back-btn,.scroll-body>.logout-btn,.scroll-body>.logout-btn.back-btn{margin-top:16px!important}.profile-page .user-sidebar{--avatar-size:min(94vw,560px);border-right:none!important;padding:22px 16px!important;width:100%!important}.profile-page .identity-block{align-items:center!important}.profile-page .avatar-wrap{height:var(--avatar-size)!important;width:var(--avatar-size)!important}.profile-page .avatar{height:100%!important;object-fit:cover;width:100%!important}.profile-page .username{font-size:clamp(1.35rem,5vw,2.1rem)!important}.profile-page .role{font-size:1.08rem!important}.profile-page .bio-box{min-height:180px!important}.profile-page .user-sidebar{border-right:none!important;padding:22px 16px!important;width:100%!important}.profile-page .avatar-wrap{aspect-ratio:1/1;height:auto!important;margin-left:auto;margin-right:auto;max-width:560px;width:100%!important}.profile-page .avatar{box-sizing:border-box;display:block;height:100%!important;object-fit:cover;width:100%!important}.profile-page .username{font-size:clamp(1.35rem,5vw,2.1rem)!important}.profile-page .role{font-size:1.08rem!important}.profile-page .bio-box{min-height:180px!important}}.modal-backdrop{overscroll-behavior:contain}.modal{display:flex;flex-direction:column;max-height:92vh}.modal-body{-webkit-overflow-scrolling:touch;max-height:calc(92vh - 120px);overflow-y:auto}@media (max-width:768px){.modal{max-height:94dvh}.modal-body{max-height:calc(94dvh - 120px)}}.mobile-footer{display:none}@media (max-width:768px){.mobile-footer{color:#1f2937;display:block;font-size:12px;padding:10px 0 14px;text-align:center}.mobile-footer-line{border-top:1px solid #ececec;border-top:1px solid var(--border,#ececec);height:0;margin:16px 0 8px}.profile-page .actions,.profile-page .bio-box{margin-left:auto;margin-right:auto;max-width:560px;width:100%}.profile-page .actions .btn-primary{justify-content:center;width:100%}.user-sidebar .sidebar-footer{display:none!important}.profile-page .user-sidebar{padding-bottom:8px!important}.profile-page .actions{margin-bottom:6px!important}.profile-page~.mobile-footer .mobile-footer-line{margin-top:8px!important}.profile-page .user-sidebar{height:auto!important;min-height:0!important}.profile-page .sidebar-inner{overflow:visible!important;padding-bottom:0!important}}.brand:before{display:none!important}.brand{display:inline-flex}.brand-logo{display:block;height:20px;width:auto}@media (max-width:768px){.brand-logo{height:22px}}.brand-text{font-weight:900;letter-spacing:.5px;line-height:1}@media (max-width:768px){.back-btn+.btn-outline-black{margin-left:8px}}.chat-page .back-btn{margin-bottom:28px!important}@media (max-width:768px){.chat-page .chat-panel{max-width:100%!important;width:100%!important}}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.header-actions .btn-hollow-black,.header-actions .btn-outline-black,.header-actions .logout-btn{align-items:center;display:inline-flex;height:40px;justify-content:center;line-height:1;padding:0 14px}@media (min-width:769px){.auth-landing{max-height:calc(100vh - 6rem);overflow-y:auto}.auth-form-container,.page-container{max-height:calc(100vh - 160px);overflow-y:auto}.auth-form-container,.auth-landing,.page-container{direction:rtl}.auth-form-container>*,.auth-landing>*,.page-container>*{direction:ltr}}:root{--bw-bg:#fff;--bw-fg:#0e0e0e;--bw-fg-soft:#2b2b2b;--bw-muted:#6b6b6b;--bw-line:#0a0a0a;--bw-line-soft:#dcdcdc;--bw-invert:#000;--rhythm-1:4px;--rhythm-2:8px;--rhythm-3:12px;--rhythm-4:16px;--rhythm-6:24px;--rhythm-8:32px;--step--1:0.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.375rem;--step-3:1.75rem;--step-4:2.25rem;--step-5:3rem;--step-6:3.75rem;--step-7:4.75rem}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bw-bg);color:#0e0e0e;color:var(--bw-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;margin:0;text-rendering:optimizeLegibility}:where(*){border-radius:0!important}:focus-visible{outline:3px solid #000;outline:3px solid var(--bw-invert);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-weight:900;letter-spacing:.2px;margin:0 0 16px;margin:0 0 var(--rhythm-4) 0}h1{font-size:4.75rem;font-size:var(--step-7);line-height:.95}h2{font-size:3.75rem;font-size:var(--step-6);line-height:1.05}h3{font-size:3rem;font-size:var(--step-5);line-height:1.1}h4{font-size:2.25rem;font-size:var(--step-4)}h5{font-size:1.75rem;font-size:var(--step-3)}h6{font-size:1.375rem;font-size:var(--step-2)}p{color:#2b2b2b;color:var(--bw-fg-soft);margin:0 0 24px;margin:0 0 var(--rhythm-6)}.muted,small{color:#6b6b6b;color:var(--bw-muted);font-size:.875rem;font-size:var(--step--1)}.code,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.container{margin-inline:auto;padding-inline:16px;padding-inline:var(--rhythm-4);width:min(1200px,100%)}.grid{grid-gap:24px;grid-gap:var(--rhythm-6);display:grid;gap:24px;gap:var(--rhythm-6)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.app-shell{grid-gap:32px;grid-gap:var(--rhythm-8);display:grid;gap:32px;gap:var(--rhythm-8);grid-template-columns:320px 1fr}.user-sidebar{border-right:2px solid #0a0a0a;border-right:2px solid var(--bw-line);padding-right:24px;padding-right:var(--rhythm-6)}.main-content{padding-left:24px;padding-left:var(--rhythm-6)}.section{border-top:2px solid #0a0a0a;border-top:2px solid var(--bw-line);padding-block:32px;padding-block:var(--rhythm-8)}.section:first-child{border-top:0}.rule{background:#0a0a0a;background:var(--bw-line);height:2px}.hairline{background:#dcdcdc;background:var(--bw-line-soft);height:1px}.header{background:#fff;background:var(--bw-bg);border-bottom:2px solid #0a0a0a;border-bottom:2px solid var(--bw-line);position:sticky;top:0;z-index:50}.header-inner{align-items:center;display:flex;gap:16px;gap:var(--rhythm-4);padding:12px 16px;padding:var(--rhythm-3) var(--rhythm-4)}.brand{text-transform:uppercase}.brand:before{display:inline-block;margin-right:8px}.brand .dot,.brand-dot,.brand-square,.logo-dot{background:#000!important;color:#000!important}.nav{display:flex;flex-wrap:wrap;gap:8px;gap:var(--rhythm-2)}.nav a{align-items:center;background:#f6f6f6;border:2px solid #0a0a0a;border:2px solid var(--bw-line);color:#0e0e0e;color:var(--bw-fg);display:inline-flex;font-weight:800;height:40px;justify-content:center;padding:0 24px;padding:0 var(--rhythm-6);text-decoration:none;text-transform:uppercase}.nav a:hover{background:#efefef;transform:translate(-1px,-1px)}.nav a:active{transform:translate(0)}.nav a:visited{color:#0e0e0e;color:var(--bw-fg)}.nav a.active,.nav a[aria-current=page]{background:#fff;outline:3px double #0a0a0a;outline:3px double var(--bw-line)}a{color:#0e0e0e;color:var(--bw-fg);text-decoration:underline;text-underline-offset:2px}a:hover{text-decoration-thickness:3px}a:visited{color:#0e0e0e;color:var(--bw-fg)}.box,.card,.panel,.tile{background:#fff;box-shadow:6px 6px 0 #0000000d;padding:24px;padding:var(--rhythm-6)}.box,.card,.list-item,.panel,.tile{border:2px solid #0a0a0a;border:2px solid var(--bw-line)}.list-item{align-items:center;display:flex;gap:16px;gap:var(--rhythm-4);padding:16px;padding:var(--rhythm-4)}.list-item+.list-item{margin-top:12px;margin-top:var(--rhythm-3)}label{display:inline-block;font-weight:800;margin-bottom:8px;margin-bottom:var(--rhythm-2)}input,select,textarea{background:#fff;border:2px solid #0a0a0a;border:2px solid var(--bw-line);color:#0e0e0e;color:var(--bw-fg);padding:12px 16px;padding:var(--rhythm-3) var(--rhythm-4);width:100%}input::placeholder,textarea::placeholder{color:#9a9a9a}.btn,[role=button],[type=button],[type=submit],button{appearance:none;background:#fff;border:2px solid #0a0a0a;border:2px solid var(--bw-line);box-shadow:4px 4px 0 #00000014;color:#000;cursor:pointer;font-weight:900;letter-spacing:.3px;padding:12px 24px;padding:var(--rhythm-3) var(--rhythm-6);text-transform:uppercase}.btn:hover,button:hover{background:#efefef;transform:translate(-1px,-1px)}.btn:active,button:active{box-shadow:2px 2px 0 #0000001f;transform:translate(0)}button[disabled]{cursor:not-allowed;opacity:.6}.MuiButton-root,.ant-btn,.btn-danger,.btn-info,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.chakra-button,.edit-profile,.edit-profile button,.logout,.logout-button,[class*=edit][class*=profile],[class*=logout]{background:#fff!important;border:2px solid #0a0a0a!important;border:2px solid var(--bw-line)!important;box-shadow:4px 4px 0 #00000014!important;color:#000!important}.MuiButton-root:hover,.ant-btn:hover,.btn-danger:hover,.btn-info:hover,.btn-primary:hover,.btn-secondary:hover,.btn-success:hover,.btn-warning:hover,.chakra-button:hover,.edit-profile button:hover,.edit-profile:hover,.logout-button:hover,.logout:hover,[class*=edit][class*=profile]:hover,[class*=logout]:hover{background:#efefef!important}.table,table{border-collapse:initial;border-spacing:0;width:100%}.table td,.table th,table td,table th{border:2px solid #0a0a0a;border:2px solid var(--bw-line);padding:12px;padding:var(--rhythm-3);text-align:left}.table thead th,table thead th{background:#f6f6f6;font-weight:900}img{display:block;filter:none!important;height:auto;max-width:100%}.decolorize img{filter:grayscale(100%) contrast(110%) brightness(97%)!important}.list-cover,.profile-photo{border:2px solid #0a0a0a;border:2px solid var(--bw-line)}.center{display:grid;place-items:center}.stack>*+*{margin-top:16px;margin-top:var(--rhythm-4)}.cluster{flex-wrap:wrap;gap:12px;gap:var(--rhythm-3)}.cluster,.spaced{align-items:center;display:flex}.spaced{gap:16px;gap:var(--rhythm-4);justify-content:space-between}.upper{text-transform:uppercase}.weight-900{font-weight:900}.muted{color:#6b6b6b;color:var(--bw-muted)}.border{border:2px solid #0a0a0a!important;border:2px solid var(--bw-line)!important}.border-1{border:1px solid #0a0a0a!important;border:1px solid var(--bw-line)!important}.h-rule{background:#0a0a0a;background:var(--bw-line);height:2px}.mt-2{margin-top:8px;margin-top:var(--rhythm-2)}.mt-4{margin-top:16px;margin-top:var(--rhythm-4)}.mt-6{margin-top:24px;margin-top:var(--rhythm-6)}.mt-8{margin-top:32px;margin-top:var(--rhythm-8)}.mb-2{margin-bottom:8px;margin-bottom:var(--rhythm-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--rhythm-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--rhythm-6)}.mb-8{margin-bottom:32px;margin-bottom:var(--rhythm-8)}.p-2{padding:8px;padding:var(--rhythm-2)}.p-4{padding:16px;padding:var(--rhythm-4)}.p-6{padding:24px;padding:var(--rhythm-6)}.p-8{padding:32px;padding:var(--rhythm-8)}:root{scrollbar-color:#000 #fff;scrollbar-width:auto}::-webkit-scrollbar{height:14px;width:14px}::-webkit-scrollbar-thumb{background:#000;border:3px solid #fff}::-webkit-scrollbar-track{background:#fff}.theme-bw-dark{background:#0b0b0b;color:#f2f2f2}.theme-bw-dark .header{background:#0b0b0b;border-color:#f2f2f2}.theme-bw-dark .nav a{background:#1a1a1a;border-color:#f2f2f2;color:#f2f2f2}.theme-bw-dark .nav a:visited{color:#f2f2f2}.theme-bw-dark .box,.theme-bw-dark .card,.theme-bw-dark .panel,.theme-bw-dark .tile{background:#0b0b0b;border-color:#f2f2f2;box-shadow:6px 6px 0 #ffffff12}.theme-bw-dark .table td,.theme-bw-dark .table th,.theme-bw-dark table td,.theme-bw-dark table th{border-color:#f2f2f2}.theme-bw-dark a{color:#f2f2f2}.theme-bw-dark .hairline{background:#2a2a2a}.user-sidebar{--avatar-size:180px;background:#fff;border-right:1px solid #ececec;padding:22px 18px;width:340px}.identity-block{align-items:center;display:flex;flex-direction:column;margin-bottom:12px;width:100%}.avatar-wrap{height:var(--avatar-size);margin-bottom:12px;width:var(--avatar-size)}.avatar{background:#f6f6f6;border:1px solid #ddd;border-radius:14px;height:100%;object-fit:cover;width:100%}.avatar.placeholder{align-items:center;background:#f2f2f2;border:1px dashed #ccc;border-radius:14px;color:#666;display:flex;font-size:2.5rem;justify-content:center}.user-meta{margin-bottom:10px;margin-top:2px;text-align:center;width:var(--avatar-size)}.username{font-size:clamp(1.1rem,2.6vw,1.8rem);font-weight:800;line-height:1.1;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role{color:#6b7280;font-size:.96rem}.bio-box{background:#fbfbfb;border:1px solid #e2e2e2;border-radius:12px;color:#141414;line-height:1.55;margin-top:0;min-height:120px;padding:14px 16px;white-space:pre-line}.user-sidebar .actions{display:flex;justify-content:center;margin-top:18px}.btn-primary{align-items:center;background:#2563eb;border:1px solid #1d4ed8;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.98rem;gap:8px;justify-content:center;padding:10px 16px;transition:background .15s ease,border-color .15s ease,transform .02s ease}.btn-primary:hover{background:#1e54e6}.btn-primary:active{transform:translateY(1px)}.error-banner{background:#fde8e8;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:.95rem;margin-bottom:12px;padding:10px 12px}.modal-backdrop{align-items:flex-start;background:#0006;display:flex;inset:0;justify-content:center;padding:40px 16px;position:fixed;z-index:1000}.modal{background:#fff;border:1px solid #eaeaea;border-radius:16px;box-shadow:0 12px 40px #0000002e;max-width:92vw;overflow:hidden;width:calc(var(--avatar-size) + 56px)}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:14px 18px}.modal-title{font-size:1.05rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#555;cursor:pointer;font-size:1.25rem;line-height:1}.modal-body{display:flex;justify-content:center;padding:16px 18px}.modal-stack{align-items:stretch;display:flex;flex-direction:column;gap:12px;width:var(--avatar-size)}.upload-preview{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;display:flex;height:var(--avatar-size);justify-content:center;overflow:hidden;width:100%}.upload-preview img{height:100%;object-fit:cover;width:100%}.upload-btn{background:#e5e7eb;border:1px solid #9ca3af;border-radius:10px;color:#111827;padding:10px 12px;text-align:center}.upload-btn:hover{background:#d1d5db}.modal-textarea{border:1px solid #d6d6d6;border-radius:10px;font-size:.96rem;line-height:1.45;min-height:110px;padding:10px 12px;resize:vertical;width:100%}.modal-footer{display:flex;gap:10px;justify-content:center;padding:14px 18px 18px}.btn-cancel{background:#fee2e2;border:1px solid #dc2626;border-radius:10px;color:#991b1b;cursor:pointer;padding:9px 14px}.btn-cancel:hover{background:#fecaca}.btn-save{background:#10b981;border:1px solid #059669;border-radius:10px;color:#fff;cursor:pointer;padding:9px 14px}.btn-save[disabled]{cursor:not-allowed;opacity:.6}.user-sidebar{box-sizing:border-box;display:flex;min-height:100vh}.sidebar-inner{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;padding-bottom:8px}.sidebar-footer{background:#fff;border-top:1px solid #ececec;border-top:1px solid var(--border,#ececec);bottom:0;margin-top:16px;padding:10px 0 6px;position:sticky;text-align:center;z-index:1}.sidebar-footer p{color:#1f2937;font-size:12px;line-height:1.25;margin:0}.navbar{background-color:#f9f9f9;border-bottom:1px solid #ddd;display:flex;font-family:Arial,sans-serif;justify-content:center;padding:1rem 0}.nav-content{align-items:center;display:flex;font-size:1.1rem;gap:1rem}.nav-link{color:#333;font-weight:600;text-decoration:none}.nav-link:hover{color:#007bff}.divider{color:#bbb}.logout-button{background:none;border:none;color:#d33;cursor:pointer;font-weight:600}.logout-button:hover{text-decoration:underline}.create-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin:6px auto 40px;padding:18px 18px 22px;width:min(640px,100%)}.create-title{font-size:1.25rem;font-weight:900;margin-bottom:10px;text-align:center}.notice{border:1px solid;border-radius:10px;margin:10px 0 14px;padding:10px 12px}.notice.success{background:#ecfdf5;border-color:#34d399;color:#065f46}.notice.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.create-form{display:flex;flex-direction:column;gap:16px}.field .label{display:block;font-weight:700;margin-bottom:6px}.input{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);outline:none;padding:10px 12px;width:100%}.input:focus{border-color:#a3a3a3}.items-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-top:6px}.items-rows{display:flex;flex-direction:column;gap:10px}.item-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 40px}.btn{background:#f5f5f5;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:10px 14px;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{background:#ededed}.btn-ghost{background:#0000;border-color:var(--border)}.btn-ghost:hover{background:#f5f5f5}.btn-icon{align-items:center;display:inline-flex;font-size:20px;height:40px;justify-content:center;line-height:1;padding:0;width:40px}.btn-primary{background:#16a34a;border-color:#16a34a;color:#fff}.btn-primary:hover{background:#15803d;border-color:#15803d}.actions{display:flex;justify-content:center;margin-top:6px}.helper{color:var(--muted);font-size:.95rem;margin-top:10px;text-align:center}.image-uploader{flex-direction:column;gap:8px;margin:6px auto 14px;width:50%}.image-square,.image-uploader{align-items:center;display:flex}.image-square{aspect-ratio:1/1;background:#f9fafb;border:1px dashed var(--border);border-radius:10px;box-shadow:var(--shadow);justify-content:center;overflow:hidden;width:100%}.image-square img{display:block;height:100%;object-fit:cover;width:100%}.image-placeholder{color:#888;color:var(--muted,#888);font-size:.95rem}.image-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px;width:100%}.image-actions .btn-ghost{align-self:center;padding:6px 10px}@media (max-width:640px){.image-uploader{width:100%}}.image-actions .btn:first-child{background:#fff;border-color:#0e0e0e;color:#0e0e0e;width:100%}.image-actions .btn:first-child:hover{background:#f5f5f5;border-color:#0e0e0e}.image-actions .btn-ghost{align-self:stretch;padding:10px 14px}.image-actions .btn-ghost:nth-child(2){background:#ef4444;border-color:#ef4444;color:#fff;width:100%}.image-actions .btn-ghost:nth-child(2):hover{background:#dc2626;border-color:#dc2626}.image-actions>button{align-self:stretch;width:100%}.image-actions>button:first-of-type{background:#fff;border-color:#0e0e0e;color:#0e0e0e}.image-actions>button:first-of-type:hover{background:#f5f5f5;border-color:#0e0e0e}.image-actions>button:nth-of-type(2){background:#ef4444;border-color:#ef4444;color:#fff}.image-actions>button:nth-of-type(2):hover{background:#dc2626;border-color:#dc2626}.create-list .items-header .add-item-btn,.create-list .items-rows .remove-item-btn{color:#000!important;mix-blend-mode:normal!important;text-shadow:none!important}.create-list .items-rows .remove-item-btn{background:#0000;border:1px solid #0003;border-radius:.5rem;line-height:1;padding:.4rem .6rem}.create-list .items-header .add-item-btn:hover,.create-list .items-rows .remove-item-btn:hover{color:#000!important;opacity:.85}.create-list .items-header .add-item-btn:focus-visible,.create-list .items-rows .remove-item-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.items-header .add-item-btn,.items-rows .remove-item-btn{color:#000!important;mix-blend-mode:normal!important;text-shadow:none!important}.items-rows .remove-item-btn{background:#0000;border:1px solid #0003;border-radius:.5rem;line-height:1;padding:.4rem .6rem}.items-header .add-item-btn:hover,.items-rows .remove-item-btn:hover{color:#000!important;opacity:.85}.items-header .add-item-btn:focus-visible,.items-rows .remove-item-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.mbz-import{background:#fafafa;border:1px dashed var(--border);border-radius:12px;margin:6px 0 14px;padding:12px}.mbz-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mbz-label{font-weight:800;margin-right:auto}.mbz-controls{align-items:center;display:flex;gap:10px}.mbz-select{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.mbz-append{align-items:center;display:inline-flex;gap:8px;margin-left:8px;white-space:nowrap}.mbz-search{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);flex:1 1 420px;outline:none;padding:10px 12px;width:100%}.mbz-search:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mbz-suggest{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);margin-top:8px;max-height:260px;overflow:hidden;overflow-y:auto}.mbz-suggest-item{background:#fff;border:0;cursor:pointer;display:block;padding:10px 12px;text-align:left;width:100%}.mbz-suggest-item:hover{background:#f5f5f5}.mbz-suggest-item.muted{color:#666;color:var(--muted,#666);cursor:default}.scroll-body{overflow:auto}.mbz-select,.mbz-select option{background:#fff;color:#000!important}.mbz-suggest-item{mix-blend-mode:normal!important;text-shadow:none!important}.mbz-suggest-item,.mbz-suggest-item:focus,.mbz-suggest-item:hover{color:#000!important}.mbz-suggest-item.muted{color:#666!important}.mbz-import{pointer-events:none}.mbz-import .mbz-suggest,.mbz-import .mbz-suggest-item,.mbz-import button,.mbz-import input,.mbz-import select{pointer-events:auto}.mbz-suggest{position:relative;z-index:2}.app-root{background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.brand{align-items:center;display:flex;font-size:1.25rem;gap:10px}.brand:before{background:#000;border-radius:2px;box-shadow:none;content:"";height:10px;width:10px}.scroll-shell:before{border-radius:10px;width:18px}.scroll-shell::-webkit-scrollbar-thumb{background:#bfbfbf}.scroll-shell::-webkit-scrollbar-thumb:hover{background:#aeaeae}.scroll-shell{scrollbar-color:#bfbfbf #f1f1f1}.scroll-body{direction:ltr;padding-bottom:48px;padding-left:18px;padding-right:28px}.rank-title{font-size:1.25rem;font-weight:900}.rank-order{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.rank-order>li{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);gap:12px;justify-content:flex-start;padding:12px 14px 12px 18px}.rank-order>li,.topbar{align-items:center;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:.5px}.brand-xl{margin-bottom:1rem;text-align:center}.logout-btn{background:#fee2e2;border:1px solid #ef4444;border-radius:10px;color:#991b1b;cursor:pointer;padding:10px 14px}.logout-btn:hover{background:#fecaca}.app-shell{display:flex;gap:28px;height:calc(100vh - 64px);overflow:hidden;padding:0 16px}.app-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.section-header{background:#0000;border-bottom:0;margin-top:22px}.nav-wrap{display:flex;justify-content:center;margin:0;padding:0;width:100%}.nav-tabs{background:#0000;border:0;box-shadow:none;display:flex;gap:8px;max-width:100%;overflow:visible;width:1040px}.nav-item{background:#fff;border:2px solid #0e0e0e;border-radius:2px;box-shadow:0 2px 0 #0e0e0e;color:var(--ink);flex:1 1;font-weight:800;letter-spacing:.5px;padding:12px 18px;text-align:center;text-decoration:none;text-transform:uppercase}.nav-item:hover{background:#f8f8f8}.nav-item.active{background:#f5f5f5}.nav-item,.nav-item:link,.nav-item:visited{color:var(--ink);text-decoration:none}.scroll-shell{direction:rtl;flex:1 1;margin:36px auto 32px;max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding-left:28px;position:relative;scrollbar-gutter:stable;width:1040px}.scroll-shell:before{background:linear-gradient(#ededed,#e4e4e4);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:28px;z-index:0}.scroll-shell::-webkit-scrollbar{width:26px}.scroll-shell::-webkit-scrollbar-track{background:#f1f1f1;border-radius:12px}.scroll-shell::-webkit-scrollbar-thumb{background:#cfcfcf;border:6px solid #f1f1f1;border-radius:12px}.scroll-shell{scrollbar-color:#cfcfcf #f1f1f1;scrollbar-width:auto}.rank-page{align-items:center;display:flex;flex-direction:column;margin:0 auto 40px;max-width:760px;padding:0 8px;text-align:center}.rank-title{margin:6px auto 14px;text-align:center!important;width:min(560px,100%)}.rank-order{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 auto;padding:0;width:min(560px,100%)}.rank-order li{border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:8px;padding:12px 14px 12px 18px}.rank-chip,.rank-order li{align-items:center;background:#fff}.rank-chip{border:2px solid #0e0e0e;border-radius:8px;color:#0e0e0e;display:inline-flex;flex-shrink:0;font-weight:800;height:28px;justify-content:center;margin-right:4px;width:28px}.rank-label{font-weight:700}.rank-actions{display:flex;justify-content:center;margin-top:16px}.auth-landing{margin:3rem auto;max-width:760px;padding:1rem}.auth-tabs{display:flex;gap:.5rem;justify-content:center}.create-wrap input[type=file],.create-wrap input[type=text],.create-wrap select,.create-wrap textarea{background:#fff;border:2px solid #0e0e0e;border-radius:10px;box-shadow:0 2px 0 #0e0e0e}.create-wrap .btn,.create-wrap button{background:#fff;border:2px solid #0e0e0e;box-shadow:0 2px 0 #0e0e0e;color:#0e0e0e;font-weight:800}@media (max-width:768px){.create-wrap{padding:14px 12px 18px}.mbz-append{align-items:center;display:inline-flex;gap:8px;margin-left:8px;white-space:nowrap}.item-row{gap:6px;grid-template-columns:1fr 40px}.mbz-row{align-items:flex-start;flex-direction:column}.mbz-label{margin-right:0}.mbz-controls{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.mbz-select{font-size:1rem;padding:12px 14px;width:100%}.mbz-append{margin:2px 0 0;order:2}}.mbz-append{margin:0!important}.mbz-append input[type=checkbox]{box-shadow:none!important;height:auto!important;margin:0!important;padding:0!important;width:auto!important}.mbz-append span{margin-left:8px!important}@media (max-width:768px){.mbz-search{flex:0 0 auto!important;max-width:340px!important;width:100%!important}}.rr2-wrap{margin:0 auto 60px;max-width:820px;text-align:center}.rr2-title{font-size:1.25rem}.rr2-sub{color:#6b7280;font-size:.95rem;margin-bottom:0;margin-top:6px}.rr2-stage{align-items:stretch;display:flex;flex-wrap:nowrap;gap:28px;justify-content:center;margin-top:56px}.rr2-option:hover{background:#f7f7f9;box-shadow:0 8px 28px #00000014;transform:translateY(-2px)}.rr2-empty,.rr2-pending{color:#6b7280;padding:18px 0}@media (max-width:740px){.rr2-stage{flex-wrap:wrap;gap:16px;margin-top:40px}.rr2-option{min-width:260px;width:100%}}.rr2-option{appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 22px #0000000f;cursor:pointer;font-size:1.05rem;font-weight:800;min-width:280px;padding:18px 22px;transition:transform .06s ease,box-shadow .12s ease,background .12s ease}.rr2-option,.rr2-option:active,.rr2-option:focus{color:#111!important}.rr2-title{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:900;margin:36px 0 0}.auth-form-container,.home-container,.page-container{background-color:#fff;border-radius:8px;margin:80px auto;max-width:400px;padding:20px;text-align:center}.auth-heading,.welcome-header{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.auth-nav,.home-nav{margin-bottom:20px}.auth-nav a,.home-nav .top-nav-link{color:#007bff;font-weight:500;margin:0 8px;text-decoration:none}.home-nav .divider{color:#ccc}form{display:flex;flex-direction:column;gap:12px}button,input,textarea{border:1px solid #ccc;border-radius:6px;font-family:inherit;font-size:16px;padding:10px}button{background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#0056b3}.error-message{color:red;margin-bottom:10px}.image-placeholder,.image-preview{background-color:#eee;border:2px dashed #ccc;border-radius:8px;height:120px;margin:0 auto 20px;object-fit:cover;width:120px}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.upload-btn{background:#fff;border:2px solid #0e0e0e;border-radius:2px;box-shadow:0 2px 0 #0e0e0e;cursor:pointer;display:inline-block;font-weight:800;letter-spacing:.5px;margin:8px 0 12px;padding:10px 14px;text-transform:uppercase}.upload-btn:hover{background:#f8f8f8}@media (min-width:769px){.auth-form-container{max-height:none;overflow:visible}}
/*# sourceMappingURL=main.7eb264f2.css.map*/