@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.range{position:relative}.seg{--pad:2px;height:36px;padding:var(--pad);background:var(--s2);border-radius:var(--radius);grid-template-columns:repeat(4,1fr) 1.5fr;display:grid;position:relative}@media (width>=768px){.seg{width:380px}}.seg-indicator{top:var(--pad);bottom:var(--pad);left:calc(var(--pad) + (100% - 2 * var(--pad)) * var(--x));width:calc((100% - 2 * var(--pad)) * var(--w));background:var(--text);border-radius:var(--radius-inner);transition:left .35s var(--ease), width .35s var(--ease);position:absolute}.seg-btn{z-index:1;min-width:0;font:inherit;font-size:var(--t-sm);color:var(--text-2);border-radius:var(--radius-inner);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:0 6px;font-weight:600;transition:color .2s;display:flex;position:relative}.seg-btn>span{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}@media (hover:hover){.seg-btn:hover:not(:disabled):not([aria-pressed=true]){color:var(--text)}}.seg-btn[aria-pressed=true]{color:var(--bg)}.seg-btn:disabled{cursor:progress}.seg-btn:disabled:not([aria-pressed=true]){color:var(--text-3)}.seg-chev{transition:transform .2s var(--ease);flex:none}.seg-more[aria-expanded=true] .seg-chev{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.seg-indicator,.seg-btn,.seg-chev{transition:none}}.popover{z-index:5;background:var(--s1);border:1px solid var(--line-strong);border-radius:var(--radius);padding:14px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 2px 6px #0000001a,0 18px 40px -8px #00000059}@media (width>=768px){.popover{width:360px;left:auto}}@media (prefers-reduced-motion:no-preference){.popover:not([hidden]){animation:pop-in .22s var(--ease) both}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.pop-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pop-dates{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label{font-size:var(--t-xs);color:var(--text-2);font-weight:550}.field select,.field input{font:inherit;font-size:var(--t-sm);color:var(--text);background-color:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);min-width:0;height:36px;padding:0 10px;transition:border-color .15s}.field select{appearance:none;background-image:var(--chevron);background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}@media (hover:hover){.field select:hover:not(:disabled),.field input:hover{border-color:var(--text-3)}}.field select:disabled{color:var(--text-3);background-color:var(--s2);cursor:not-allowed}.pop-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.stale-note{font-size:var(--t-xs);color:var(--text-2)}.pop-actions .btn{flex:none;margin-left:auto}.pop-list{border-top:1px solid var(--line);margin-top:12px;padding-top:6px;display:grid}.pop-item{font:inherit;font-size:var(--t-sm);text-align:left;color:var(--text);border-radius:var(--radius-inner);cursor:pointer;background:0 0;border:0;height:36px;margin-inline:-8px;padding:0 8px;font-weight:550;transition:background-color .15s}@media (hover:hover){.pop-item:hover:not(:disabled){background:var(--s2)}}.pop-item:disabled{color:var(--text-3);cursor:not-allowed}.pop-item:after{inset:-4px 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f5f2;--s1:#fffefc;--s2:#eceae5;--s3:#e1ded7;--line:#2d26191f;--line-strong:#2d26193d;--text:#1b1a17;--text-2:#55524b;--text-3:#625e57;--gold:#e5ad2f;--gold-ink:#a86f00;--rank-weight:420;--danger:#a12d1c;--ring:#1b1a17;--scrim:#000000c7;--hero-shadow:0 2px 4px #3c2d0f14, 0 28px 56px -16px #3c2d0f59;--ambient-o:.45;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none' stroke='%23625e57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3.5l3 3 3-3'/%3E%3C/svg%3E");--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-md:1.0625rem;--t-lg:1.375rem;--t-xl:1.875rem;--ease:cubic-bezier(.16, 1, .3, 1);--radius:10px;--radius-inner:6px;font-optical-sizing:auto;color:var(--text);background:var(--bg);accent-color:var(--text);scrollbar-color:var(--line-strong) transparent;font-family:Archivo Variable,Archivo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0c0d;--s1:#141415;--s2:#1c1c1e;--s3:#262628;--line:#fff8eb17;--line-strong:#fff8eb33;--text:#f3f1ed;--text-2:#b1aea6;--text-3:#a29f97;--gold:#e9b949;--gold-ink:#e9b949;--danger:#f19a8a;--ring:#f3f1ed;--scrim:#000c;--hero-shadow:0 2px 4px #0006, 0 32px 64px -16px #000000bf;--ambient-o:.32;--rank-weight:300;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none' stroke='%23a29f97' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3.5l3 3 3-3'/%3E%3C/svg%3E")}}*{box-sizing:border-box}body{background:var(--bg);font-size:var(--t-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.45}::selection{background:var(--text);color:var(--bg)}input,select{caret-color:var(--text)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.app{z-index:1;position:relative}.ambient{z-index:0;pointer-events:none;opacity:0;height:85vh;transition:opacity .9s var(--ease);position:fixed;inset:0 0 auto;overflow:hidden}.ambient[data-on=true]{opacity:var(--ambient-o)}.ambient-img{width:100%;height:100%;position:absolute;inset:0}.ambient-fade{background:linear-gradient(transparent 35%, var(--bg) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.ambient-in{animation:fade-in 1s var(--ease) both}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ambient{transition:none}}.page{max-width:1200px;margin:0 auto;padding:0 16px}.topbar{border-bottom:1px solid var(--line);height:48px}.topbar .page{align-items:center;height:100%;display:flex}.wordmark{font-size:var(--t-base);letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;font-weight:650;line-height:1;display:flex}main.page{padding-top:8px;padding-bottom:72px}@media (width>=768px){.page{padding:0 32px}main.page{padding-top:20px}}.btn,.btn-quiet,.seg-btn,.view-toggle button,.toggle,.pop-item{position:relative}.btn:after,.btn-quiet:after,.seg-btn:after,.view-toggle button:after,.toggle:after,.pop-item:after{content:"";position:absolute;inset:-6px 0}.btn{font:inherit;font-size:var(--t-sm);letter-spacing:.005em;color:var(--bg);background:var(--text);border-radius:var(--radius);cursor:pointer;height:34px;transition:opacity .15s, transform .15s var(--ease);border:0;padding:0 14px;font-weight:600}@media (hover:hover){.btn:hover:not(:disabled){opacity:.86}}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{color:var(--text-3);background:var(--s2);cursor:not-allowed}.btn-quiet{font:inherit;font-size:var(--t-sm);color:var(--text-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;height:32px;padding:0 12px;font-weight:550;transition:color .15s,background-color .15s,border-color .15s}@media (hover:hover){.btn-quiet:hover:not(:disabled){color:var(--text);background:var(--s2);border-color:var(--line-strong)}}.btn-quiet:disabled{opacity:.5;cursor:not-allowed}.tagline{font-size:var(--t-xl);letter-spacing:-.025em;color:var(--text);text-wrap:balance;max-width:18ch;margin:6vh 0 18px;font-weight:650;line-height:1.15}@media (width>=768px){.tagline{max-width:22ch;margin-top:10vh;font-size:2.5rem}}.finder{flex-wrap:wrap;align-items:center;gap:12px;max-width:640px;display:flex}.finder-field{flex:100%;align-items:center;display:flex;position:relative}.finder-icon{color:var(--text-3);pointer-events:none;position:absolute;left:16px}.finder-field input{min-width:0;font:inherit;font-size:var(--t-md);color:var(--text);background:var(--s1);border:1px solid var(--line-strong);border-radius:var(--radius);flex:1;height:56px;padding:0 84px 0 44px;transition:border-color .15s,background-color .15s}.finder-field input::placeholder{color:var(--text-3);opacity:1}@media (hover:hover){.finder-field input:hover{border-color:var(--text-3)}}.finder-field input[aria-invalid=true]{border-color:var(--danger)}.finder-field .btn{min-width:58px;position:absolute;right:11px}.try{font-size:var(--t-sm);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.finder.compact{flex-wrap:nowrap;max-width:720px;margin-bottom:12px}.finder.compact .finder-field{flex:auto}.finder.compact input{height:44px;font-size:var(--t-base)}.finder.compact .finder-field .btn{right:6px}.shelf{margin-top:40px}.shelf+.shelf{margin-top:24px}.shelf-heading{font-size:var(--t-sm);color:var(--text-2);margin-bottom:4px;font-weight:600}.shelf-list{grid-template-columns:1fr;column-gap:16px;margin:0 -8px;padding:0;list-style:none;display:grid}@media (width>=520px){.shelf-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=860px){.shelf-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.shelf-card{border-radius:var(--radius);min-height:56px;color:inherit;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}@media (hover:hover){.shelf-card:hover{background:var(--s1)}}.shelf-avatar,.shelf-thumb{background:var(--s2);object-fit:cover;flex:none}.shelf-avatar{border-radius:50%}.shelf-thumb{border-radius:var(--radius-inner)}.shelf-text{flex-direction:column;min-width:0;display:flex}.shelf-title{font-size:var(--t-base);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden}.shelf-period{font-size:var(--t-xs);color:var(--text-2);font-variant-numeric:tabular-nums}.snapshot-note{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note{font-size:var(--t-sm);color:var(--text-2);margin:12px 0}.controlbar{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:8px;display:flex}.controlbar>.source{flex:100%;min-width:0}.controlbar>.range{flex:100%}@media (width>=768px){.controlbar{flex-wrap:nowrap;margin-bottom:24px}.controlbar>.source{flex:0 auto;min-width:280px;max-width:460px}.controlbar>.range{flex:none}}.source{background:var(--s1);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;min-height:44px;padding:6px 6px 6px 8px;display:flex}.source-avatar{background:var(--s2);border-radius:50%;flex:none}.source-thumb{border-radius:var(--radius-inner);object-fit:cover;background:var(--s2);flex:none}.source-text{flex:1;min-width:0}.source-name{font-size:var(--t-base);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-weight:650;line-height:1.2;overflow:hidden}.source-sub{font-size:var(--t-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;line-height:1.3;overflow:hidden}.results-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;margin-bottom:8px;display:grid}.results-heading{font-size:var(--t-md);letter-spacing:-.015em;color:var(--text);font-variant-numeric:tabular-nums;font-weight:650;line-height:1.2}@media (width>=768px){.results-heading{font-size:var(--t-lg);letter-spacing:-.02em}}.results-heading:focus-visible{outline-offset:4px;border-radius:var(--radius-inner)}.results-head .controls{grid-area:1/2/span 2}.lifetime{font-size:var(--t-xs);color:var(--text-2);grid-column:1;margin-top:1px}.progress{display:contents}.progress p{font-size:var(--t-xs);color:var(--text-2);font-variant-numeric:tabular-nums;grid-column:1/-1;margin-top:6px}.progress progress{appearance:none;background:var(--line-strong);width:100%;height:2px;color:var(--text);border:0;grid-column:1/-1;margin-top:4px}.progress progress::-webkit-progress-bar{background:var(--line-strong)}.progress progress::-webkit-progress-value{background:var(--text)}.progress progress::-moz-progress-bar{background:var(--text)}.hero{color:inherit;border-radius:var(--radius);gap:14px;margin-bottom:20px;text-decoration:none;display:grid}.thumb{aspect-ratio:16/9;background:var(--s2);border-radius:var(--radius);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.hero-media{border-radius:var(--radius);box-shadow:var(--hero-shadow);transition:transform .5s var(--ease)}@media (hover:hover){.hero:hover .hero-media{transform:scale(1.006)}}.hero-body{align-items:flex-start;gap:14px;min-width:0;display:flex}.hero-rank,.rank{font-variant-numeric:tabular-nums lining-nums;font-weight:300;font-stretch:62%;line-height:1}.hero-rank{font-weight:var(--rank-weight);letter-spacing:-.02em;color:var(--gold-ink);flex:none;min-width:.5em;font-size:4.5rem;line-height:.82}.hero-text{flex:1;min-width:0;padding-top:2px}.hero-title{font-size:var(--t-lg);letter-spacing:-.02em;-webkit-line-clamp:3;line-clamp:3;text-wrap:balance;-webkit-box-orient:vertical;font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.video-meta{font-size:var(--t-sm);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin-top:6px;display:flex}.video-meta>span:not(.sr-only)+span:not(.sr-only):before{content:"·";color:var(--text-3);margin:0 .45em}.hero .video-meta{font-size:var(--t-base);margin-top:10px}@media (hover:hover){.hero:hover .hero-title,.video-card:hover .video-title,.video-row:hover .video-title{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}}@media (width<=639px){.hero-media{box-shadow:none;border-radius:0;margin-inline:-16px}}@media (width>=900px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px;margin-bottom:40px}.hero-body{flex-direction:column;gap:18px;padding-bottom:6px}.hero-rank{font-size:6rem}.hero-title{letter-spacing:-.03em;font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.08}}.controls{align-items:center;gap:8px;display:flex}.icon-btn,.view-toggle button{width:36px;height:28px;font:inherit;color:var(--text-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;place-items:center;padding:0;transition:color .15s,background-color .15s,border-color .15s;display:grid;position:relative}.icon-btn:after,.view-toggle button:after{content:"";position:absolute;inset:-8px -4px}.icon-btn[aria-expanded=true]{color:var(--text);border-color:var(--line-strong);background:var(--s2)}.dot{background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.filter-menu{position:relative}.menu{z-index:5;background:var(--s1);border:1px solid var(--line-strong);border-radius:var(--radius);gap:2px;min-width:240px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 2px 6px #0000001a,0 18px 40px -8px #00000059}.toggle{height:36px;font-size:var(--t-sm);color:var(--text-2);border-radius:var(--radius-inner);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:0 8px;font-weight:550;transition:color .15s,background-color .15s;display:flex;position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-box{border-radius:var(--radius-inner);border:1px solid var(--line-strong);color:#0000;place-items:center;width:16px;height:16px;transition:background-color .15s,color .15s,border-color .15s;display:grid}.toggle:has(input:checked){color:var(--text)}.toggle:has(input:checked) .toggle-box{background:var(--text);border-color:var(--text);color:var(--bg)}.toggle:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:0}@media (hover:hover){.icon-btn:hover,.view-toggle button:hover{color:var(--text);border-color:var(--line-strong)}.toggle:hover{background:var(--s2);color:var(--text)}}.view-toggle{display:inline-flex}.view-toggle button{border-radius:0}.view-toggle button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.view-toggle button:last-child{border-radius:0 var(--radius) var(--radius) 0;margin-left:-1px}.view-toggle button[aria-pressed=true]{color:var(--bg);background:var(--text);border-color:var(--text);z-index:1}.results .note{font-size:var(--t-xs);color:var(--text-3);margin:8px 0}.results.is-stale .hero,.results.is-stale .grid,.results.is-stale .rows{opacity:.45;transition:opacity .2s}.grid.podium-grid{grid-template-columns:1fr;gap:28px 24px;padding-bottom:8px}@media (width>=640px){.grid.podium-grid{grid-template-columns:repeat(2,1fr);gap:36px 32px;padding-top:24px}}.big .card-info{grid-template-columns:3.6rem minmax(0,1fr);margin-top:14px}.big .card-info .rank{font-size:3.5rem;line-height:.85}.big .video-title{font-size:var(--t-md);letter-spacing:-.015em}.big .thumb{border-radius:var(--radius)}.grid{grid-template-columns:1fr;gap:28px 20px;margin:0;padding:16px 0 0;list-style:none;display:grid}@media (width>=520px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=860px){.grid{grid-template-columns:repeat(3,1fr);gap:36px 24px}}@media (width>=1180px){.grid{grid-template-columns:repeat(4,1fr)}}.video-card{color:inherit;border-radius:var(--radius);text-decoration:none;display:block}.video-card .thumb{transition:transform .35s var(--ease)}@media (hover:hover){.video-card:hover .thumb{transform:translateY(-2px)}}.duration{background:var(--scrim);color:#fff;font-size:var(--t-xs);font-variant-numeric:tabular-nums;border-radius:var(--radius-inner);padding:3px 5px;font-weight:550;line-height:1;position:absolute;bottom:6px;right:6px}.card-info{grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:4px;margin-top:10px;display:grid}.rank{color:var(--text-3)}.rank.podium{color:var(--text);font-weight:500}.card-info .rank{margin-top:1px;font-size:2.25rem;line-height:.95}.video-title{font-size:var(--t-base);letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-text .video-meta{margin-top:3px}.rows{margin:0;padding:8px 0 0;list-style:none}.rows>li+li{border-top:1px solid var(--line)}.video-row{color:inherit;border-radius:var(--radius);grid-template-columns:2.25rem 96px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:grid}.video-row .rank{text-align:right;font-size:1.75rem}.video-row .thumb{border-radius:var(--radius-inner)}.video-row .video-title{font-size:var(--t-sm);line-height:1.3}.row-meta{font-size:var(--t-xs);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:0 10px;margin-top:3px;display:flex}.row-text{min-width:0}@media (width>=720px){.video-row{grid-template-columns:2.75rem 128px minmax(0,1fr);gap:16px;padding:8px 8px 8px 0}.video-row .rank{font-size:2rem}.video-row .video-title{font-size:var(--t-base)}.row-text{grid-template-columns:minmax(0,1fr) 7.5rem 4.5rem;align-items:center;column-gap:16px;display:grid}.row-text .video-title{grid-column:1}.row-meta{display:contents}.m-date{font-size:var(--t-xs);color:var(--text-3);grid-area:2/1}.m-views{text-align:right;font-size:var(--t-sm);color:var(--text);grid-area:1/2/span 2}.m-dur{text-align:right;font-size:var(--t-sm);color:var(--text-3);grid-area:1/3/span 2}@media (hover:hover){.video-row:hover{background:var(--s1)}}}@media (prefers-reduced-motion:no-preference){.hero:not(.skeleton){animation:rise .7s var(--ease) both}.enter{animation:rise .6s var(--ease) both;animation-delay:calc(var(--i,0) * 30ms + .12s)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.skeleton .line{border-radius:var(--radius-inner);background:var(--s2);height:12px;margin-top:8px}.skeleton .line.tall{width:85%;height:22px}.skeleton .line.short{width:55%}.skeleton .rank.sk{border-radius:var(--radius-inner);background:var(--s2);width:1.4rem;height:1.8rem;display:block}.skeleton .hero-rank.sk{background:var(--s2);border-radius:var(--radius-inner);width:2.2rem;height:3.4rem}.skeleton .hero-media{box-shadow:none}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.4s ease-in-out infinite pulse}}@keyframes pulse{50%{opacity:.55}}.message{background:var(--s1);border:1px solid var(--line);border-radius:var(--radius);max-width:560px;margin:8px 0 16px;padding:16px}.message h3{font-size:var(--t-base);margin-bottom:4px;font-weight:650}.message p{font-size:var(--t-base);color:var(--text-2)}.message-error h3,.message-error p{color:var(--danger)}.message .btn{margin-top:12px}.hint{color:var(--danger);font-size:var(--t-xs);margin-top:6px}.footer{border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--text-2);padding:20px 0 32px;line-height:1.5}.footer .page{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.footer nav{gap:16px;display:flex}.footer a,.legal a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.wordmark a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}@media (hover:hover){.footer a:hover,.legal a:hover{color:var(--text);-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}}.legal{max-width:68ch;margin:0 auto;padding-top:32px;padding-bottom:56px;line-height:1.55}@media (width>=768px){.legal{padding-top:56px}}.legal h1{letter-spacing:-.03em;font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:650;line-height:1.08}.legal-updated{font-size:var(--t-sm);color:var(--text-2);font-variant-numeric:tabular-nums;margin-top:8px}.legal section{margin-top:32px}.legal h2{font-size:var(--t-md);letter-spacing:-.015em;font-weight:650;line-height:1.2}.legal p{color:var(--text-2);margin-top:8px}.legal code{color:var(--text);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.875em}