.ss{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:72px;margin-top:4rem;display:grid}.ss__pin{top:calc(var(--spacing-header) + 32px);position:sticky}.ss__stage{background:linear-gradient(180deg, color-mix(in oklab, var(--c-accent) 18%, var(--c-bg)), var(--c-bg-2));border-radius:30px;height:640px;position:relative}.ss__screen{opacity:0;transition:opacity .36s var(--ease-out-quint), transform .42s var(--ease-out-quint);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(8px)scale(.985)}.ss__screen.is-on{opacity:1;transform:none}.ss__steps{isolation:isolate;margin:0;padding:0 0 0 48px;list-style:none;position:relative}.ss__steps:before,.ss__steps:after{content:"";z-index:-1;width:2px;position:absolute;top:30px;left:17px}.ss__steps:before{background:var(--c-line);bottom:30px}.ss__steps:after{height:var(--ss-progress,8%);background:var(--c-primary);max-height:calc(100% - 60px);transition:height .42s var(--ease-out-quint)}.ss__step{border:1px solid #0000;border-radius:22px;margin-bottom:clamp(96px,22vh,220px);padding:20px 24px 22px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative}.ss__step:last-child{margin-bottom:0}.ss__n{width:36px;height:36px;font-family:var(--font-display);background:var(--c-bg);border:2px solid var(--c-line);color:var(--c-fg-3);border-radius:50%;place-items:center;font-size:15px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:absolute;top:20px;left:-48px}.ss__step h3{color:var(--c-fg-3);font-size:1.5rem;font-weight:600;transition:color .3s}.ss__step p{max-width:34em;color:var(--c-fg-3);margin-top:.5rem;line-height:1.6}.ss__step.is-done .ss__n{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.ss__step.is-done h3{color:var(--c-fg-2)}.ss__step.is-on{background:var(--c-surface);border-color:color-mix(in oklab, var(--c-accent) 30%, var(--c-line));box-shadow:0 18px 40px -24px #5a281459}.ss__step.is-on .ss__n{background:var(--c-peach);border-color:var(--c-peach);color:#4a1f08}.ss__step.is-on h3{color:var(--c-fg);font-size:1.875rem}.ss__step.is-on p{color:var(--c-fg-2)}.ss__mini{display:none}.st-tick{background:var(--c-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 10px no-repeat;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.ph--stage .st-tick--ok{background-color:#3fb574}.st-tick--note{background:var(--c-stage-accent)}.st-list{flex-direction:column;gap:12px;margin:18px 18px 0;padding:0;font-size:13.5px;font-weight:600;list-style:none;display:flex}.st-list li{align-items:center;gap:10px;display:flex}.st-list__note{background:var(--c-accent-soft);color:var(--c-accent-text);border-radius:12px;margin-top:6px;padding:10px 12px;font-size:12px}.st-face{width:190px;height:236px;margin:22px auto 0;position:relative}.st-face__oval{border:2px dashed #efeeee59;border-radius:50%;position:absolute;inset:0}.st-face__ring{border:3px solid #0000;border-top-color:var(--c-stage-accent);border-right-color:var(--c-stage-accent);border-radius:50%;position:absolute;inset:-10px;transform:rotate(18deg)}.st-face__dot{background:var(--c-stage-accent);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 4px #d98b6a2e}.st-prompt{background:#efeeee14;border:1px solid #efeeee33;border-radius:999px;width:max-content;margin:22px auto 0;padding:8px 16px;font-size:13px;font-weight:700}.st-prompt--ok{color:#7be0a6;background:#4fd08a24;border-color:#4fd08a80}.st-small{text-align:center;color:var(--c-stage-muted);margin:12px 18px 0;font-size:11.5px}.st-small--light{color:var(--c-fg-3)}.st-match{justify-content:center;align-items:center;gap:14px;margin-top:44px;display:flex}.st-match__doc{background:linear-gradient(135deg,#e9ded3,#cdbfb1);border-radius:12px;place-items:center;width:84px;height:108px;display:grid}.st-match__doc span{background:#b8a999;border-radius:6px;width:44px;height:56px}.st-match__link{border-top:2px dashed var(--c-stage-accent);width:34px}.st-match__live{border:2px dashed #efeeee66;border-radius:50%;width:92px;height:116px}.st-done{text-align:center;flex-direction:column;align-items:center;margin:auto 0;display:flex}.st-done__mark{background:var(--c-success);border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:4px;display:grid}@media (max-width:1023px){.ss{grid-template-columns:1fr;margin-top:2.5rem}.ss__pin{display:none}.ss__steps{padding-left:0}.ss__steps:before,.ss__steps:after{display:none}.ss__step,.ss__step.is-on{border:0;border-top:1px solid var(--c-line);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;margin:0;padding:16px 0;display:grid}.ss__n{display:none}.ss__mini{width:112px;height:229px;display:block;overflow:hidden}.ss__mini-scale{transform-origin:0 0;width:280px;transform:scale(.4)}.ss__step h3,.ss__step.is-on h3,.ss__step.is-done h3{color:var(--c-fg);font-size:1.25rem}.ss__step p,.ss__step.is-on p{color:var(--c-fg-2);font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.ss__screen,.ss__steps:after,.ss__step,.ss__n{transition:none}}
.lt{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:28px;margin-top:3.5rem;display:grid}.lt__list,.lt__panel{background:var(--c-surface);border:1px solid color-mix(in oklab, var(--c-accent) 30%, var(--c-line));border-radius:26px}.lt__list{padding:8px 24px 14px}.lt__list ul{margin:0;padding:0;list-style:none}.lt__head{border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0 12px;display:flex}.lt__head h3{font-size:1.25rem;font-weight:600}.lt__tag{white-space:nowrap;height:24px;color:var(--c-fg-2);background:var(--c-bg-2);border:1px dashed var(--c-line-strong);border-radius:999px;flex:none;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.lt__day{color:var(--c-fg-3);margin:14px 0 4px;font-size:12.5px;font-weight:700}.lt__row{text-align:left;width:calc(100% + 24px);color:var(--c-fg);cursor:pointer;border-radius:14px;grid-template-columns:74px 38px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 -12px;padding:11px 12px;transition:background-color .2s;display:grid;position:relative}.lt__row:hover{background:var(--c-bg)}.lt__row.is-sel{background:color-mix(in oklab, var(--c-primary) 7%, var(--c-surface));box-shadow:inset 3px 0 0 var(--c-primary)}.lt__time{font-family:var(--font-mono);color:var(--c-fg-3);font-variant-numeric:tabular-nums;font-size:12.5px}.lt__av{background:var(--c-bg-2);width:36px;height:36px;color:var(--c-fg-2);border:1px solid var(--c-line);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.lt__av--api_key{background:var(--c-primary-soft);color:var(--c-primary-text);border-color:#0000}.lt__av--system,.lt__av--admin{background:var(--c-stage);color:var(--c-peach);border-color:var(--c-stage)}.lt__what{min-width:0}.lt__what b{font-size:.9375rem;font-weight:600;display:block}.lt__what>span{color:var(--c-fg-3);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;display:flex}.lt__what code{font-family:var(--font-mono);color:var(--c-accent-text);background:var(--c-accent-soft);border-radius:5px;padding:1px 6px;font-size:11px}.lt__pill{white-space:nowrap;height:24px;color:var(--c-success);background:color-mix(in oklab, var(--c-success) 14%, var(--c-surface));border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.lt__pill--bad{color:var(--c-danger);background:color-mix(in oklab, var(--c-danger) 12%, var(--c-surface))}.lt__panel{top:calc(var(--spacing-header) + 24px);padding:24px;position:sticky;box-shadow:0 30px 60px -32px #5a281461}.lt__panel h3{margin-top:10px;font-size:1.375rem;font-weight:600}.lt__panel dl{margin:14px 0 0}.lt__panel dl div{border-top:1px solid var(--c-line);grid-template-columns:90px minmax(0,1fr);gap:10px;padding:10px 0;font-size:.875rem;display:grid}.lt__panel dt{color:var(--c-fg-3)}.lt__panel dd{margin:0;font-weight:600}.lt__panel dd code{font-family:var(--font-mono);font-size:12px;font-weight:500}.lt__ok{color:var(--c-success)}.lt__lock{background:var(--c-bg-2);color:var(--c-fg-2);border-radius:14px;gap:10px;margin-top:14px;padding:12px 14px;font-size:.8125rem;line-height:1.5;display:flex}.lt__reveal{border-radius:var(--r-input);border:1px solid var(--c-line-strong);background:var(--c-surface);width:100%;min-height:44px;color:var(--c-fg);cursor:pointer;margin-top:12px;font-size:.9375rem;font-weight:600}.lt__reveal:hover{background:var(--c-bg)}.lt__net{color:var(--c-fg-2);margin-top:10px;font-size:.8125rem}.lt--ready .lt__list li{opacity:0;transform:translateY(8px)}.lt--in .lt__list li{animation:lt-in .38s var(--ease-out-quint) both;animation-delay:calc(var(--i) * 90ms)}.lt--in .lt__last .lt__row:after{content:"New";color:#4a1f08;background:var(--c-peach);animation:lt-stamp .42s var(--ease-out-quint) both;animation-delay:calc(var(--i) * 90ms + .26s);border-radius:999px;margin-top:-10px;padding:1px 7px;font-size:10px;font-weight:800;position:absolute;top:50%;right:96px;transform:rotate(4deg)}@keyframes lt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lt-stamp{0%{opacity:0;transform:rotate(4deg)scale(1.6)}to{opacity:1;transform:rotate(4deg)scale(1)}}@media (max-width:1023px){.lt{grid-template-columns:1fr;margin-top:2.5rem}.lt__panel{position:static}}@media (max-width:639px){.lt__list{padding:6px 14px 10px}.lt__row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.lt__time{grid-area:2/2;font-size:11px}.lt__what code,.lt--in .lt__last .lt__row:after{display:none}}@media (prefers-reduced-motion:reduce){.lt--ready .lt__list li{opacity:1;transform:none}.lt--in .lt__list li,.lt--in .lt__last .lt__row:after{animation:none}}