:root{--bg:#fff;--fg:#17161c;--muted:#6b6878;--line:#ecebf1;--soft:#f6f5fa;--r1:#ff3b5c;--r2:#ff8a00;--r3:#ffd400;--r4:#2ecc71;--r5:#1e90ff;--r6:#7b4dff;--rainbow:linear-gradient(90deg, var(--r1), var(--r2), var(--r3), var(--r4), var(--r5), var(--r6));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body), system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;font-size:15px;line-height:1.6}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding-inline:16px}.site-header{background:var(--bg);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.site-header nav{gap:18px;font-size:14px;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover{color:var(--fg)}.site-header nav{margin-left:auto}.lang{color:var(--muted);align-items:center;gap:4px;font-size:14px;display:inline-flex}.lang select{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;max-width:140px;padding:4px 8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skiptranslate iframe,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}body{top:0!important}.goog-text-highlight{box-shadow:none!important;background:0 0!important}.logo{font-family:var(--font-display), var(--font-body), sans-serif;background:var(--rainbow);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.2em;padding-bottom:.2em;font-size:30px;line-height:1;text-decoration:none;display:inline-block}.hero{gap:10px;padding-block:40px 24px;display:grid}.hero h1{text-wrap:balance;word-break:keep-all;margin:0;font-size:clamp(26px,4.5vw,40px);line-height:1.25}.hero p{color:var(--muted);word-break:keep-all;text-wrap:pretty;max-width:60ch;margin:0}.bar{background:var(--rainbow);border-radius:4px;width:64px;height:4px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-block:28px 14px;display:flex}.sec-head h2{margin:0;font-size:20px}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:64px;display:grid}.card{gap:8px;text-decoration:none;display:grid}.card h3{margin:0;font-size:15px;line-height:1.35}.card:hover .thumb,.card:focus-visible .thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--r5)}.thumb{aspect-ratio:9/16;border-radius:14px;max-width:100%;position:relative;overflow:hidden}.thumb .badge{color:var(--fg);background:#ffffffeb;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;left:8px}.thumb .rank{font-family:var(--font-display), sans-serif;color:#fff;text-shadow:0 1px 6px #00000059;font-size:20px;position:absolute;top:6px;right:8px}.meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.detail{grid-template-columns:220px 1fr;gap:28px;padding-block:32px 64px;display:grid}.detail h1{margin:0 0 4px;font-size:24px}.detail .summary{margin:12px 0;font-size:15px}.tools{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.tool{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.steps{color:var(--muted);margin:0 0 16px;padding-left:20px;font-size:13.5px}.locked{background:var(--soft);color:var(--muted);filter:blur(3px);-webkit-user-select:none;user-select:none;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:13px}.ptext{background:var(--soft);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0 0 12px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.btn{text-align:center;appearance:none;font:inherit;cursor:pointer;background:var(--fg);color:var(--bg);border:0;border-radius:12px;width:100%;padding:13px 20px;font-weight:700;text-decoration:none;display:block}.btn.ghost{background:var(--bg);color:var(--fg);border:1px solid var(--line)}.btn:focus-visible,.chip:focus-visible{outline:3px solid var(--r5);outline-offset:2px}.row{gap:8px;display:flex}.note{color:var(--muted);margin-top:8px;font-size:12px}.ad{aspect-ratio:16/9;background:var(--soft);text-align:center;color:var(--muted);border-radius:12px;place-items:center;margin-bottom:10px;font-size:13px;display:grid;position:relative}.ad strong{color:var(--fg);font-size:16px;display:block}.ad .cd{font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:8px;right:10px}.progress{background:var(--soft);border-radius:8px;height:8px;margin-bottom:8px;overflow:hidden}.progress i{background:var(--rainbow);height:100%;transition:width .4s;display:block}.doc{max-width:680px;padding-block:32px 64px}.doc h1{font-size:24px}.doc h2{margin-top:28px;font-size:17px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:24px;font-size:12px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.site-footer a{color:var(--muted)}@media (max-width:640px){.site-header nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail{grid-template-columns:1fr}.detail .thumb{max-width:180px}}@media (prefers-reduced-motion:reduce){.progress i{transition:none}}.thumb .illus{width:80%;height:82%;position:absolute;inset:12% 10% 6%}.thumb .thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.row .btn{white-space:nowrap;flex:1;min-width:0;padding-inline:8px}.sources{padding-block:0 64px}.sources h2{margin:0 0 4px;font-size:18px}.source-list{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.source-frame{border:1px solid var(--line);background:var(--soft);border-radius:12px;width:325px;max-width:100%;height:580px}.thumb .caption{color:#fff;text-wrap:balance;word-break:keep-all;background:linear-gradient(#0000,#00000073);padding:28px 10px 10px;font-size:13px;font-weight:700;line-height:1.35;position:absolute;bottom:0;left:0;right:0}.illus .anim{transform-box:fill-box;transform-origin:50% 100%;animation-duration:2.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.anim-balloon,.anim-dream,.anim-sparkle{animation-name:float}.anim-squish{animation-name:squish}.anim-melt{animation-name:melt;transform-origin:50% 0!important}.anim-dance,.anim-anime{animation-name:sway}.anim-pet{animation-name:bounce}.anim-fancam,.anim-oldphoto{animation-name:pulse;transform-origin:50%!important}.anim-cake{animation-name:shake;animation-duration:1.6s!important}.anim-camcorder{animation-name:jitter;animation-duration:.9s!important}.anim-transform{animation-name:spin;transform-origin:50%!important;animation-duration:3s!important}@keyframes float{50%{transform:translateY(-6%)}}@keyframes squish{0%,to{transform:scale(1)}45%,60%{transform:scale(1.12,.82)}}@keyframes melt{0%,to{transform:scaleY(1)}55%{transform:scaleY(1.06)}}@keyframes sway{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bounce{40%{transform:translateY(-5%)}60%{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes shake{0%,70%,to{transform:translate(0)}76%{transform:translate(-2%)}82%{transform:translate(2%)}88%{transform:translate(-1%)}}@keyframes jitter{0%,to{transform:translate(0)}33%{transform:translate(.6%,-.4%)}66%{transform:translate(-.5%,.5%)}}@keyframes spin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-6deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.illus .anim{animation:none}}.thumb .thumb-embed{transform-origin:0 0;background:0 0;border:0;width:166.67%;height:166.67%;position:absolute;top:0;left:0;transform:scale(.6)}.thumb .caption,.thumb .badge,.thumb .rank{pointer-events:none}