:root{color:#fff;font-synthesis:none;background:#020016;font-family:Zen Old Mincho,Yu Mincho,serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#020016}button,input{font:inherit}button{cursor:pointer}p{margin:0}.site-header{z-index:20;background:#181830f7;position:sticky;top:0;box-shadow:0 4px 12px #2a365014}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;min-height:80px;margin:auto;padding:16px 80px;display:flex}.logo-box{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.logo{object-fit:cover;width:55px;height:48px}.desktop-menu{gap:24px;display:flex}.desktop-menu button,.mobile-menu button{color:#ffffffd9;background:0 0;border:0;padding:12px}.desktop-menu button:hover,.desktop-menu button.active{color:#e879f9}.menu-toggle,.mobile-menu{display:none}.app-main{min-height:calc(100vh - 80px)}.page{color:#fff;padding-bottom:100px}.main{max-width:1280px;margin:0 auto;padding:20px 80px}.narrow{max-width:1080px}.main-title{text-align:center;color:#e9d5ff;margin:60px 0 40px;font-size:48px;font-weight:700;line-height:1.4}.animate-in,.content-item,.event-title{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)}.fade-in-up{opacity:1!important;transform:translateY(0)!important}.intro-section{color:#e9d5ffeb;max-width:1200px;margin:0 auto 80px;padding:0 20px;font-size:18px;line-height:1.8}.intro-section p{margin-bottom:24px}.intro-lead{color:#fff;font-size:22px;font-weight:600}.intro-footer{border-top:1px solid #a855f740;padding-top:24px}.section-heading{text-align:center;color:#c084fc;-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#7e22ce,#a855f7);-webkit-background-clip:text;background-clip:text;margin:50px 0;padding-bottom:20px;font-size:42px;position:relative}.section-heading:after{content:"";background:linear-gradient(270deg,#7e22ce,#a855f7);width:180px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rank-list{grid-template-columns:repeat(3,1fr);gap:20px 50px;display:grid}.rank-item{background:#112;border:1px solid #a855f747;border-radius:16px;flex-direction:column;align-items:stretch;min-width:0;padding:28px 20px 32px;display:flex;box-shadow:0 8px 28px #00000047}.rank-item.rank-1{border-color:#fde04766}.rank-item.rank-2{border-color:#cbd5e159}.rank-item.rank-3{border-color:#fb923c61}.votes-info{color:#e9d5ff;background:#7e22ce33;border:1px solid #a855f759;border-radius:999px;align-self:center;margin-bottom:18px;padding:6px 16px;font-size:15px}.rank-item>img{object-fit:cover;border:2px solid #a855f752;border-radius:12px;width:295px;max-width:100%;height:295px;margin:0 auto}.name{color:#e9d5ff;text-align:center;align-items:center;min-height:88px;margin:20px auto 28px;font-size:36px;line-height:1.15;display:flex}.action-buttons{justify-content:center;gap:16px;display:flex}.info-button,.theme-button{border-radius:999px;height:48px;padding:0 24px;font-size:18px}.info-button{color:#e9d5ff;background:0 0;border:1px solid #c4b5fd73;width:120px}.theme-button{color:#fff;background:#7e22ce;border:1px solid #a855f799}.theme-button:hover{background:#6b21a8}.theme-button.voting{background:#fd5969}.loading{color:#c4b5fd;place-items:center;min-height:300px;display:grid}.sponsor-strip{background:linear-gradient(#1e1230f2,#111122fa)}.sponsor-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:40px 24px;padding-top:48px;padding-bottom:48px;display:grid}.sponsor-grid img{object-fit:cover;width:100%;max-width:320px;height:200px}.compliance-section{background:#a855f70f;padding:100px 0}.compliance-content{color:#e9d5ffeb;font-size:18px;line-height:1.8}.compliance-list{margin-top:32px}.compliance-list article{background:#a855f714;border-left:4px solid #a855f7;border-radius:12px;margin-bottom:32px;padding:24px}.compliance-list h3{color:#c4b5fd;margin:0 0 12px;font-size:20px}.support-section{padding:70px 0}.support-grid{grid-template-columns:repeat(4,1fr);gap:32px 40px;display:grid}.support-grid img{object-fit:contain;background:#fff;width:100%;height:150px}.notice-overlay{z-index:30;background:#18080e94;place-items:center;display:grid;position:fixed;inset:0}.notice-box{color:#e9d5ff;text-align:center;background:#241323;border-radius:24px;min-width:320px;max-width:90vw;padding:32px 44px;font-size:19px;box-shadow:0 25px 50px #0006}.notice-box.error{color:#fecdd3}.event-page{padding-bottom:100px}.content-box{flex-direction:column;gap:40px;display:flex}.event-heading{border-bottom:1px solid #7e22ce;padding:32px 0;font-size:40px;font-weight:600}.event-heading span{color:#a855f7;margin-right:30px}.event-content{padding-top:30px;font-size:20px;line-height:1.8}.event-content p{margin:20px 0}.fw-600{font-weight:600!important}.simple-page .content-card{color:#e9d5ff;background:#112;border:1px solid #a855f747;border-radius:20px;max-width:800px;margin:auto;padding:40px;font-size:20px;line-height:1.8}.content-card p+p{margin-top:20px}.signup-form{gap:16px;display:grid}.signup-form input{color:#fff;background:#020016;border:1px solid #a855f780;border-radius:8px;padding:14px 16px}.signup-form .theme-button{width:max-content}.user-page{min-height:100vh;padding:40px 0}.back-button{color:#fff;background:linear-gradient(135deg,#7e22ce,#a855f7);border:0;border-radius:25px;padding:10px 24px}.back-button-wrapper{margin-bottom:30px}.user-detail-content{background:#112;border-radius:20px;padding:50px;box-shadow:0 8px 30px #7e22ce2e}.user-header{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.user-avatar-wrapper{margin-bottom:20px;position:relative}.avatar-border{background:linear-gradient(135deg,#7e22ce,#a855f7);border-radius:50%;position:absolute;inset:-8px}.user-avatar{z-index:1;object-fit:cover;border:6px solid #112;border-radius:50%;width:200px;height:200px;position:relative}.user-header h1{color:#e9d5ff;margin:0 0 15px;font-size:32px}.user-votes{color:#e9d5ff;background:#a855f72e;border-radius:999px;padding:8px 20px}.user-introduction-wrapper h2{color:#7e22ce;border-bottom:2px solid #a855f759;align-items:center;gap:12px;margin:0 0 25px;padding-bottom:15px;display:flex}.title-icon{background:linear-gradient(135deg,#7e22ce,#a855f7);border-radius:2px;width:4px;height:28px}.user-introduction{color:#c4b5fd;font-size:18px;line-height:2}@media (width<=768px){.header-inner{flex-wrap:wrap;min-height:80px;padding:0 20px}.desktop-menu{display:none}.menu-toggle{background:0 0;border:0;flex-direction:column;justify-content:space-around;width:40px;height:40px;padding:10px;display:flex}.menu-toggle span{background:#fff;height:2px}.mobile-menu{background:#fff;width:100%;padding:16px;display:grid}.mobile-menu button{color:#7e22ce;text-align:left;border-bottom:1px solid #fcd34d}.main{padding:20px}.main-title{margin:30px 0 20px;padding:0 16px;font-size:24px}.intro-section{margin-bottom:40px;padding:0 16px;font-size:14px}.intro-lead{font-size:16px}.section-heading{margin:30px 0;font-size:24px}.rank-list{grid-template-columns:1fr;gap:16px;padding:0 12px}.rank-item>img{width:150px;height:150px}.name{min-height:44px;margin:10px;font-size:18px}.action-buttons{gap:8px}.info-button,.theme-button{height:36px;padding:0 12px;font-size:13px}.sponsor-grid{grid-template-columns:1fr;gap:10px;padding:20px}.support-grid{grid-template-columns:repeat(2,1fr);gap:10px}.support-grid img{height:100px}.compliance-section{padding:40px 0}.compliance-content{font-size:14px}.event-heading{font-size:24px}.event-content{font-size:16px}.user-detail-content{padding:25px 20px}.user-avatar{border-width:4px;width:140px;height:140px}.user-header h1{font-size:24px}.simple-page .content-card{padding:24px;font-size:16px}}