@scope(.index-page){:scope{flex-direction:column;flex:1;display:flex;position:relative;overflow-x:clip}.deco{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deco i{filter:blur(60px);border-radius:50%;position:absolute}.deco .g1{background:#0077ff1f;width:360px;height:360px;top:120px;left:max(50% - 620px,-180px)}.deco .g2{background:#fde04738;width:320px;height:320px;top:260px;right:max(50% - 620px,-160px)}.start{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;width:100%;max-width:672px;margin:0 auto;padding:clamp(20px,7vh,72px) 16px 40px;display:grid}.intro{text-align:center;margin-bottom:clamp(8px,4vh,40px)}.intro h1{letter-spacing:-.03em;text-wrap:balance;margin:0 auto;font-size:clamp(32px,3.5vw + 18px,54px);font-weight:700;line-height:1.08}.intro h1 em{color:var(--accent);font-style:normal;display:inline-block}.intro h1 mark:before{transform-origin:0;animation:.55s cubic-bezier(.4,0,.2,1) .6s forwards index-mark;scale:0 1}.intro p{max-width:32em;color:var(--muted);margin:clamp(12px,2vh,20px) auto 0;font-size:clamp(15px,.4vw + 13px,18px);line-height:1.5}.intro p b{color:#000;white-space:nowrap;font-weight:600}@keyframes index-mark{to{scale:1}}.nets{justify-content:center;gap:12px;margin-top:16px;display:flex}.nets svg{width:24px;height:24px}.handle{grid-template-columns:minmax(0,1fr);gap:8px;width:min(560px,100%);margin:0 auto;display:grid}.handle-box{box-shadow:var(--shadow-md);border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:2px;height:64px;padding:0 10px 0 22px;transition:box-shadow .15s;display:flex}.handle-box:focus-within{box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.handle-box:focus-within .at{color:#000}.handle:has([aria-invalid=true]) .handle-box{box-shadow:0 0 0 1px var(--danger);border-color:var(--danger)}.handle-box .at{color:var(--faint);font-size:17px}.handle-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:17px}.handle-box .btn.circle{width:44px;margin-left:8px;padding:0}.handle-box .btn.circle .icon{width:26px;height:26px}.foot{border-top:1px solid var(--line);padding:20px 16px calc(28px + env(safe-area-inset-bottom));color:var(--muted);text-align:center;justify-items:center;gap:10px;margin-top:24px;font-size:13px;display:grid}.foot nav,.foot p{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 20px;display:flex}.foot p{gap:0 12px}.foot a{color:#52525b;text-decoration:none}@media (hover:hover){.foot a:hover{text-decoration:underline}}.foot .ig-link{align-items:center;gap:6px;font-weight:500;display:inline-flex}.foot .ig-link svg{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.intro mark:before{animation:none;scale:1}}}