@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#1d1e1b;background:#eeeade;font-family:Space Grotesk,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;--ink: #1d1e1b;--paper: #f6f3e9;--orange: #ef5b2a;--green: #24372d;--muted: #777870;--line: rgba(29, 30, 27, .23)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#eeeade}body.modal-open{overflow:hidden}button,input,select{color:inherit;font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}.sidebar{width:270px;height:100vh;padding:24px 19px 26px;position:fixed;z-index:40;top:0;left:0;display:flex;flex-direction:column;background:var(--ink);color:var(--paper);transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between}.sidebar-brand>a{display:flex;align-items:center;gap:9px;font-size:19px}.sidebar-brand>a span{width:35px;height:35px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-family:"Noto Serif SC",serif;font-weight:900}.sidebar-brand button{padding:7px 0;border:0;border-bottom:1px solid #7b7c77;background:transparent;color:#a9aaa4;font-size:10px}.sidebar-caption{margin:62px 10px 13px;color:#8b8c86;font-size:9px;letter-spacing:.16em}.category-tabs{display:grid}.category-tabs button{min-height:72px;padding:0 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border:0;border-bottom:1px solid #41423e;background:transparent;color:#bebfb8;text-align:left}.category-tabs button:first-child{border-top:1px solid #41423e}.category-tabs button:hover{color:#fff}.category-tabs button.active{margin-inline:-8px;padding-inline:20px;border-color:var(--orange);background:var(--orange);color:#fff}.category-tabs button span{font-size:9px;opacity:.65}.category-tabs button strong{font-family:"Noto Serif SC",serif;font-size:17px}.category-tabs button em{font-size:10px;font-style:normal;opacity:.65}.sidebar-foot{margin:auto 10px 0;color:#898a84;font-size:10px;line-height:1.8}.sidebar-backdrop{display:none}.content{width:min(100%,1080px);min-height:100vh;margin:0 auto;padding:0 38px;background:var(--paper);transition:transform .25s ease}.mobile-header{min-height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-header>button{padding:7px 0;border:0;border-bottom:1px solid;background:transparent;font-size:11px}.mobile-header>a{display:flex;align-items:center;gap:7px;font-weight:700}.mobile-header>a span{width:28px;height:28px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-family:"Noto Serif SC",serif}.mobile-header>i{color:var(--muted);font-size:10px;font-style:normal}.ranking-head{min-height:360px;padding:70px 0 55px;display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--ink)}.desktop-menu-button{display:none;margin-bottom:25px;padding:7px 0;border:0;border-bottom:1px solid;background:transparent;font-size:10px}.ranking-head>div:first-child>span{font-size:10px;letter-spacing:.18em}.ranking-head h1{margin:19px 0 23px;font-family:"Noto Serif SC",serif;font-size:clamp(54px,8vw,83px);font-weight:900;line-height:1.04;letter-spacing:-.075em}.ranking-head p{max-width:430px;margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.7}.head-stat{min-width:140px;padding:20px 0;text-align:right}.head-stat strong{display:block;color:var(--orange);font-family:"Noto Serif SC",serif;font-size:68px;line-height:.9}.head-stat span{color:var(--muted);font-size:10px}.ranking-controls{padding:18px 0;display:grid;grid-template-columns:1fr 220px;gap:30px;border-bottom:1px solid var(--line)}.ranking-controls label{display:grid;grid-template-columns:65px 1fr;align-items:center}.ranking-controls label>span{color:var(--muted);font-size:10px;letter-spacing:.1em}.ranking-controls input,.ranking-controls select{width:100%;padding:10px 0;border:0;outline:0;background:transparent;font-size:13px}.ranking-table{border-bottom:1px solid var(--ink)}.table-head{min-height:50px;display:grid;grid-template-columns:minmax(280px,1fr) 140px 148px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.1em}.table-head span:nth-child(2),.table-head span:nth-child(3){text-align:right}.ranking-row{min-height:88px;display:grid;grid-template-columns:54px minmax(210px,1fr) 140px 148px;align-items:center;border-top:1px solid var(--line);transition:background .16s}.ranking-row:hover{background:#fff}.row-rank{color:#8b8c84;font-size:10px}.row-name{min-width:0}.row-name strong{display:block;overflow:hidden;font-family:"Noto Serif SC",serif;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.row-name span{display:block;margin-top:5px;color:var(--muted);font-size:10px}.row-score{text-align:right}.row-score strong{display:block;color:var(--orange);font-size:29px;line-height:1}.row-score span{display:block;margin-top:5px;color:var(--muted);font-size:9px}.row-actions{display:flex;justify-content:flex-end;gap:7px}.row-actions button{min-width:57px;padding:9px 10px;border:1px solid var(--ink);background:transparent;font-size:10px}.row-actions .rate-button{background:var(--ink);color:var(--paper)}.row-actions button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.empty-state{margin:0;padding:80px 20px;text-align:center;color:var(--muted)}.load-more{width:100%;margin-top:22px;padding:16px;border:1px solid var(--ink);background:transparent}.load-more:hover{background:var(--ink);color:var(--paper)}footer{min-height:130px;padding:38px 0;display:flex;align-items:start;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}footer span{color:var(--ink);font-family:"Noto Serif SC",serif;font-size:15px;font-weight:700}footer p{margin:0}.modal-backdrop{padding:20px;position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#141513b8}.modal{width:min(500px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow-y:auto;background:var(--paper);box-shadow:9px 9px 0 var(--orange)}.modal-close{position:absolute;top:22px;right:24px;padding:6px 0;border:0;border-bottom:1px solid;background:transparent;color:var(--muted);font-size:10px}.modal-kicker{padding-right:50px;font-size:9px;letter-spacing:.17em}.modal h2{margin:18px 0 28px;font-family:"Noto Serif SC",serif;font-size:clamp(32px,7vw,48px);line-height:1.2;letter-spacing:-.05em}.detail-summary{padding:20px 0;display:flex;align-items:end;gap:15px;border-block:1px solid var(--ink)}.detail-summary>strong{color:var(--orange);font-size:55px;line-height:.85}.detail-summary>span{color:var(--muted);font-size:10px;line-height:1.5}.score-detail-list{margin:25px 0;display:grid;gap:14px}.score-detail-list>div{display:grid;grid-template-columns:100px 1fr 35px;align-items:center;gap:12px;font-size:11px}.score-detail-list>div>div{height:5px;overflow:hidden;background:#d8d3c6}.score-detail-list i{height:100%;display:block;background:var(--green)}.score-detail-list strong{text-align:right}.score-detail-list>p{color:var(--muted);font-size:12px}.detail-note{padding:12px;border-left:3px solid var(--orange);background:#eae5d9;font-size:11px;line-height:1.6}.primary-action{width:100%;padding:15px 18px;border:1px solid var(--ink);background:var(--ink);color:#fff}.primary-action:hover{background:var(--orange);border-color:var(--orange)}.primary-action:disabled{cursor:wait;opacity:.55}.rating-form{display:grid}.slider-score{display:flex;align-items:end;justify-content:center;color:var(--orange)}.slider-score strong{font-size:72px;line-height:.9}.slider-score span{margin:0 0 8px 5px;color:var(--muted);font-size:11px}.score-slider{width:100%;height:4px;margin:32px 0 13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:#cbc6ba}.score-slider::-webkit-slider-thumb{width:26px;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:5px solid var(--paper);border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px var(--ink)}.score-slider::-moz-range-thumb{width:16px;height:16px;border:5px solid var(--paper);border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px var(--ink)}.slider-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.name-field{margin-top:34px;display:grid;gap:9px}.name-field span{font-size:10px;letter-spacing:.1em}.name-field input{width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--ink);outline:0;background:transparent;font-size:15px}.form-hint{margin:10px 0 24px;color:var(--muted);font-size:9px}.form-error{margin:-10px 0 18px;color:#b83d22;font-size:11px}.toast{max-width:calc(100% - 30px);padding:13px 18px;position:fixed;z-index:120;right:24px;bottom:24px;background:var(--green);color:#fff;box-shadow:5px 5px 0 var(--orange);font-size:11px}@media(min-width:860px){.app-shell.sidebar-visible .content{transform:translate(135px)}.app-shell.sidebar-visible .sidebar{transform:translate(0)}.app-shell:not(.sidebar-visible) .desktop-menu-button{display:inline-block}.sidebar-visible .mobile-header>button{visibility:hidden}}@media(max-width:859px){.content{width:100%;padding-inline:20px}.sidebar{width:min(320px,84vw)}.sidebar.open+.content{overflow:hidden}.sidebar-backdrop{width:100%;height:100%;padding:0;position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;border:0;background:#14151394;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-visible .sidebar-backdrop{display:block;opacity:1;pointer-events:auto}.ranking-head{min-height:310px;padding-top:55px}.ranking-head h1{font-size:clamp(50px,12vw,72px)}}@media(max-width:560px){.content{padding-inline:14px}.ranking-head{min-height:270px;padding:45px 2px 35px;align-items:end}.ranking-head h1{margin-bottom:18px;font-size:clamp(45px,15vw,62px)}.ranking-head p{font-size:11px}.head-stat{min-width:75px;padding-bottom:3px}.head-stat strong{font-size:42px}.ranking-controls{grid-template-columns:1fr;gap:8px}.ranking-controls label{grid-template-columns:54px 1fr}.table-head{grid-template-columns:1fr 91px 102px}.table-head span:first-child{padding-left:42px}.ranking-row{min-height:82px;grid-template-columns:35px minmax(0,1fr) 65px 102px;gap:6px}.row-name strong{font-size:17px}.row-name span{font-size:9px}.row-score strong{font-size:23px}.row-score span{overflow:hidden;font-size:8px;white-space:nowrap}.row-actions{gap:4px}.row-actions button{min-width:48px;padding:8px 6px;font-size:9px}footer{align-items:flex-start;flex-direction:column}.modal-backdrop{padding:0;place-items:end center}.modal{width:100%;max-height:92vh;padding:28px 22px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -6px 0 var(--orange)}.modal h2{font-size:34px}.toast{right:15px;bottom:15px}}@media(max-width:390px){.ranking-row{grid-template-columns:29px minmax(0,1fr) 56px 94px;gap:4px}.row-actions button{min-width:45px;padding-inline:4px}.row-name strong{font-size:15px}.table-head{grid-template-columns:1fr 78px 94px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}