.start-page .loading{color:var(--ink-2);align-items:center;gap:.6rem;padding-block:3rem;display:flex}.start-page .failed{padding-block:3rem}.start-page .failed .panel{max-width:32rem}.start-page .failed h2{font-size:var(--step-2)}.start-page .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);min-width:0;padding:1.1rem 1.2rem 1.3rem}.start-page .fine{color:var(--ink-2);margin:0;font-size:.8rem;line-height:1.7}.start-page .btn-l{min-height:48px;padding-inline:1.4em}.start-page .text-link{align-items:center;min-height:44px;padding-inline:.5rem;font-weight:600;display:inline-flex}.welcome{padding-block:4rem 3rem}.welcome-grid{align-items:center;gap:3rem;display:grid}@media (width>=60rem){.welcome-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.pitch{justify-items:start;gap:1.25rem;min-width:0;display:grid}.pitch h1{font-size:var(--step-4);margin:0;line-height:1.3}.lead{max-width:34rem;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:1.125rem}.lead .ltr{white-space:nowrap}.cta{flex-wrap:wrap;gap:.6rem;display:flex}.sign-in-status{font-size:var(--step--1);color:var(--accent);margin:0}.sign-in-status:empty{display:none}.strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:100%;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.strip li{border-top:3px solid var(--line-strong);align-content:start;gap:.25rem;padding-top:.75rem;display:grid}.strip li:first-child{border-top-color:var(--accent)}.strip strong{font-size:.95rem}.strip span{color:var(--ink-2);font-size:.85rem;line-height:1.7}@media (width<=34rem){.strip{grid-template-columns:minmax(0,1fr)}}.sample{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--code-bg);min-width:0;color:var(--code-ink);margin:0;overflow:hidden;box-shadow:0 30px 80px -30px #00000080}.sample-bar{background:color-mix(in srgb, var(--code-ink) 8%, var(--code-bg));color:color-mix(in srgb, var(--code-ink) 72%, var(--code-bg));font-family:var(--mono);direction:ltr;justify-content:space-between;gap:1rem;padding:.5rem .9rem;font-size:.75rem;display:flex}.sample-body{gap:.75rem;padding:1.1rem 1.25rem;font-size:.9rem;line-height:1.7;display:grid}.sample-body p{margin:0}.trace{text-align:left;font-family:var(--mono);color:color-mix(in srgb, var(--code-ink) 72%, var(--code-bg));overflow-wrap:anywhere;direction:ltr;gap:.25rem;font-size:.8rem;display:grid}.trace .fn{color:color-mix(in srgb, var(--code-ink) 45%, var(--accent))}.trace .ok{color:color-mix(in srgb, var(--code-ink) 35%, var(--signal))}.trace .fa{font-family:var(--font)}.trace .indent{padding-left:1rem}.sample-foot{border-top:1px solid color-mix(in srgb, var(--code-ink) 12%, var(--code-bg));color:color-mix(in srgb, var(--code-ink) 72%, var(--code-bg));padding:.75rem 1.25rem;font-size:.8rem}.wizard{padding-block:2rem 3rem}.wiz-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-bottom:1.25rem;display:flex}.wiz-head h1{font-size:var(--step-3);margin:0}.ready{border-radius:var(--radius-m);background:var(--signal-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:1.25rem;padding:.9rem 1.1rem;display:flex}.ready p{margin:0}.wizard .stepper{margin-bottom:1.75rem}.intro{gap:.25rem;display:grid}[data-step-title]:focus{outline:none}.intro h2{font-size:var(--step-2);margin:0}.intro p{margin:0}.s1,.s3{align-items:start;gap:1.5rem;display:grid}@media (width>=60rem){.s1{grid-template-columns:minmax(0,1fr) 20rem}.s3{grid-template-columns:minmax(0,1fr) 19rem}.side{top:var(--sticky-top);max-height:calc(100dvh - 6rem);position:sticky;overflow:auto}}.s-main{grid-template-columns:minmax(0,1fr);gap:.9rem;min-width:0;display:grid}.side{gap:.9rem;display:grid}.pick{box-shadow:inset 0 2px 0 var(--accent)}.side-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.side h2{font-size:var(--step-1);margin:0}.side-head .muted{white-space:nowrap;font-size:.85rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:.75rem;display:grid}.card{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);font:inherit;text-align:start;cursor:pointer;align-content:start;gap:.6rem;padding:.9rem;display:grid}.card:hover{border-color:var(--accent)}.card[aria-pressed=true]{border-color:var(--accent);background:var(--selected)}.card-head{align-items:center;gap:.6rem;display:flex}.card-name{flex:1;min-width:0;line-height:1.5;display:grid}.card-name strong{font-size:.97rem}.card-name .en{color:var(--ink-2);text-align:end;font-size:.78rem}.check{border:1.5px solid var(--line-strong);width:22px;height:22px;color:var(--on-accent);border-radius:6px;flex:none;place-items:center;font-size:.8rem;font-weight:900;display:grid}.card[aria-pressed=true] .check{background:var(--accent);border-color:var(--accent)}.card-sum{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.7;display:-webkit-box;overflow:hidden}.card-badges{flex-wrap:wrap;gap:.4rem;display:flex}.pick-body{gap:.75rem;display:grid}.pick-body>p{margin:0;font-size:.9rem}.sel{margin:0;padding:0;list-style:none;display:grid}.sel li{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.start-page .sel .tile{border-radius:8px;width:28px;height:28px;font-size:.85rem}.sel-name{flex:1;min-width:0;font-size:.92rem;font-weight:600}.x{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;font-size:1.15rem;display:grid}.x:hover{background:var(--surface-2);color:var(--ink)}.keyf{border:1px dashed var(--line-strong);border-radius:var(--radius-s);background:var(--surface-2);gap:.4rem;padding:.75rem;display:grid}.keyf label{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.88rem;display:flex}.keyf code{background:var(--surface)}.st{color:var(--ink-2);margin-inline-start:auto;font-size:.78rem}.st-ok{color:var(--success-ink)}.keyrow{gap:.5rem;display:flex}.keyrow input{min-width:0}.keyrow .btn{flex:none}.keyf .fine{font-size:.78rem}.s2{gap:1.1rem;max-width:58rem;display:grid}.apps{grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.75rem;display:grid}.app-card,.auth-opt{border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);cursor:pointer;gap:.35rem;padding:.9rem 1rem;font-weight:400;display:grid;position:relative}.app-card:hover,.auth-opt:hover{border-color:var(--accent)}.app-card:has(:checked),.auth-opt:has(:checked){border-color:var(--accent);background:var(--selected)}.app-card:has(:focus-visible),.auth-opt:has(:focus-visible){outline:2px solid var(--signal);outline-offset:2px}.app-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.app-top strong{font-size:1.05rem}.radio{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;width:20px;height:20px}.app-card:has(:checked) .radio{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px var(--selected)}.kind{font-size:.82rem}.app-card .badge{justify-self:start}.os{font-size:var(--step--1);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.seg{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);padding:3px;display:inline-flex}.seg button{min-height:34px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 .8rem;font-size:.82rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.nav-row{flex-wrap:wrap;justify-content:space-between;gap:.6rem;display:flex}.auth-opts{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));gap:.6rem;display:grid}.auth-opt{border-radius:var(--radius-s);gap:2px;padding:.75rem .9rem}.auth-opt strong{font-size:.95rem}.auth-opt span{color:var(--ink-2);font-size:.82rem;line-height:1.6}.instr{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.instr>li{grid-template-columns:28px minmax(0,1fr);gap:0 .75rem;display:grid}.instr .n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:.88rem;font-weight:800;display:grid}.instr-body{grid-template-columns:minmax(0,1fr);gap:.6rem;min-width:0;display:grid}.instr-body>p{text-wrap:pretty;margin:0;padding-top:.1rem;font-weight:600;line-height:1.75}.instr-body>.btn{justify-self:start}.keybox{border-radius:var(--radius-s);background:var(--warn-soft);color:var(--warn);gap:.5rem;padding:.75rem;font-size:.85rem;display:grid}.keybox code{border-radius:var(--radius-s);background:var(--code-bg);color:var(--code-ink);text-align:left;overflow-wrap:anywhere;border:0;padding:.5rem .75rem;display:block}.keybox-error{background:var(--danger-soft);color:var(--danger-ink)}.keybox .btn{justify-self:start}.making{align-items:center;gap:.5rem;margin:0;display:flex}.term{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--code-bg);color:var(--code-ink);text-align:left;direction:ltr;overflow:hidden}.term-bar{background:color-mix(in srgb, var(--code-ink) 8%, var(--code-bg));color:color-mix(in srgb, var(--code-ink) 72%, var(--code-bg));font-family:var(--mono);justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem .4rem .25rem .8rem;font-size:.75rem;line-height:1.6;display:flex}.term-title{overflow-wrap:anywhere;min-width:0}.term .copy{border:1px solid color-mix(in srgb, var(--code-ink) 25%, var(--code-bg));background:var(--code-bg);min-height:32px;color:var(--code-ink);font:inherit;font-family:var(--font);cursor:pointer;border-radius:6px;flex:none;padding:0 .7rem;font-size:.8rem;font-weight:600}.term pre{white-space:pre;max-height:20rem;margin:0;padding:.9rem 1rem;font-size:.82rem;line-height:1.65;overflow:auto}.term code{font-size:inherit}.flow{gap:.75rem}.flow h2{font-size:var(--step-0)}.chain{text-align:center;gap:.35rem;font-size:.9rem;display:grid}.chain .box{border-radius:var(--radius-s);border:1px solid var(--line-strong);padding:.5rem;font-weight:700}.chain .box-router{background:var(--accent-soft);color:var(--accent);border-color:#0000}.chain .via{color:var(--ink-2);font-size:.78rem;line-height:1.4}.chain .names{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.chain .names span{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:1px .6rem;font-size:.82rem}.s4{gap:1.1rem;max-width:40rem;margin-inline:auto;display:grid}.s4>.btn{justify-self:start}.test{padding:1.5rem}.test-state{gap:1rem;display:grid}.test-state>.text-link{justify-self:start;padding-inline:0}.test-head{align-items:center;gap:.9rem;display:flex}.test-head>div{display:grid}.test-head strong{font-size:1.2rem}.ok-mark{background:var(--signal-soft);width:40px;height:40px;color:var(--success-ink);border-radius:50%;flex:none;place-items:center;font-size:1.25rem;font-weight:900;display:grid}.timeout p{margin:0 0 .5rem}.ask-box{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface-2);gap:.5rem;padding:.9rem;display:grid}.ask-box>.muted{font-size:.85rem}.ask-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ask-row strong{flex:14rem;font-size:1.05rem}.tips{color:var(--ink-2);font-size:.9rem}.tips summary{min-height:32px;color:var(--ink);cursor:pointer;font-weight:600}.tips ul{gap:.25rem;margin:.5rem 0 0;padding-inline-start:1.25rem;display:grid}
