@font-face{font-family:'Anybody';font-style:normal;font-weight:600 900;font-stretch:75% 140%;font-display:swap;src:url(/assets/fonts/anybody.766f95e9b8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Geist';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/geist.f49f83effe.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/geist-mono.8c3cbed783.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
--bg:#F5F6F7; --bg2:#ECEEF0; --surface:#FFFFFF; --fg:#0D1014; --muted:#5A636E; --line:#DCE0E5;
--accent:#087F58; --accent-ink:#07784F; --logo-w:#0D1014; --accent-fg:#FFFFFF; --accent-soft:#DDF3EA; --warn:#9A5B07; --warn-soft:#FAEBD2; --danger:#C0302A; --danger-ink:#A32621; --danger-soft:#FCE9E7; --danger-fg:#FFFFFF;
--shadow:0 .0625rem .125rem rgba(13,16,20,.05),0 .75rem 2rem -.75rem rgba(13,16,20,.18);
--font:'Geist','Segoe UI',system-ui,sans-serif; --mono:'Geist Mono',ui-monospace,Consolas,monospace;
--r1:.625rem; --r2:1.125rem; --ease:cubic-bezier(.2,.9,.25,1.12);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--bg:#0A0C0F; --bg2:#12151A; --surface:#14181E; --fg:#EEF1F4; --muted:#8B95A1; --line:#242A33;
--accent:#3DDC97; --accent-ink:#3DDC97; --logo-w:#F5F6F7; --accent-fg:#06180F; --accent-soft:#0E2A1F; --warn:#F0B35C; --warn-soft:#2E230F; --danger:#FF6B63; --danger-ink:#FF8D86; --danger-soft:#3A1614; --danger-fg:#2A0A07;
--shadow:0 .0625rem .125rem rgba(0,0,0,.4),0 1rem 2.5rem -.875rem rgba(0,0,0,.6); color-scheme:dark}}
:root[data-theme="dark"]{
--bg:#0A0C0F; --bg2:#12151A; --surface:#14181E; --fg:#EEF1F4; --muted:#8B95A1; --line:#242A33;
--accent:#3DDC97; --accent-ink:#3DDC97; --logo-w:#F5F6F7; --accent-fg:#06180F; --accent-soft:#0E2A1F; --warn:#F0B35C; --warn-soft:#2E230F; --danger:#FF6B63; --danger-ink:#FF8D86; --danger-soft:#3A1614; --danger-fg:#2A0A07;
--shadow:0 .0625rem .125rem rgba(0,0,0,.4),0 1rem 2.5rem -.875rem rgba(0,0,0,.6); color-scheme:dark}
@media (max-aspect-ratio:2/3) and (max-width:1100px){html{font-size:max(1rem,calc(100vw/24.5))}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:1rem;line-height:1.55;padding-inline:1.25rem;-webkit-font-smoothing:antialiased}
.wrap{max-width:73.75rem;margin:0 auto}
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:.125rem solid var(--accent);outline-offset:.1875rem;border-radius:.375rem}
ph-magnifying-glass,ph-arrow-up-right,ph-arrow-left,ph-arrow-right,ph-seal-check,ph-warning,ph-lock-key,ph-globe-hemisphere-west,ph-shield-check,ph-x,ph-play,ph-pause,ph-arrow-counter-clockwise,ph-clock-counter-clockwise,ph-check,ph-camera,ph-article{display:inline-block;vertical-align:middle}
.skip{position:absolute;left:-62.4375rem;top:.5rem;background:var(--fg);color:var(--bg);padding:.5rem .875rem;border-radius:var(--r1);z-index:50}
.skip:focus{left:.75rem}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(.875rem);-webkit-backdrop-filter:blur(.875rem);margin-inline:-1.25rem;padding-inline:1.25rem;border-bottom:.0625rem solid transparent;transition:border-color .2s}
.nav.scrolled{border-color:var(--line)}
.nav-in{max-width:73.75rem;margin:0 auto;height:4rem;display:flex;align-items:center;gap:.75rem}
.logo{display:flex;align-items:center;background:none;border:0;color:var(--fg);cursor:pointer;padding:0}
.logo .lockup{display:block;height:2.125rem;width:auto}
.lk-p{fill:var(--accent)}
.lk-w{fill:var(--logo-w)}
.links{display:flex;gap:.125rem}
.nl{font:500 .875rem var(--font);color:var(--muted);text-decoration:none;padding:.5rem .75rem;border-radius:var(--r1);transition:color .15s,background .15s;white-space:nowrap}
.nl:hover{color:var(--fg);background:var(--bg2)}
.nl[aria-current="page"]{color:var(--fg);background:var(--bg2)}
.nl .short{display:none}
.nav-sp{flex:1}
.nav .sbox{width:17.5rem;display:none}
.nav.has-search .sbox{display:block}
.flags{display:flex;gap:.125rem;padding:.1875rem;border-radius:62.4375rem;background:var(--bg2)}
.flags button{width:2.25rem;height:1.75rem;border:0;border-radius:62.4375rem;background:none;display:grid;place-items:center;cursor:pointer;opacity:.5;transition:opacity .2s,background .2s}
.flags button:hover{opacity:.85}
.flags button[aria-pressed="true"]{background:var(--surface);opacity:1;box-shadow:0 .0625rem .125rem rgba(0,0,0,.14)}
.flag{display:block;width:1.25rem;height:.875rem;border-radius:.1875rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.14)}
.menu-btn{display:none;width:2.75rem;height:2.75rem;flex:none;place-items:center;border:.0625rem solid var(--line);border-radius:.75rem;background:var(--surface);color:var(--fg);padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .2s,transform .15s}
.menu-btn:hover,.nav.open .menu-btn{border-color:var(--fg)}
.menu-btn:active{transform:scale(.92)}
.hb{position:relative;display:block;width:1.125rem;height:.875rem}
.hb i{position:absolute;left:0;width:100%;height:.125rem;border-radius:.125rem;background:currentColor;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
.hb i:nth-child(1){top:0}.hb i:nth-child(2){top:.375rem}.hb i:nth-child(3){top:.75rem}
.nav.open .hb i:nth-child(1){transform:translateY(.375rem) rotate(45deg)}
.nav.open .hb i:nth-child(2){opacity:0;transform:scaleX(.2)}
.nav.open .hb i:nth-child(3){transform:translateY(-.375rem) rotate(-45deg)}
@media(max-width:920px),(max-aspect-ratio:2/3) and (max-width:1100px){.nav .sbox{display:none!important}}
@media(max-width:700px),(max-aspect-ratio:2/3) and (max-width:1100px){
.nav-in{position:relative;gap:.375rem}
.nav-sp{display:none}
.flags{margin-left:auto}
.menu-btn{display:grid}
.links{position:absolute;left:0;right:0;top:calc(100% + .375rem);flex-direction:column;gap:.125rem;padding:.375rem;background:var(--surface);border:.0625rem solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);z-index:35;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.625rem) scale(.98);transform-origin:50% 0;transition:opacity .18s ease,transform .2s ease-in,visibility 0s linear .2s}
.nav.open .links{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility 0s}
.nl{padding:.75rem .875rem;font-size:1rem;border-radius:.75rem;color:var(--fg);opacity:0;transform:translateY(-.375rem);transition:color .15s,background .15s,opacity .18s ease,transform .2s ease-in;-webkit-tap-highlight-color:transparent}
.nav.open .nl{opacity:1;transform:none;transition:color .15s,background .15s,opacity .24s ease .05s,transform .36s cubic-bezier(.2,.8,.2,1) .05s}
.nav.open .nl:nth-child(2){transition-delay:0s,0s,.09s,.09s}
.nav.open .nl:nth-child(3){transition-delay:0s,0s,.13s,.13s}
}
@media(max-width:560px),(max-aspect-ratio:2/3) and (max-width:1100px){.logo .lockup{height:2rem}}
@media(max-width:370px){.logo{min-width:2.75rem}.logo .lockup{width:2rem}}
.sbox{position:relative}
.sbox .field{display:flex;align-items:center;gap:.625rem;background:var(--surface);border:.09375rem solid var(--line);border-radius:var(--r2);padding:0 .875rem;height:3.75rem;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow)}
.sbox.sm .field{height:2.625rem;border-radius:var(--r1);box-shadow:none;padding:0 .75rem}
.sbox .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent) 16%,transparent),var(--shadow)}
.sbox ph-magnifying-glass{font-size:1.375rem;color:var(--muted)}
.sbox.sm ph-magnifying-glass{font-size:1.0625rem}
.sbox input{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:500 1.125rem var(--font);height:100%;outline:none}
.sbox.sm input{font-size:.875rem}
.sbox input::placeholder{color:var(--muted);font-weight:400}
.kbd{font:500 .75rem var(--mono);color:var(--muted);border:.0625rem solid var(--line);border-radius:.375rem;padding:.125rem .4375rem}
.sbox.sm .kbd{display:none}
.pop{position:absolute;left:0;right:0;top:calc(100% + .5rem);background:var(--surface);border:.0625rem solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow);padding:.375rem;z-index:40;max-height:min(26.25rem,60vh);overflow:auto}
.opt{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border:0;background:none;color:var(--fg);padding:.5rem .625rem;border-radius:.75rem;cursor:pointer;font:inherit}
.opt[aria-selected="true"],.opt:hover{background:var(--bg2)}
.opt .t{font-weight:600;line-height:1.25}
.opt .best{margin-left:auto;font:500 .6875rem var(--mono);color:var(--accent-ink);display:flex;align-items:center;gap:.25rem;white-space:nowrap}
.pop .none{padding:1rem .75rem}
.pop .none b{display:block}
.chips{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}
.chip{display:inline-flex;align-items:center;gap:.5rem;border:.0625rem solid var(--line);background:var(--surface);color:var(--fg);border-radius:62.4375rem;padding:.3125rem .75rem .3125rem .375rem;font:500 .8125rem var(--font);cursor:pointer;transition:border-color .15s}
.chip:hover{border-color:var(--fg)}
.lg{width:2.25rem;height:2.25rem;border-radius:.625rem;background:#fff;border:.0625rem solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden}
.lg img{width:68%;height:68%;object-fit:contain;display:block}
.lg b{color:#0D1014;font:700 .9375rem var(--font)}
.lg{position:relative}
.lg img.sp{position:absolute;max-width:none;width:calc(var(--c)*100%);height:calc(var(--r)*100%);left:calc(var(--x)*-100%);top:calc(var(--y)*-100%);object-fit:fill}
.lg.l24{width:1.5rem;height:1.5rem;border-radius:.4375rem}.lg.l24 b{font-size:.75rem}
.lg.l44{width:2.75rem;height:2.75rem;border-radius:.75rem}
.lg.l60{width:3.75rem;height:3.75rem;border-radius:1rem}
.lg.l60 b{font-size:1.5rem}
.view{animation:vin .35s var(--ease) backwards}
@keyframes vin{from{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:none}}
.wrap{min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem);display:flex;flex-direction:column}
#app{flex:1;display:flex;flex-direction:column}
.hero{--gap:clamp(.875rem,4vh,2.25rem);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:clamp(.75rem,4vh,2.5rem) clamp(1rem,8vh,5rem)}
h1.slog{font-family:'Anybody','Geist',system-ui,sans-serif;font-weight:800;font-stretch:100%;font-size:clamp(2.5rem,min(10vw,16vh),7rem);line-height:.95;letter-spacing:-.02em;margin:0 0 var(--gap);white-space:nowrap}
h1.slog .w{display:inline-block}
h1.slog .ch{display:inline-block}
h1.slog .lt-g{color:var(--accent)}
h1.slog .lt-d{color:var(--fg)}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;margin:0 0 calc(var(--gap)*.7);padding:.4375rem .875rem .4375rem .625rem;border:.0625rem solid var(--line);background:var(--surface);border-radius:62.4375rem;font:500 .75rem/1.2 var(--mono);letter-spacing:.06em;color:var(--accent-ink)}
.eyebrow ph-shield-check{font-size:1.125rem;color:var(--accent);flex:none}
@media(max-width:420px),(max-aspect-ratio:2/3) and (max-width:1100px){.eyebrow{letter-spacing:.01em;padding:.4375rem .75rem .4375rem .5rem;gap:.375rem}}
.hero .stack{margin:0 auto}
.hero .sbox{width:100%;max-width:35rem;position:relative;z-index:5;text-align:left;margin-bottom:calc(var(--gap) + 1rem)}
.hero>*{animation:vin .6s var(--ease) backwards}
.hero>*:nth-child(2){animation-delay:.06s}
.hero>*:nth-child(3){animation-delay:.12s}
.hero>*:nth-child(4){animation-delay:.2s}
.stack{position:relative;aspect-ratio:1/.9;width:max(11.25rem,min(21.25rem,78vw,38vh))}
.sc{position:absolute;left:0;right:0;top:0;border-radius:var(--r2);background:var(--surface);border:.0625rem solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:transform .9s var(--ease),opacity .6s,filter .6s;transform-origin:50% 100%;cursor:pointer;padding:0;text-align:left;color:var(--fg);font:inherit}
.sc[data-p="0"]{transform:translate(0,22%) rotate(-1.5deg);z-index:3}
.sc[data-p="1"]{transform:translate(7%,10%) rotate(3deg) scale(.95);z-index:2;filter:saturate(.7) brightness(.97)}
.sc[data-p="2"]{transform:translate(-5%,0) rotate(-5deg) scale(.9);z-index:1;filter:saturate(.5) brightness(.94)}
.sc[data-p="3"],.sc[data-p="4"],.sc[data-p="5"]{transform:translate(-5%,0) rotate(-5deg) scale(.9);z-index:0;opacity:0;pointer-events:none;filter:saturate(.5) brightness(.94)}
.sc .bar{display:flex;align-items:center;gap:.375rem;padding:.4375rem .625rem;border-bottom:.0625rem solid var(--line);font:400 .6875rem var(--mono);color:var(--muted)}
.sc .bar i{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--line);display:inline-block}
.sc .bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.25rem}
.sc img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.sc .stamp{position:absolute;right:-.25rem;bottom:-.25rem;width:5.25rem;height:5.25rem;transform:rotate(-12deg) scale(0);opacity:0}
.sc[data-p="0"] .stamp{animation:land .7s .5s var(--ease) forwards}
@keyframes land{0%{transform:rotate(-30deg) scale(2.2);opacity:0}60%{opacity:1}100%{transform:rotate(-12deg) scale(1);opacity:1}}
.stampsvg{width:100%;height:100%;color:var(--accent)}
.stampsvg.part{color:var(--warn)}
.stampsvg .tx{font:600 9.5px var(--mono);letter-spacing:.14em;fill:currentColor}
.page{padding-block:2.5rem 1.5rem}
.ph1{font:800 clamp(2.5rem,6vw,4.5rem)/1 var(--font);letter-spacing:-.045em;margin:0 0 .625rem;text-wrap:balance}
.psub{color:var(--muted);font-size:1.125rem;max-width:46ch;margin:0 0 2.25rem}
.btn2{border:.0625rem solid var(--line);background:var(--surface);color:var(--fg);border-radius:var(--r1);padding:.5rem .875rem;font:500 .875rem var(--font);cursor:pointer;transition:border-color .15s}
.btn2:hover{border-color:var(--fg)}
.btn2.danger{border-color:var(--warn);color:var(--warn)}
.row2{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.player{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.25rem;align-items:start}
.stagewrap{position:sticky;top:5.5rem;order:2}
.stepsl{order:1;display:grid;gap:.25rem}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){.player{grid-template-columns:minmax(0,1fr);gap:1rem}.stagewrap{position:static;order:1}.stepsl{order:2}}
.stage{position:relative;aspect-ratio:1/.88;border-radius:var(--r2);border:.0625rem solid var(--line);background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb,var(--fg) 13%,transparent) .0625rem,transparent .0625rem);background-size:1.25rem 1.25rem;box-shadow:var(--shadow);overflow:hidden}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){.stage{aspect-ratio:1/1}}
.pctl{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}
.pctl .cnt{font:500 .8125rem var(--mono);color:var(--muted)}
.ib{width:2.125rem;height:2.125rem;border-radius:var(--r1);border:.0625rem solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;cursor:pointer;font-size:.9375rem}
.ib:hover{border-color:var(--fg)}
.pbar{position:absolute;left:0;right:0;bottom:0;height:.1875rem;background:var(--line);z-index:3}
.pbar i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.pbar i.run{animation:fillbar 6.5s linear forwards}
@keyframes fillbar{to{transform:scaleX(1)}}
.step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.875rem;text-align:left;border:.0625rem solid transparent;background:none;color:var(--muted);border-radius:var(--r2);padding:.875rem;cursor:pointer;font:inherit;transition:background .2s,border-color .2s,color .2s}
.step:hover{color:var(--fg)}
.step[aria-selected="true"]{background:var(--surface);border-color:var(--line);color:var(--fg);box-shadow:var(--shadow)}
.sn{width:1.875rem;height:1.875rem;border-radius:50%;border:.09375rem solid var(--line);display:grid;place-items:center;font:500 .8125rem var(--mono);transition:background .2s,border-color .2s,color .2s}
.step.done .sn{border-color:var(--accent);color:var(--accent-ink)}
.step[aria-selected="true"] .sn{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.stt{display:block;font:700 1.125rem/1.3 var(--font);letter-spacing:-.02em}
.sd{display:none;margin-top:.375rem;font-size:.9375rem;color:var(--muted);max-width:42ch}
.step[aria-selected="true"] .sd{display:block}
.mcap{display:none;padding:.25rem .125rem 0}
.mcap b{display:block;font:700 1.375rem/1.2 var(--font);letter-spacing:-.03em}
.mcap p{margin:.25rem 0 0;color:var(--muted)}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){
.stepsl{display:flex;overflow-x:auto;gap:.375rem;scroll-snap-type:x proximity;margin-inline:-1.25rem;padding-inline:1.25rem;padding-bottom:.25rem}
.step{flex:none;display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .375rem;border-color:var(--line);border-radius:62.4375rem;scroll-snap-align:center}
.stt{font-size:.875rem;white-space:nowrap}
.step[aria-selected="true"] .sd{display:none}
.mcap{display:block}
}
.notyet{margin-top:4rem;border-top:.0625rem solid var(--line);padding-top:2rem;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.25rem}
.notyet h2{font:700 1.5rem var(--font);letter-spacing:-.03em;margin:0}
.notyet ul{margin:0 0 .75rem;padding:0;list-style:none;display:grid;gap:.5rem}
.notyet li{display:flex;gap:.625rem;align-items:flex-start}
.notyet li ph-warning{color:var(--warn);margin-top:.25rem;flex:none}
.notyet p{margin:0;color:var(--muted);max-width:56ch}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){.notyet{grid-template-columns:minmax(0,1fr);gap:.875rem}}
.cta{margin-top:2.5rem}
.sxw{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(1rem,3vw,2rem);animation:vin .4s var(--ease) backwards}
.sx{width:100%;max-width:27.5rem;display:grid;gap:1rem}
.mini-field{display:flex;align-items:center;gap:.625rem;background:var(--surface);border:.09375rem solid var(--accent);border-radius:var(--r2);padding:0 1rem;height:3.5rem;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent) 14%,transparent)}
.mini-field ph-magnifying-glass{font-size:1.25rem;color:var(--muted)}
.typed{font:500 1.25rem var(--mono);display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:typing .8s steps(3) .5s forwards}
@keyframes typing{to{width:3ch}}
.caret{width:.125rem;height:1.5rem;background:var(--accent);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.mini-pop{background:var(--surface);border:.0625rem solid var(--line);border-radius:var(--r2);padding:.375rem;box-shadow:var(--shadow);opacity:0;transform:translateY(.5rem);animation:rise .5s 1.5s var(--ease) forwards}
@keyframes rise{to{opacity:1;transform:none}}
.mini-opt{display:flex;align-items:center;gap:.75rem;padding:.5rem .625rem;border-radius:.75rem;background:var(--bg2)}
.mini-opt b{font-weight:600}
.mini-opt .best{margin-left:auto;font:500 .75rem var(--mono);color:var(--accent-ink);display:flex;align-items:center;gap:.25rem;white-space:nowrap}
.urlchip{justify-self:center;font:500 .875rem var(--mono);border:.0625rem solid var(--line);background:var(--surface);border-radius:62.4375rem;padding:.4375rem .875rem;opacity:0;transform:translateY(.5rem);animation:rise .5s 2.6s var(--ease) forwards}
.urlchip b{color:var(--accent-ink);font-weight:500}
.mini-frame{border:.0625rem solid var(--line);border-radius:.875rem;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.mbar{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-bottom:.0625rem solid var(--line);font:400 .75rem var(--mono);color:var(--muted)}
.mbar i{width:.5rem;height:.5rem;border-radius:50%;background:var(--line);display:inline-block}
.mbar span{margin-left:.375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mshot{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg2)}
.mshot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.beam{position:absolute;inset:0;transform:translateY(-100%);background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 18%,transparent) 0,color-mix(in srgb,var(--accent) 18%,transparent) 94%,var(--accent) 100%);animation:scan 1.8s .4s ease-in-out forwards,untint .5s 2.5s forwards}
@keyframes scan{to{transform:translateY(0)}}
@keyframes untint{to{opacity:0}}
.flash{position:absolute;inset:0;background:#fff;opacity:0;animation:flash .6s 2.2s ease-out}
@keyframes flash{0%{opacity:.9}100%{opacity:0}}
.corners i{position:absolute;width:1.125rem;height:1.125rem;border:.125rem solid var(--accent)}
.corners i:nth-child(1){left:.625rem;top:.625rem;border-right:0;border-bottom:0}
.corners i:nth-child(2){right:.625rem;top:.625rem;border-left:0;border-bottom:0}
.corners i:nth-child(3){left:.625rem;bottom:.625rem;border-right:0;border-top:0}
.corners i:nth-child(4){right:.625rem;bottom:.625rem;border-left:0;border-top:0}
.mchips{display:flex;gap:.5rem;justify-content:center}
.mchip{display:inline-flex;gap:.375rem;align-items:center;border:.0625rem solid var(--line);background:var(--surface);border-radius:62.4375rem;padding:.375rem .75rem;font:500 .8125rem var(--font);opacity:0;transform:scale(.8);animation:pop2 .4s var(--ease) forwards}
.mchip.c1{animation-delay:2.4s}.mchip.c2{animation-delay:2.8s}
@keyframes pop2{to{opacity:1;transform:none}}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr);align-items:center;gap:.5rem}
.nodex{border:.0625rem solid var(--line);background:var(--surface);border-radius:.875rem;padding:.75rem;min-height:4rem;display:grid;align-content:center;gap:.125rem;font-size:.875rem}
.nodex .m{font:500 .9375rem var(--mono);overflow-wrap:anywhere}
.nodex small{font:400 .75rem var(--mono);color:var(--muted)}
.wirex{position:relative;height:.125rem;background:repeating-linear-gradient(90deg,var(--line) 0 .25rem,transparent .25rem .5rem);overflow:hidden}
.wirex i{position:absolute;left:0;top:-.1875rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);transform:translateX(-.625rem);animation:travel 1s var(--d,.5s) ease-in-out forwards}
@keyframes travel{to{transform:translateX(2.875rem)}}
.resx{opacity:0;transform:translateX(-.5rem);animation:rise2 .45s var(--d2,1.4s) var(--ease) forwards}
@keyframes rise2{to{opacity:1;transform:none}}
.resx.okx{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}
.resx.nox{border-color:var(--warn);background:var(--warn-soft);color:var(--warn);animation:rise2 .45s var(--d2,1.4s) var(--ease) forwards,shake .4s calc(var(--d2,1.4s) + .3s)}
@keyframes shake{25%{transform:translateX(-.25rem)}75%{transform:translateX(.25rem)}}
.resx .rr{display:flex;align-items:center;gap:.375rem;font-weight:600}
.flow.bad{--d:2.4s;--d2:3.3s}
.note{margin:0;font:400 .75rem var(--mono);color:var(--muted);text-align:center}
.cert{border:.0625rem solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow);padding:1.125rem;display:grid;gap:.75rem}
.cert-h{display:flex;align-items:center;gap:.625rem;font:700 1.125rem var(--font);letter-spacing:-.02em}
.cert-h ph-lock-key{color:var(--accent);font-size:1.375rem}
.cert dl{margin:0;display:grid;gap:.5rem}
.cert dl div{display:flex;justify-content:space-between;gap:.75rem;font-size:.875rem;border-top:.0625rem dashed var(--line);padding-top:.5rem;opacity:0;animation:rise .4s var(--d,.4s) var(--ease) forwards}
.cert dt{color:var(--muted)}
.cert dd{margin:0;font-weight:600;text-align:right}
.cert dd.ok{color:var(--accent-ink);display:flex;align-items:center;gap:.375rem}
.valid{height:.5rem;border-radius:.5rem;background:var(--bg2);overflow:hidden}
.valid i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:fillx 1.4s .5s ease-out forwards}
@keyframes fillx{to{transform:scaleX(1)}}
.chain{display:grid;grid-template-columns:minmax(0,1fr) 2.25rem minmax(0,1fr);align-items:center;gap:.5rem}
.hop{border:.0625rem solid var(--line);background:var(--surface);border-radius:.875rem;padding:.75rem;min-height:4rem;display:grid;align-content:center;gap:.125rem;font:500 .75rem var(--mono);overflow-wrap:break-word}
.hop .pth{white-space:nowrap}
@media(max-width:520px),(max-aspect-ratio:2/3) and (max-width:1100px){.chain{grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,1fr);gap:.375rem}.flow{grid-template-columns:minmax(0,1fr) 1.75rem minmax(0,1fr);gap:.375rem}.hop{padding:.625rem .5rem}.nodex{padding:.625rem .5rem}.nodex .m{font-size:.8125rem}@keyframes travel{to{transform:translateX(1.875rem)}}}
.hop small{font:400 .75rem var(--font);color:var(--muted)}
.hop .dm{background:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:.25rem;padding:0 .1875rem}
.hop .dw{background:var(--warn-soft);color:var(--warn);border-radius:.25rem;padding:0 .1875rem}
.arrowx{height:.125rem;background:var(--line);position:relative;overflow:hidden}
.arrowx::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:slidein .6s var(--d,.5s) ease-out forwards}
.chain.bad .arrowx::after{background:var(--warn)}
@keyframes slidein{to{transform:none}}
.chain.bad{--d:2.6s;--d2:3.3s}
.verdictx{justify-self:center;display:inline-flex;align-items:center;gap:.375rem;border-radius:62.4375rem;padding:.3125rem .75rem;font:500 .8125rem var(--font);opacity:0;animation:rise .4s var(--d3,1.9s) var(--ease) forwards}
.verdictx.okx{background:var(--accent-soft);color:var(--accent-ink)}
.verdictx.nox{background:var(--warn-soft);color:var(--warn);--d3:4s}
.mini-frame .stampS{position:absolute;right:.5rem;bottom:.5rem;width:5.75rem;height:5.75rem;transform:rotate(-12deg) scale(0);opacity:0;animation:land .7s .7s var(--ease) forwards;filter:drop-shadow(0 .25rem .625rem rgba(0,0,0,.25))}
.mini-go{position:relative;height:3.125rem;border-radius:var(--r1);overflow:hidden;background:var(--fg);color:var(--bg);display:grid;place-items:center;font:600 .9375rem var(--font);animation:goBg .35s 1.7s forwards}
.mini-go span{grid-area:1/1;display:flex;gap:.5rem;align-items:center}
.mini-go .a{animation:fadeout .3s 1.7s forwards}
.mini-go .b{opacity:0;animation:fadein .4s 1.8s forwards}
@keyframes goBg{to{background:var(--accent);color:var(--accent-fg)}}
@keyframes fadeout{to{opacity:0}}
@keyframes fadein{to{opacity:1}}
.hbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}
.hist{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.hg{font:500 .75rem var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:1.5rem 0 .375rem}
.hi{display:flex;align-items:center;gap:.375rem;border-radius:var(--r2);transition:background .15s}
.hi:hover{background:var(--surface)}
.hrow{flex:1;min-width:0;display:flex;align-items:center;gap:.875rem;text-align:left;border:0;background:none;color:var(--fg);padding:.625rem .75rem;border-radius:var(--r2);cursor:pointer;font:inherit}
.hrow .tt{min-width:0}
.hrow b{display:block;font-weight:600}
.hrow small{display:block;font:400 .75rem var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.when{margin-left:auto;font:400 .75rem var(--mono);color:var(--muted);flex:none}
.hx{width:2.75rem;height:2.75rem;border-radius:var(--r1);border:0;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex:none;font-size:1rem}
.hx:hover{background:var(--bg2);color:var(--fg)}
.empty2{border:.0625rem dashed var(--line);border-radius:var(--r2);padding:2.5rem 1.5rem;display:grid;justify-items:start;gap:.625rem;margin-top:.5rem}
.empty2 .ei{width:3.25rem;height:3.25rem;border-radius:.875rem;background:var(--bg2);display:grid;place-items:center;font-size:1.625rem;color:var(--muted)}
.empty2 b{font:700 1.375rem var(--font);letter-spacing:-.02em}
.empty2 p{margin:0 0 .375rem;color:var(--muted)}
.detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:2.75rem;align-items:start;padding-block:2.5rem 4rem}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){.detail{grid-template-columns:minmax(0,1fr);gap:1.75rem}.panel{display:contents}.detail .phead{order:1}.detail .pic{order:2}.detail .vbox{order:3;margin-top:0}.detail .sum{order:4}.detail .panel .meta{margin-bottom:0}}
.fw{position:relative}
.fr{position:relative;border-radius:var(--r2);border:.0625rem solid var(--line);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.fr .bar{display:flex;align-items:center;gap:.5rem;padding:.6875rem .875rem;border-bottom:.0625rem solid var(--line);font:400 .78125rem var(--mono);color:var(--muted)}
.fr .bar i{width:.5625rem;height:.5625rem;border-radius:50%;background:var(--line);display:inline-block}
.fr .bar .u{flex:1;min-width:0;background:var(--bg);border-radius:.4375rem;padding:.25rem .6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.375rem}
.fr .shotbox{position:relative;aspect-ratio:16/10;background:var(--bg2);overflow:hidden}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--fg) 8%,transparent) 50%,transparent 70%);background-size:250% 100%;animation:sh 1.4s linear infinite;pointer-events:none}
@keyframes sh{from{background-position:150% 0}to{background-position:-100% 0}}
.fr img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:0;transition:opacity .5s}
.fr img.in{opacity:1}
.fr .nos{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1.75rem;color:var(--muted);background:repeating-linear-gradient(135deg,var(--bg2),var(--bg2) .625rem,var(--bg) .625rem,var(--bg) 1.25rem)}
.fr .nos .lg{margin:0 auto .75rem}
.bigstamp{position:absolute;right:1.125rem;bottom:1.125rem;width:9.375rem;height:9.375rem;pointer-events:none;transform:scale(0);opacity:0;filter:drop-shadow(0 .375rem .875rem rgba(0,0,0,.25))}
.stamped .bigstamp{animation:land .75s var(--ease) forwards}
.stamped .fr{animation:thud .35s .18s ease}
@keyframes thud{0%{transform:none}35%{transform:translateY(.1875rem) scale(.996)}100%{transform:none}}
.cap{font:400 .75rem var(--mono);color:var(--muted);margin-top:.625rem}
.panel .ph{display:flex;align-items:center;gap:1rem;margin-bottom:.625rem}
.panel h2{font:800 clamp(2.125rem,4.6vw,3.5rem)/.98 var(--font);letter-spacing:-.045em;margin:0;text-wrap:balance}
.panel .meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font:400 .8125rem var(--mono);color:var(--muted);margin-bottom:1.25rem}
.pill{display:inline-flex;align-items:center;gap:.3125rem;border-radius:62.4375rem;padding:.1875rem .625rem;background:var(--bg2);color:var(--fg);font:500 .75rem var(--font)}
.sum p{margin:0 0 .75rem;max-width:58ch;text-wrap:pretty}
.src{display:inline-flex;gap:.375rem;align-items:center;font:500 .75rem var(--mono);padding:.25rem .625rem;border-radius:62.4375rem;background:var(--warn-soft);color:var(--warn)}
.vbox{margin-top:1.5rem;border:.0625rem solid var(--line);border-radius:var(--r2);background:var(--surface);padding:1.125rem;box-shadow:var(--shadow)}
.go{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;height:3.375rem;font:600 1rem var(--font);border-radius:var(--r1);border:0;background:var(--fg);color:var(--bg);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,filter .2s,background .3s}
.go.auto{width:auto;padding-inline:1.375rem;height:2.875rem}
.go:hover{filter:brightness(1.15)}
.go:active{transform:translateY(.0625rem) scale(.99)}
.go[disabled]{cursor:progress;filter:none}
.go.done{background:var(--accent);color:var(--accent-fg);animation:vin .4s var(--ease)}
.go.warn{background:var(--warn);color:#fff;animation:vin .4s var(--ease)}
.checks{list-style:none;padding:0;margin:1.125rem 0 0;display:grid;gap:.25rem}
.checks li{display:flex;align-items:center;gap:.75rem;padding:.5625rem 0;color:var(--muted);transition:color .25s}
.checks li+li{border-top:.0625rem dashed var(--line)}
.ic{width:1.375rem;height:1.375rem;border-radius:50%;border:.09375rem solid var(--line);display:grid;place-items:center;flex:none;transition:background .25s,border-color .25s}
.ic svg{width:.75rem;height:.75rem;opacity:0;transform:scale(.4)}
.checks li.run{color:var(--fg)}.checks li.run .ic{border-color:var(--accent);border-top-color:transparent;animation:spin .7s linear infinite}
.checks li.ok{color:var(--fg)}.checks li.ok .ic{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.checks li.no{color:var(--fg)}.checks li.no .ic{background:var(--warn);border-color:var(--warn);color:#fff}
.checks li.ok .ic svg,.checks li.no .ic svg{opacity:1;transform:none;transition:opacity .2s,transform .35s var(--ease)}
.checks code{margin-left:auto;font:400 .75rem var(--mono);color:var(--muted);text-align:right;min-width:0;overflow-wrap:anywhere}
@keyframes spin{to{transform:rotate(360deg)}}
.verdict{display:none;margin-top:.875rem;padding:.75rem .875rem;border-radius:var(--r1);background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.verdict.warn{background:var(--warn-soft);color:var(--warn)}
.verdict.show{display:block;animation:vin .4s var(--ease)}
.verdict small{display:block;font:400 .75rem var(--mono);opacity:.9;margin-top:.125rem}
.vbox .cap{margin-top:.875rem}
.rel{padding-block:3.5rem 2.5rem;border-top:.0625rem solid var(--line)}
.rel h2{font:700 1.5rem var(--font);letter-spacing:-.03em;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;margin-top:1.75rem}
@media(max-width:760px),(max-aspect-ratio:2/3) and (max-width:1100px){.grid{grid-template-columns:minmax(0,1fr)}.bigstamp{width:6rem;height:6rem;right:.625rem;bottom:.625rem}.kbd{display:none}}
.tile{display:flex;flex-direction:column;text-align:left;background:none;border:0;padding:0;color:var(--fg);cursor:pointer;font:inherit}
.thumb{position:relative;border-radius:var(--r2);overflow:hidden;border:.0625rem solid var(--line);aspect-ratio:16/10;background:var(--bg2);transition:transform .35s var(--ease),box-shadow .35s,border-color .2s}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;opacity:0;transition:opacity .4s,transform .6s var(--ease)}
.thumb img.in{opacity:1}
img.shp,.fr img.shp,.thumb img.shp{position:absolute;max-width:none;width:calc(var(--c)*100%);height:calc(var(--r)*100%);left:calc(var(--x)*-100%);top:calc(var(--y)*-100%);object-fit:fill}
.tile:hover .thumb,.tile:focus-visible .thumb{transform:translateY(-.25rem);box-shadow:var(--shadow);border-color:var(--muted)}
.tile:hover .thumb img{transform:scale(1.03)}
.tile:active .thumb{transform:translateY(-.0625rem) scale(.99)}
.noshot{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,var(--bg2),var(--bg2) .5625rem,var(--bg) .5625rem,var(--bg) 1.125rem)}
.tm{display:flex;align-items:center;gap:.625rem;padding:.75rem .125rem 0}
.tm b{font-weight:600}
.tm .dm{font:400 .75rem var(--mono);color:var(--muted);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);flex:none}.dot.part{background:var(--warn)}
.foot{border-top:.0625rem solid var(--line);padding-block:.75rem 2.5rem;margin-top:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 .875rem;align-items:center;font:400 .6875rem var(--mono);color:var(--muted)}
.flinks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 1.125rem;font:500 .6875rem var(--font)}
.flinks a{display:inline-flex;align-items:center;min-height:2.75rem;color:inherit;text-decoration:none;text-underline-offset:.1875rem}
.flinks a:hover,.flinks a[aria-current="page"]{color:var(--fg)}
.flinks a:hover{text-decoration:underline}
#foot1{grid-column:1}#foot2{grid-column:2}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}
.kick{display:block;font:500 .8125rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.375rem}
.panel h1{font:800 clamp(2.125rem,4.6vw,3.5rem)/.98 var(--font);letter-spacing:-.045em;margin:0;text-wrap:balance}
a.sc,a.tile,a.hrow2{text-decoration:none}
.faq{padding-block:2.75rem .5rem;border-top:.0625rem solid var(--line)}
.faq h2{font:700 1.5rem var(--font);letter-spacing:-.03em;margin:0 0 1.125rem}
.faq dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.375rem 2.25rem}
.faq dt{font-weight:600;margin-bottom:.25rem}
.faq dd{margin:0;color:var(--muted);max-width:60ch}
.rq{margin:1.5rem 0 0;color:var(--muted);font-size:.875rem}.rq b{color:var(--fg);font-weight:600}
@media(max-width:760px),(max-aspect-ratio:2/3) and (max-width:1100px){.faq dl{grid-template-columns:minmax(0,1fr)}}
.hc{font:700 1.25rem var(--font);letter-spacing:-.02em;margin:2rem 0 .625rem;scroll-margin-top:5.25rem}.hc a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem;min-width:2.75rem}.hc a:hover{text-decoration:underline}
.hmore{margin:.625rem 0 0}.hmore a{display:inline-flex;align-items:center;gap:.375rem;font-weight:600;color:var(--accent-ink);text-decoration:none;min-height:2.75rem}.hmore a:hover{text-decoration:underline}
.crumb{margin:0 0 .625rem}.crumb a{color:var(--muted);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;min-height:2.75rem}.crumb a:hover{color:var(--fg);text-decoration:underline}
.hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.5rem}
.hrow2{display:flex;align-items:center;gap:.875rem;padding:.625rem .75rem;border:.0625rem solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--fg);min-height:4rem}
.hrow2:hover{border-color:var(--fg)}
.doc{max-width:47.5rem}.doc h2{font:700 1.375rem var(--font);letter-spacing:-.02em;margin:2.125rem 0 .625rem;text-wrap:balance}.doc p,.doc li{max-width:68ch;text-wrap:pretty}.doc p{margin:0 0 .75rem}.doc ul{margin:0 0 .75rem;padding-left:1.375rem;display:grid;gap:.375rem}.doc a{text-underline-offset:.1875rem}.upd{font:400 .75rem var(--mono);color:var(--muted);margin:0 0 .375rem}
.cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 .25rem}.cats .chip{padding:.3125rem .875rem;text-decoration:none}.cats .chip small{font:500 .75rem var(--mono);color:var(--muted)}
.noimg{background:repeating-linear-gradient(135deg,var(--bg2),var(--bg2) .5625rem,var(--bg) .5625rem,var(--bg) 1.125rem)}
.hrow2 .tt{min-width:0;flex:1}.hrow2 b{display:block;font-weight:600}.hrow2 small{display:block;font:400 .75rem var(--mono);color:var(--muted)}
.ph1.sm{font-size:clamp(1.875rem,5vw,3.25rem);max-width:22ch}
.foot a{display:inline-flex;align-items:center;min-height:2.75rem;color:inherit;text-underline-offset:.1875rem}
#foot2{display:flex;align-items:center;gap:1.25rem}
.flock{display:block;height:1.75rem;width:auto}
.nl{min-height:2.75rem;display:inline-flex;align-items:center}
.flags button{height:2.5rem;min-width:2.75rem}
@media(max-width:560px),(max-aspect-ratio:2/3) and (max-width:1100px){.flags button{width:2.75rem;min-width:2.75rem;height:2.75rem}}
.logo{min-height:2.75rem}
.ib{width:2.75rem;height:2.75rem}
.chip,.btn2{min-height:2.75rem}
.sbox.sm .field{height:2.75rem}
.opt{min-height:3rem}
.opt .best{font-size:.75rem}
html.no-anim .hero>*,html.no-anim .view,html.no-anim .sxw{animation:none!important}
.nosd{font:400 .8125rem var(--mono)}
#ms{max-width:32.5rem}
@media(max-width:600px),(max-aspect-ratio:2/3) and (max-width:1100px){
.hero{--gap:clamp(.625rem,2.4vh,1.5rem);padding-block:1.5rem 1.75rem}
.page,.detail{padding-top:1.5rem}
h1.slog{font-size:clamp(2.875rem,min(20vw,15vh),6.5rem);white-space:normal}
h1.slog .w{display:block;white-space:nowrap}
.hero .sbox{margin-bottom:calc(var(--gap) + .75rem)}
.hero .sbox .field{height:3.5rem;border-radius:62.4375rem;padding:0 1.25rem;gap:.75rem}
.hero .sbox input{font-size:1.1875rem}
.hero .sbox ph-magnifying-glass{font-size:1.5rem}
.clhero .clf .field{height:3.5rem;padding:0 .375rem 0 1.125rem;gap:.625rem}
.clhero .clf input{font-size:1.0625rem}
.clhero .clf .go{height:2.75rem;padding-inline:1rem}
.stack{width:min(76vw,34vh)}
}
.flock{margin-left:auto}
.clf{margin:0 0 1rem;max-width:47.5rem}
.clhero{flex:none;justify-content:flex-start}
.clhero .clf{width:100%;max-width:40rem;margin:0 auto .875rem;text-align:left}
.clhero .cltry{justify-content:center;max-width:40rem;margin:0 auto 1.375rem}
.clhero #clres{width:100%;max-width:40rem;margin:0 auto;text-align:left}
.clmore{padding-top:0}
.clf .field{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:.09375rem solid var(--line);border-radius:62.4375rem;padding:0 .5rem 0 1.25rem;height:4rem;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.clf .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent) 16%,transparent),var(--shadow)}
.clf ph-link{font-size:1.375rem;color:var(--muted);flex:none}
.clf input{flex:1;min-width:0;border:0;background:none;color:var(--fg);font:500 1.125rem var(--font);height:100%;outline:none}
.clf input::placeholder{color:var(--muted);font-weight:400}
.clf .go{height:3rem;border-radius:62.4375rem;padding-inline:1.375rem;flex:none}
.cltry{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1.75rem;font-size:.75rem;color:var(--muted)}
.cltry button{font:500 .6875rem var(--mono);border:.0625rem solid var(--line);background:var(--surface);color:var(--fg);border-radius:62.4375rem;padding:.5rem .875rem;min-height:2.75rem;cursor:pointer}
.cltry button:hover{border-color:var(--fg)}
#clres{max-width:47.5rem}
.clr{border:.0625rem solid var(--line);border-radius:var(--r2);background:var(--surface);padding:1.375rem;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.clr.ok{border-color:var(--accent);background:var(--accent-soft)}
.clr.bad{border-color:var(--danger);background:var(--danger-soft)}
.clr.caut{border-color:var(--warn);background:var(--warn-soft)}
.clh{display:flex;gap:.875rem;align-items:flex-start}
.clh>div{min-width:0}
.clh .ci{width:3rem;height:3rem;border-radius:.875rem;display:grid;place-items:center;font-size:1.75rem;flex:none;background:var(--bg2);color:var(--muted)}
.clr.ok .ci{background:var(--accent);color:var(--accent-fg)}
.clr.bad .ci{background:var(--danger);color:var(--danger-fg)}.clr.bad .clh h2{color:var(--danger-ink)}
.clr.caut .ci{background:var(--warn);color:var(--danger-fg)}.clr.caut .clh h2{color:var(--warn)}
.clh h2{font:800 clamp(1.375rem,3.4vw,1.875rem)/1.1 var(--font);letter-spacing:-.03em;margin:0;text-wrap:balance}
.clh p{margin:.375rem 0 0;max-width:60ch;overflow-wrap:anywhere}
.clr ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.clr li{display:flex;gap:.625rem;align-items:flex-start;overflow-wrap:anywhere}
.clr li ph-check,.clr li ph-x,.clr li ph-warning{flex:none;margin-top:.25rem}
.clr li.y ph-check{color:var(--accent-ink)}
.clr li.n ph-x,.clr li.w ph-warning{color:var(--warn)}
.clr.bad li.n ph-x,.clr.bad li.w ph-warning{color:var(--danger)}
.clact{display:flex;flex-wrap:wrap;gap:.625rem}
.clact .go.auto{white-space:normal;height:auto;min-height:2.875rem;padding-block:.625rem;line-height:1.25;text-align:center;max-width:100%}
.clact .btn2{white-space:normal;max-width:100%;text-align:left}
a.btn2{display:inline-flex;align-items:center;text-decoration:none}
.clhelp{margin-top:3rem;border-top:.0625rem solid var(--line);padding-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.clhelp h2{font:700 1.375rem var(--font);letter-spacing:-.03em;margin:0 0 .75rem}
.clsteps{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.clsteps li{display:grid;gap:.125rem}
.clsteps span,.clnote,.clfaq dd{color:var(--muted);margin:0}
.clfaq{margin:0;display:grid;gap:.875rem}
.clfaq dt{font-weight:600;margin-bottom:.125rem}
.clfaq dd{margin:0}
@media(max-width:900px),(max-aspect-ratio:2/3) and (max-width:1100px){.clhelp{grid-template-columns:minmax(0,1fr);gap:1.75rem}.clf .field{height:3.75rem}.clf .go{padding-inline:1.125rem}}
a.logo{text-decoration:none}
ph-magnifying-glass,ph-arrow-up-right,ph-arrow-right,ph-seal-check,ph-warning,ph-lock-key,ph-globe-hemisphere-west,ph-shield-check,ph-x,ph-play,ph-pause,ph-arrow-counter-clockwise,ph-clock-counter-clockwise,ph-check,ph-camera,ph-article,ph-link,ph-question{display:inline-block;width:1em;height:1em;vertical-align:middle}ph-magnifying-glass svg,ph-arrow-up-right svg,ph-arrow-right svg,ph-seal-check svg,ph-warning svg,ph-lock-key svg,ph-globe-hemisphere-west svg,ph-shield-check svg,ph-x svg,ph-play svg,ph-pause svg,ph-arrow-counter-clockwise svg,ph-clock-counter-clockwise svg,ph-check svg,ph-camera svg,ph-article svg,ph-link svg,ph-question svg{display:block;width:100%;height:100%}