*{box-sizing:border-box}body{margin:0;background:#f7f6f2;color:#171714;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.6}.site-header{min-height:68px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #dfded6}.brand{color:#171714;font-weight:800;text-decoration:none}.badge{border:1px solid #dfded6;border-radius:99px;font-size:.72rem;padding:2px 8px}.container{width:min(1040px,calc(100% - 32px));margin:auto}.hero{padding:88px 0 64px;max-width:760px}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.18em;color:#62625b}h1{font-size:clamp(2.4rem,8vw,5.8rem);letter-spacing:-.065em;line-height:.98;margin:18px 0 28px}.lead{color:#62625b;font-size:clamp(1rem,2.4vw,1.3rem)}.button{display:inline-block;background:#20201d;color:#fff;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:72px}.cards article{background:white;border:1px solid #dfded6;border-radius:14px;min-height:200px;padding:24px}.cards h2{margin-top:42px;font-size:1.2rem}.cards p{color:#62625b}.site-nav{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:.9rem}.site-nav a{color:#171714;text-decoration:none}.site-nav form{margin:0}.linkish{background:none;border:0;padding:0;font:inherit;color:#171714;cursor:pointer}.site-user{color:#62625b}.auth-form{max-width:420px;padding:48px 0}.auth-form h1{font-size:1.8rem;letter-spacing:-.02em;line-height:1.3;margin:0 0 24px}.auth-form label{display:block;font-weight:700;font-size:.9rem}.auth-form input{width:100%;padding:10px;border:1px solid #dfded6;border-radius:8px;background:#fff}.auth-form textarea{width:100%;padding:10px;border:1px solid #dfded6;border-radius:8px;background:#fff;font:inherit;resize:vertical}.auth-form .helptext{display:block;color:#62625b;font-size:.8rem}.auth-form button{margin-top:8px}.auth-alt{font-size:.9rem}.errorlist{color:#b3261e;padding-left:1.1em;margin:8px 0}@media(max-width:720px){.site-header{padding:0 16px}.hero{padding-top:64px}.cards{grid-template-columns:1fr}.cards article{min-height:150px}.cards h2{margin-top:20px}}.messages{list-style:none;margin:16px 0 0;padding:0}.messages li{background:#fff;border:1px solid #dfded6;border-radius:8px;padding:10px 14px;font-size:.9rem}.button.danger{background:#b3261e}.terms-agree-field{margin:16px 0}.terms-agree-field .errorlist{margin:0 0 8px}.terms-agree{display:flex;align-items:flex-start;gap:.5rem}.terms-agree input[type=checkbox]{width:auto;flex:0 0 auto;margin-top:.3rem}.terms-agree label{display:block;min-width:0;font-weight:400;font-size:.9rem;line-height:1.6}.terms-phrase{display:inline-block;white-space:nowrap}@media(max-width:480px){.site-header{flex-wrap:wrap;row-gap:8px;padding:12px 16px}.site-nav{width:100%;margin-left:0;justify-content:flex-end;flex-wrap:wrap}.brand,.badge,.site-nav a,.site-nav button,.site-user{white-space:nowrap}.site-user{max-width:40vw;overflow:hidden;text-overflow:ellipsis}}@media(max-width:375px){.terms-phrase{display:block}}.dup-warning{background:#fff8e1;border:1px solid #e0c86a;border-radius:8px;padding:12px 14px;font-size:.85rem;color:#5a4a12;margin:0 0 16px}.dup-warning p{margin:0 0 8px}.dup-warning ul{margin:0;padding-left:1.2em;overflow-wrap:anywhere}.dup-warning li+li{margin-top:8px}.dup-confirm{display:flex;align-items:flex-start;gap:.5rem;margin:16px 0}.dup-confirm input[type=checkbox]{width:auto;flex:0 0 auto;margin-top:.3rem}.dup-confirm label{display:block;min-width:0;font-weight:400;font-size:.9rem;line-height:1.6}.detail-list{margin:0 0 24px}.detail-list dt{font-weight:700;font-size:.8rem;color:#62625b}.detail-list dd{margin:0 0 12px;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:center;gap:20px;padding:32px 16px;border-top:1px solid #dfded6;font-size:.85rem}.site-footer a{color:#62625b;text-decoration:none}.legal{max-width:720px;padding:48px 0}.legal h1{font-size:1.8rem;letter-spacing:-.02em;line-height:1.3;margin:0 0 8px}.legal h2{font-size:1.05rem;margin:28px 0 4px}.legal p{color:#3a3a34}.legal .notice{background:#fff8e1;border:1px solid #e0c86a;border-radius:8px;padding:12px 14px;font-size:.85rem;color:#5a4a12}.legal-version{color:#62625b;font-size:.85rem}.legal-contact{color:#62625b;font-size:.85rem;margin-top:32px}.auth-form select{width:100%;padding:10px;border:1px solid #dfded6;border-radius:8px;background:#fff;font:inherit}.top10-slot{margin:0 0 12px}.top10-status{font-weight:700;font-size:.9rem;margin:0 0 16px}.top10-notice{background:#fff8e1;border:1px solid #e0c86a;border-radius:8px;padding:12px 14px;font-size:.85rem;color:#5a4a12;margin:0 0 16px}.top10-notice p{margin:0 0 4px}.top10-notice p:last-child{margin:0}.top10-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.top10-actions form{margin:0}.rank-list{list-style:none;margin:0 0 12px;padding:0}.rank-item{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid #dfded6}.rank-no{flex:0 0 auto;font-weight:800;font-size:.9rem;min-width:3.2em}.rank-body{flex:1 1 auto;min-width:0}.rank-name{display:block;font-weight:700;overflow-wrap:anywhere}.rank-name.is-hidden{color:#62625b;font-weight:400}.rank-meta{display:block;color:#62625b;font-size:.8rem;overflow-wrap:anywhere}.rank-points{flex:0 0 auto;color:#62625b;font-size:.9rem;white-space:nowrap}.rank-total{font-weight:800;margin:0 0 16px}.ranking-page{max-width:640px;padding:48px 0}.ranking-page h1{font-size:1.8rem;letter-spacing:-.02em;line-height:1.3;margin:0 0 8px}.rank-scope{font-weight:700;font-size:.9rem;margin:0 0 16px}.rank-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}.rank-filter label{font-weight:700;font-size:.9rem}.rank-filter select{padding:10px;border:1px solid #dfded6;border-radius:8px;background:#fff;font:inherit;max-width:100%}.rank-filter button{background:#20201d;color:#fff;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.rank-generated{color:#62625b;font-size:.85rem;margin:0 0 16px}.top10-confirm{color:#62625b;font-size:.85rem;margin:0 0 16px}.user-list{list-style:none;margin:0 0 12px;padding:0}.user-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #dfded6}.user-name{flex:1 1 auto;min-width:0;font-weight:700;overflow-wrap:anywhere}.user-meta{display:block;font-size:.8rem;font-weight:400;color:#62625b}.user-actions{flex:0 0 auto}.follow-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.follow-actions form{margin:0}.list-switch{font-size:.9rem;margin:0 0 16px}.share-actions{margin:16px 0}.share-status{min-height:1.6em;margin:6px 0;color:#62625b;font-size:.85rem}.share-fallback{margin-top:8px}.share-fallback[hidden]{display:none}.share-url{margin-top:4px}@media(max-width:375px){.top10-actions{flex-direction:column;align-items:stretch}.top10-actions .button{width:100%;text-align:center}.rank-no{min-width:2.8em}.rank-filter{flex-direction:column;align-items:stretch}.rank-filter select,.rank-filter button{width:100%}.user-item{flex-direction:column;align-items:stretch;gap:6px}.user-actions .button{width:100%;text-align:center}.follow-actions{flex-direction:column;align-items:stretch}.follow-actions .button{width:100%;text-align:center}.share-actions .button{width:100%;text-align:center}.ranking-page h1.following-ranking-title{font-size:1.5rem}}