*,:before,:after{box-sizing:border-box}html,body{margin:0}body{color:#0d0e10;-webkit-font-smoothing:antialiased;background:#fff;font:400 17px/1.5 Geist,system-ui,sans-serif}a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #0d0e10}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mark{letter-spacing:-.01em;margin:0;font:600 16px/1 Geist,sans-serif}.home{display:block}.home h1{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin:0;font:400 clamp(40px,6.2vw,88px)/1 Young Serif,Georgia,serif}.home .lead{color:#55575e;text-wrap:pretty;max-width:44ch;margin:0;font-size:19px}.cta{color:#fff;background:#0d0e10;border:1px solid #0d0e10;border-radius:12px;align-items:center;height:52px;margin-top:8px;padding:0 24px;font:500 17px/1 Geist,sans-serif;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.cta:hover{background:#2a2c31;transform:translateY(-1px)}.cta:active{transform:translateY(1px)}.welcome-field{isolation:isolate;box-sizing:border-box;background:#2457e6;min-height:100vh;padding:40px 24px;position:relative}.field-shapes{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.welcome{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:20px;gap:24px;max-width:1100px;margin:0 auto;padding:40px 40px 48px;display:grid;box-shadow:0 1px 1px #1118270a,0 2px 4px #1118270a,0 8px 16px #1118270d,0 24px 48px #1118270f}@media (max-width:640px){.welcome-field{padding:16px}.welcome{border-radius:16px;padding:24px 20px 28px}}.welcome__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.welcome h1{letter-spacing:-.015em;margin:0;font:400 clamp(32px,4.2vw,54px)/1.05 Young Serif,Georgia,serif}.pick{color:#55575e;align-items:center;gap:10px;font-size:15px;display:inline-flex}.pick select{color:#0d0e10;cursor:pointer;background:#fff;border:1px solid #d9dadd;border-radius:10px;height:40px;padding:0 12px;font:500 15px/1 Geist,sans-serif}.player{aspect-ratio:16/9;background:#000;border-radius:24px;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.steps{border:1px solid #e6e7ea;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.steps li{color:#3f4148;align-items:center;gap:12px;padding:16px 18px;font-size:15px;transition:background .3s,color .3s;display:flex}.steps li+li{border-left:1px solid #e6e7ea}.steps li.is-done{color:#1f5f30;background:#f3fbf0}.tick{background:#fff;border:1.5px solid #17181c;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;transition:background .3s,border-color .3s;display:grid;position:relative}.tick__n{color:#17181c;font:400 13px/1 Young Serif,Georgia,serif;transition:opacity .2s}.tick svg{pointer-events:none;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.tick path{fill:none;stroke:#fff;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60px;transition:stroke-dashoffset .35s ease-out .1s}.steps li.is-done .tick{background:#1f7a3a;border-color:#1f7a3a}.is-done .tick__n{opacity:0}.is-done .tick path{stroke-dashoffset:0}.hint{color:#55575e;margin:0;font-size:15px}.credit{color:#8a8c93;margin:0;font-size:13px}@media (max-width:720px){.steps{grid-template-columns:1fr}.steps li+li{border-top:1px solid #e6e7ea;border-left:0}}@media (prefers-reduced-motion:reduce){.cta,.steps li,.tick,.tick path,.tick__n{transition:none}}.doc{max-width:680px;margin:0 auto;padding:56px 24px 80px}.doc .mark a{text-decoration:none}.doc h1{letter-spacing:-.015em;margin:28px 0 8px;font:400 clamp(32px,4.6vw,48px)/1.08 Young Serif,Georgia,serif}.doc h2{letter-spacing:-.01em;margin:36px 0 8px;font:600 20px/1.3 Geist,sans-serif}.doc p,.doc li{color:#33353a}.doc ul{padding-left:20px}.doc__date{margin:0;font-size:14px;color:#8a8c93!important}.survey-card{max-width:720px}.survey{gap:24px;display:grid}.survey fieldset{border:0;min-width:0;margin:0;padding:0}.survey legend{color:#111827;margin-bottom:12px;font:600 17px/1.3 Geist,sans-serif}.survey__opts{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.survey__opt{color:#374151;cursor:pointer;align-items:center;gap:14px;padding:15px 18px;font-size:16px;transition:background .15s;display:flex}.survey__opt+.survey__opt{border-top:1px solid #e5e7eb}.survey__opt:hover{background:#f9fafb}.survey__opt:has(input:checked){color:#111827;background:#f3f4f6;font-weight:500}.survey__opt input{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #17181c;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin:0;display:grid}.survey__opt input:after{content:"";background:#17181c;border-radius:50%;width:10px;height:10px;transition:scale .15s cubic-bezier(.3,1.4,.5,1);scale:0}.survey__opt input:checked:after{scale:1}.survey__opt input:focus-visible{outline-offset:3px;outline:2px solid #111827}.survey__more{color:#111827;gap:10px;font:600 17px/1.3 Geist,sans-serif;display:grid}.survey__opt-hint{color:#6b7280;margin-left:6px;font-size:14px;font-weight:400}.survey__more textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font:400 16px/1.5 Geist,sans-serif;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1118270f}.survey__more textarea:hover{border-color:#9ca3af}.survey__more textarea:focus{border-color:#111827;outline:none;box-shadow:0 0 0 3px #1118271f}.survey .cta{justify-self:start;margin-top:0}.welcome-brand a{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.welcome-brand.is-narrow,.welcome-credit.is-narrow{max-width:720px}.welcome-credit a{color:#374151}.cta:disabled{opacity:.4;cursor:default;transform:none}.doc .cta{justify-self:start}.doc .hint{margin-top:32px}.welcome-brand{letter-spacing:-.01em;color:#111827;align-items:center;gap:10px;max-width:1100px;margin:8px auto 28px;padding:0 4px;font:600 15px/1 Geist,sans-serif;display:flex}.welcome-brand img{border-radius:6px;width:28px;height:28px;display:block}.welcome-credit{color:#6b7280;max-width:1100px;margin:20px auto 0;padding:0 4px;font-size:13px}.langbar{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 18px;font-size:18px;display:flex}.langbar__pick{display:inline-flex;position:relative}.langbar__pick:after{content:"";pointer-events:none;border-bottom:2px solid #111827;border-right:2px solid #111827;width:7px;height:7px;position:absolute;top:50%;right:14px;translate:0 -70%;rotate:45deg}.langbar select{appearance:none;color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;height:44px;padding:0 40px 0 16px;font:600 17px/1 Geist,sans-serif;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1118270f}.langbar select:hover{border-color:#9ca3af}.langbar select:focus-visible{border-color:#111827;outline:none;box-shadow:0 0 0 3px #1118271f}@media (max-width:640px){.langbar{font-size:16px}}html{scroll-behavior:smooth}.log{grid-template-columns:180px minmax(0,1fr);gap:56px;max-width:960px;margin:0 auto;padding:0 24px;display:grid}.log__nav{align-self:start;padding-top:56px;position:sticky;top:0}.log__nav .mark a{color:inherit;text-decoration:none}.log__nav nav{border-left:1px solid #e5e7eb;gap:2px;margin-top:44px;display:grid}.log__nav nav a{color:#111827;border-left:2px solid #0000;gap:2px;margin-left:-1px;padding:8px 0 8px 14px;font:600 15px/1.2 Geist,sans-serif;text-decoration:none;display:grid}.log__nav nav a:hover{border-left-color:#9ca3af}.log__nav nav a:focus-visible{outline-offset:2px;outline:2px solid #111827}.log__date{color:#6b7280;font-size:12.5px;font-weight:400}.log__main{max-width:none;margin:0;padding-left:0;padding-right:0}.log__main section{scroll-margin-top:24px}.log__main h1{margin-top:0}@media (max-width:760px){.log{grid-template-columns:1fr;gap:0}.log__nav{padding-top:32px;position:static}.log__nav nav{display:none}.log__main{padding-top:24px}}.log__main li{margin-bottom:10px;line-height:1.55}.log__main li::marker{color:#9ca3af}.log__main section+section{border-top:1px solid #e5e7eb;margin-top:40px;padding-top:8px}.home__brand{letter-spacing:-.01em;color:#111827;align-items:center;gap:10px;margin:0 0 8px;font:600 17px/1 Geist,sans-serif;display:inline-flex}.home__brand img{border-radius:8px;width:32px;height:32px;display:block}.cta{gap:10px}.cta__icon{flex:none;margin-left:-4px}.hd{box-sizing:border-box;min-height:100svh;padding:5vh 5vw;display:flex}.hd-still{isolation:isolate;background:#fff;border-radius:40px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.hd-media{flex:1;min-height:380px;margin-top:12px;position:relative}.hd-img{object-fit:cover;object-position:50% 6%;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0,#000 72px);mask-image:linear-gradient(#0000 0,#000 72px)}.hd-copy{z-index:2;text-align:center;justify-items:center;gap:18px;padding:40px 24px 0;display:grid;position:relative}.hd-copy .cta{margin-top:4px}.hd-subs{z-index:2;text-align:center;justify-items:center;gap:6px;padding:0 16px;font-family:YouTube Noto,Roboto,Arial,sans-serif;display:grid;position:absolute;bottom:96px;left:0;right:0}.hd-subs p{background:#080808bf;border-radius:6px;margin:0;padding:2px 10px 4px}.hd-orig{color:#fff;font-size:clamp(20px,2.1vw,32px);font-weight:500;line-height:1.3}.hd-trans{color:#f2b544;font-size:clamp(16px,1.6vw,24px);line-height:1.3}.hd-w{text-underline-offset:.18em;border-radius:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .2s}.hd-w.is-hot{text-decoration-color:#f2b544}.hd-card{z-index:4;color:#171717;opacity:0;pointer-events:none;background:#f5f5f5;border-radius:10px;min-width:150px;padding:10px 14px 12px;font-family:Roboto,Arial,sans-serif;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 8px 24px #00000059}.hd-card:after{content:"";background:#f5f5f5;border-radius:2px;width:12px;height:12px;margin-left:-6px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.hd-card.is-on{opacity:1;transform:translate(-50%,calc(-100% - 12px))}.hd-card__tr{font-size:20px;font-weight:500;line-height:1.25}.hd-card__src{color:#6b6b6b;font-size:13px}.hd-card__save{color:#f5f5f5;background:#171717;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;margin-top:10px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex}.hd-card__save.is-saved{color:#1f7a3a;background:#dcf5d4}.hd-card__save.is-saved:before{content:"";background:currentColor;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.hd-saved{z-index:4;color:#f5f5f5;background:#171717eb;border-radius:10px;width:280px;padding:8px;font-family:Roboto,Arial,sans-serif;position:absolute;top:96px;right:24px;box-shadow:0 12px 32px #0006}.hd-saved__head{justify-content:space-between;padding:6px 8px 8px;font-size:14px;font-weight:500;display:flex}.hd-saved__count{color:#a3a3a3;font-weight:400}.hd-saved ul{margin:0;padding:0;list-style:none;display:grid}.hd-saved li{border-radius:6px;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:8px;font-size:14px;transition:background .4s;display:grid}.hd-saved li+li{border-top:1px solid #2e2e2e}.hd-saved li span{color:#f2b544;font-size:13px}.hd-saved li time{color:#a3a3a3;font-variant-numeric:tabular-nums;font-size:12px}.hd-saved li.is-new{background:#ffffff14;animation:.6s cubic-bezier(.22,1,.36,1) hd-slot}@keyframes hd-slot{0%{opacity:0;transform:translateY(-8px)}}.hd-yt{z-index:3;color:#fff;background:linear-gradient(#0000,#0000008c);padding:48px 20px 10px;position:absolute;bottom:0;left:0;right:0}.hd-yt__bar{background:#ffffff38;border-radius:2px;height:4px;margin-bottom:8px;position:relative}.hd-yt__bar i{border-radius:2px;position:absolute;inset:0 auto 0 0}.hd-yt__buf{background:#fff6;width:14%}.hd-yt__played{background:red;width:3.95%}.hd-yt__dot{background:red;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%!important;top:50%!important;left:3.95%!important}.hd-yt__row{align-items:center;gap:16px;height:40px;padding:0 8px;display:flex}.hd-yt__row svg{flex:none;width:24px;height:24px}.hd-yt__time{font:500 13px/1 Roboto,Arial,sans-serif}.hd-yt__time span{opacity:.7}.hd-yt__sp{flex:1}.hd-yt__cc{display:grid;position:relative}.hd-yt__cc:after{content:"";background:red;border-radius:1px;height:2px;position:absolute;bottom:-3px;left:3px;right:3px}.hd-yt__sg rect:last-child{fill:#f2b544}.hd-cursor{z-index:6;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 4px #00000080);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:0;left:0}.hd-cursor.is-on{opacity:1}.hd-cursor svg{transform-origin:3px 3px;transition:transform .12s;display:block}.hd-cursor.is-down svg{transform:scale(.86)}@media (max-width:900px){.hd{padding:16px}.hd-still{border-radius:24px}.hd-media{min-height:420px}.hd-saved,.hd-yt__row svg:nth-of-type(n+5),.hd-yt__sg{display:none}}@media (prefers-reduced-motion:reduce){.hd-card,.hd-cursor,.hd-w,.hd-saved li{transition:none!important;animation:none!important}}.welcome-field .welcome-brand{color:#fff}.welcome-field .welcome-brand img{box-shadow:0 1px 3px #0a145033}.welcome-field .welcome-credit{color:#ffffffe0}.welcome-field .welcome-credit a{color:#fff}.welcome-field .welcome{border-color:#0000;box-shadow:0 1px 2px #0a14501f,0 4px 8px #0a14501f,0 16px 32px #0a145029,0 32px 64px #0a145033}
