@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background:#ffffff;color:#111111}*{box-sizing:border-box}a{color:inherit;text-decoration:none}main{max-width:1200px;margin:0 auto;padding:24px}header{background:#ffffff;border-bottom:1px solid #eeeeee}nav{display:flex;gap:16px;align-items:center}nav a{font-size:14px;color:#333333;transition:opacity .2s ease}nav a:hover{opacity:.7}section{margin-bottom:32px}p{line-height:1.7;color:#444444}h1{color:#2dffed;font-size:32px;margin-bottom:16px}h2,h3{color:#111111;margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.card{background:#f9f9f9;border:1px solid #eeeeee;border-radius:12px;padding:12px;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:all .2s ease;cursor:pointer;overflow:hidden}.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 24px rgba(0,0,0,.12)}.card img{border-radius:12px;display:block;background:#f0f0f0;transition:transform .25s ease}.card:hover img{transform:scale(1.08)}.image-frame{width:100%;background:#f0f0f0;border-radius:12px;margin-bottom:12px;padding:8px}.image-frame img{display:block;border-radius:12px}.button{background:#f9f9f9;border:1px solid #eeeeee;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12);background:#fff5f8}button,input:not([type=range]),select{padding:10px 12px;border:1px solid #dddddd;border-radius:10px;background:#ffffff;color:#111111;font-size:14px}button{cursor:pointer;transition:background .2s ease,border-color .2s ease}button:hover{background:#fff5f8;border-color:#ffb3cc}.sticky-bar{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;font-size:13px;font-weight:600;color:#ff4d6d;border-bottom:1px solid #eee}.filter-panel{background:#fff;border:1px solid #eeeeee;border-radius:16px;padding:20px;margin:0 auto 24px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.filter-inner{max-width:700px;margin:0 auto}.filter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.filter-head,.sort-row{margin-bottom:18px}.sort-label{font-size:13px;font-weight:700;color:#666666;margin-bottom:8px}.sort-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.sort-chip{border:1px solid #ffd5df!important;background:#fff7f9!important;color:#444444!important;border-radius:999px!important;padding:8px 12px!important;font-size:13px!important;line-height:1;cursor:pointer;transition:all .18s ease}.sort-chip:hover{background:#fff1f4!important;border-color:#ffb8c8!important}.sort-chip.active{background:linear-gradient(90deg,#ff7a95,#ff4d6d)!important;color:#ffffff!important;border-color:transparent!important;box-shadow:0 4px 12px rgba(255,77,109,.22)}.filter-title{font-size:18px;font-weight:700;color:#111111}.filter-current{position:-webkit-sticky;position:sticky;top:16px;z-index:20;margin-left:auto;font-size:13px;color:#ff4d6d;background:rgba(255,241,244,.96);border:1px solid #ffd8e1;border-radius:999px;padding:8px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(255,77,109,.08)}.filter-section{margin-bottom:20px}.filter-label{font-size:14px;font-weight:700;margin-bottom:10px;color:#111111}.mode-row,.radio-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.mode-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#333333;background:#fff7f9;border:1px solid #ffd5df;padding:6px 10px;border-radius:999px;cursor:pointer}.mode-chip input{margin:0}.filter-group{margin-bottom:20px}.slider-block{width:100%;max-width:420px}.slider-value{font-size:13px;font-weight:700;color:#ff4d6d;margin-bottom:8px}.slider-scale{display:flex;justify-content:space-between;font-size:12px;color:#888888;margin-top:4px}.red-slider{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#ff7a95,#ff4d6d);outline:none;margin:8px 0;padding:0;border:none}.red-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#ff4d6d;border:3px solid #ffffff;box-shadow:0 0 0 2px #ff9aad;cursor:pointer}.red-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ff4d6d;border:3px solid #ffffff;box-shadow:0 0 0 2px #ff9aad;cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;box-shadow:none}.range-slider-wrap{position:relative;width:100%;height:28px;margin:10px 0 6px}.range-track{left:0;right:0;background:#ffd3dc}.range-fill,.range-track{position:absolute;top:50%;height:6px;border-radius:999px;transform:translateY(-50%)}.range-fill{background:linear-gradient(90deg,#ff7a95,#ff4d6d)}.range-thumb{position:absolute;left:0;top:50%;width:100%;height:28px;margin:0;transform:translateY(-50%);background:transparent!important;pointer-events:none!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none!important;padding:0!important;box-shadow:none!important;outline:none!important}.range-thumb::-webkit-slider-runnable-track{width:100%;height:6px;background:transparent!important;border:none!important;box-shadow:none!important;color:transparent}.range-thumb::-moz-range-track{width:100%;height:6px;background:transparent!important;border:none!important;box-shadow:none!important;color:transparent}.range-thumb::-webkit-slider-thumb{pointer-events:auto;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#ff4d6d;border:3px solid #ffffff;box-shadow:0 0 0 2px #ff9aad;cursor:pointer;margin-top:-6px}.range-thumb::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#ff4d6d;border:3px solid #ffffff;box-shadow:0 0 0 2px #ff9aad;cursor:pointer}.range-fill{transition:all .15s ease}.range-thumb::-webkit-slider-thumb{-webkit-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease}.range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #ffb3c1}.range-thumb::-moz-range-thumb{-moz-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease}.range-thumb::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #ffb3c1}.slider-value{letter-spacing:.5px}.filter-current{font-weight:600}.slider{width:100%;accent-color:#ff4d6d}.filter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.action-btn{padding:10px 16px;border-radius:10px;font-size:14px;border:none}.primary-btn{background:#ff4d6d;color:#ffffff}.primary-btn:hover{background:#ff3358}.reset-btn,.secondary-btn{background:#f3f4f6;color:#333333}.reset-btn:hover,.secondary-btn:hover{background:#e5e7eb}.card-mini{background:#fff;border:1px solid #eee;padding:12px;text-align:center}.card-mini,.face{border-radius:12px}.face{width:100px;height:100px;object-fit:cover;margin-bottom:8px}.name{font-weight:700;transition:color .2s ease}.card:hover .name{color:#ff4d6d}.ruby{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info,.ruby{font-size:12px}.info{margin-top:6px}.rank-card{background:#f9f9f9;border:1px solid #eeeeee;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}.rank-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.rank-1{border:2px solid #f5c542}.rank-2{border:2px solid #c0c0c0}.rank-3{border:2px solid #cd7f32}.rank-number{font-size:14px;font-weight:700;color:#ff2d75;margin-bottom:12px}footer{margin-top:40px;padding:20px 16px;text-align:center;border-top:1px solid #eeeeee;font-size:14px;color:#666666;background:#ffffff}footer a{color:#ff2d75}@media (max-width:1200px){.card-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(3,1fr)}.filter-inner{max-width:100%}}@media (max-width:700px){main{padding:16px}h1{font-size:26px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.button,.card,.rank-card{padding:14px;border-radius:14px}nav{gap:10px;flex-wrap:wrap}.mode-chip{font-size:12px;padding:6px 8px}.filter-panel{padding:16px}.sort-chip{font-size:12px;padding:7px 10px}.filter-current{position:-webkit-sticky;position:sticky;top:10px;margin-left:0}}