.st{padding-block:clamp(24px,5vh,56px) clamp(56px,9vh,104px)}.st-wrap{max-width:calc(720px + 2 * var(--gutter))}.st-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes st-up{0%{opacity:0;transform:translateY(12px)}}.st-head{animation:st-up .6s var(--ease) both}.st-title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(30px,3.8vw,48px);font-weight:600;line-height:1.05}.st-lead{max-width:580px;font-size:var(--fs-lead);color:var(--text);text-wrap:pretty;margin:12px 0 0;line-height:1.6}.st-note{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:12px 0 0;display:flex}.st-ai{color:var(--ai-ink);align-items:center;gap:5px;font-weight:600;display:inline-flex}.st-ai a{color:inherit;text-underline-offset:2px;font-weight:500;text-decoration:underline}.st-restart{color:var(--ink);align-items:center;gap:6px;font-weight:600;display:inline-flex}.st-restart:hover{text-underline-offset:3px;text-decoration:underline}.st-thread{gap:10px;margin:clamp(28px,4.5vh,40px) 0 0;padding:0;list-style:none;display:grid}.st-row{grid-template-columns:34px minmax(0,1fr);align-items:end;gap:10px;display:grid}.st-row--you{grid-template-columns:minmax(0,1fr);justify-items:end;margin-block:4px}.st-avatar{background:var(--ink);color:#fff;width:34px;height:34px;animation:st-pop .45s var(--ease-spring) both;border-radius:50%;place-items:center;display:grid}.st-avatar.is-hidden{visibility:hidden}.st-bubble{background:var(--surface-muted);max-width:min(100%,560px);color:var(--ink);overflow-wrap:anywhere;transform-origin:0 100%;animation:st-bubble .45s var(--ease) both;border-radius:20px 20px 20px 6px;justify-self:start;margin:0;padding:12px 16px;font-size:16px;line-height:1.5}.st-you{background:var(--ink);color:#fff;text-align:start;overflow-wrap:anywhere;transform-origin:100% 100%;max-width:min(85%,520px);animation:st-bubble .4s var(--ease) both;border-radius:20px 20px 6px;padding:12px 16px;font-size:16px;line-height:1.5;transition:background .15s;position:relative}.st-you:hover:not(:disabled){background:var(--ink-hover)}.st-you:disabled{cursor:default}.st-you svg{top:50%;color:var(--text-muted);opacity:0;transition:opacity .15s;position:absolute;inset-inline-end:calc(100% + 10px);translate:0 -50%}.st-you:hover:not(:disabled) svg,.st-you:focus-visible svg{opacity:1}@media (hover:none){.st-you svg{opacity:.6}}@keyframes st-bubble{0%{opacity:0;transform:translateY(8px)scale(.96)}}@keyframes st-pop{0%{opacity:0;scale:.5}}.st-typing{align-items:center;gap:5px;height:48px;display:inline-flex}.st-typing>span[aria-hidden]{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite st-dot}.st-typing>span:nth-child(2){animation-delay:.15s}.st-typing>span:nth-child(3){animation-delay:.3s}@keyframes st-dot{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}.st-thread-end{height:1px;display:block}.st-chips{flex-wrap:wrap;gap:8px;margin-top:12px;padding-inline-start:44px;display:flex}.st-chip{border-radius:var(--radius-pill);background:var(--surface);min-height:46px;box-shadow:inset 0 0 0 1.5px var(--border);color:var(--ink);text-align:start;animation:st-chip .5s var(--ease-spring) calc(.15s + var(--i) * 50ms) both;align-items:center;gap:9px;padding:10px 18px 10px 14px;font-size:15px;font-weight:500;line-height:1.3;transition:background .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.st-chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-2px)}.st-chip:active{transform:scale(.97)}.st-chip.is-picked{background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);color:#fff}.st-chip-emoji{font-size:18px;line-height:1}.st-chip-check{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--border-strong);color:#0000;border-radius:6px;flex-shrink:0;place-items:center;transition:background .15s,color .15s,box-shadow .15s;display:grid}.st-chip.is-picked .st-chip-check{box-shadow:none;color:var(--ink);background:#fff}@keyframes st-chip{0%{opacity:0;transform:translateY(10px)scale(.94)}}.st-composer{z-index:5;padding:14px 0 calc(16px + env(safe-area-inset-bottom));background:var(--surface);margin-top:24px;position:sticky;bottom:0}.st-composer:before{content:"";background:linear-gradient(to top, var(--surface), #fff0);pointer-events:none;height:32px;position:absolute;bottom:100%;left:0;right:0}.st-composer-top{min-height:18px;font-size:var(--fs-xs);color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-weight:600;display:flex}.st-progress{border-radius:var(--radius-pill);background:var(--surface-muted);height:3px;margin-bottom:12px;display:block;overflow:hidden}.st-progress span{border-radius:inherit;background:var(--ink);transform-origin:0;height:100%;transition:transform .6s var(--ease);display:block}.st-input{border-radius:var(--radius-pill);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);align-items:center;gap:8px;padding:6px 6px 6px 20px;transition:box-shadow .15s;display:flex}.st-input:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}.st-input input{min-width:0;height:42px;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;padding:0;font-size:16px}.st-input input:focus-visible{outline:none}.st-input input::placeholder{color:var(--text-subtle)}.st-input.is-idle{opacity:.6}.st-send{background:var(--ink);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;transition:background .15s,color .15s,transform .15s;display:grid}.st-send:hover:not(:disabled){background:var(--ink-hover);transform:translateY(-1px)}.st-send:disabled{background:var(--surface-muted);color:var(--text-subtle);cursor:default}.st-error{border-radius:var(--radius);background:var(--cyber-soft);font-size:var(--fs-sm);color:var(--cyber-ink);margin:16px 0 0 44px;padding:16px}.st-error p{margin:0 0 12px;font-weight:500}.st-error-actions{flex-wrap:wrap;gap:8px;display:flex}.st-empty{color:var(--text);margin-top:24px}.st-empty a{color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.st-result{scroll-margin-top:calc(var(--nav-height) + 16px)}.st-thread--result{margin-top:10px}.st-best{border-radius:var(--radius-lg);background:var(--surface);box-shadow:inset 0 0 0 2px var(--c);animation:st-rise .7s var(--ease) .15s both;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:16px;display:grid;overflow:hidden}@keyframes st-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}.st-best-media{border-radius:calc(var(--radius-lg) - 2px) 0 0 calc(var(--radius-lg) - 2px);background:var(--c-soft);min-height:260px;color:var(--c);place-items:center;margin:2px 0 2px 2px;display:grid;position:relative;overflow:hidden}.st-best-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.st-best:hover .st-best-media img{transform:scale(1.04)}.st-best-body{flex-direction:column;align-items:flex-start;padding:22px 24px 24px;display:flex}.st-best-top{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:60px;display:flex}.st-best-tag{border-radius:var(--radius-pill);background:var(--c-soft);height:30px;color:var(--c-ink);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}@property --p{syntax:"<integer>";inherits:false;initial-value:0}.st-ring{background:radial-gradient(closest-side, var(--surface) calc(100% - 6px), transparent calc(100% - 5px)), conic-gradient(var(--c) calc(var(--p) * 1%), var(--c-soft) 0);counter-reset:p var(--p);width:60px;height:60px;animation:st-ring 1.4s var(--ease) .5s both;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.st-ring:after{content:counter(p) "%";letter-spacing:-.02em;color:var(--ink);font-size:14.5px;font-weight:700}@keyframes st-ring{0%{--p:0}}.st-field{font-size:var(--fs-xs);color:var(--c-ink);align-items:center;gap:6px;margin-top:10px;font-weight:600;display:inline-flex}.st-best-title{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:6px 0 0;font-size:clamp(24px,2.6vw,30px);font-weight:600;line-height:1.15}.st-best-title a:hover{text-underline-offset:4px;text-decoration:underline}.st-best-meta{font-size:var(--fs-sm);color:var(--text-muted);margin:6px 0 0}.st-why{border-radius:var(--radius);background:var(--c-soft);width:100%;margin-top:16px;padding:14px 16px}.st-why strong{color:var(--c-ink);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.st-why p{color:var(--ink);text-wrap:pretty;margin:6px 0 0;font-size:15px;line-height:1.55}.st-best-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.st-others{animation:st-up .6s var(--ease) .4s both;margin-top:28px}.st-others h2{color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:600}.st-others ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.st-other{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--border);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 18px 10px 10px;transition:box-shadow .15s,transform .15s;display:grid}.st-other:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-1px)}.st-other-thumb{background:var(--c-soft);width:64px;height:64px;color:var(--c);border-radius:10px;place-items:center;display:grid;overflow:hidden}.st-other-thumb img{object-fit:cover;width:100%;height:100%}.st-other-text{gap:3px;min-width:0;display:grid}.st-other-title{color:var(--ink);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:16px;font-weight:600;display:flex}.st-other-match{border-radius:var(--radius-pill);background:var(--c-soft);color:var(--c-ink);padding:3px 8px;font-size:12px;font-weight:700}.st-other-reason{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.st-other-arrow{color:var(--text-muted);transition:transform .2s var(--ease), color .15s}.st-other:hover .st-other-arrow{color:var(--ink);transform:translate(3px)}[dir=rtl] .st-other:hover .st-other-arrow{transform:scaleX(-1)translate(3px)}.st-end{animation:st-up .6s var(--ease) .5s both;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.st-text-link{font-size:var(--fs-sm);color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}@media (width<=700px){.st-best{grid-template-columns:minmax(0,1fr)}.st-best-media{aspect-ratio:16/9;border-radius:calc(var(--radius-lg) - 2px) calc(var(--radius-lg) - 2px) 0 0;min-height:0;margin:2px 2px 0}.st-best-body{padding:18px 18px 20px}.st-best-actions{width:100%}.st-best-actions .btn{flex:200px}}@media (width<=600px){.st-row:not(.st-row--you){grid-template-columns:28px minmax(0,1fr);gap:8px}.st-avatar{width:28px;height:28px}.st-avatar svg{width:14px;height:14px}.st-bubble,.st-you{font-size:15.5px}.st-chips{padding-inline-start:0}.st-chip{min-height:44px;font-size:14.5px}.st-error{margin-inline-start:0}.st-other{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding-inline-end:12px}.st-other-thumb{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){.st *,.st :before,.st :after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.st-checks{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.st-check{border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--ink);align-items:center;gap:6px;padding:5px 10px 5px 6px;font-size:13px;font-weight:500;line-height:1.3;display:inline-flex}.st-check span{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.st-check--ok span{background:var(--design)}.st-check--warn span{background:var(--marketing)}.st-check--no span{background:var(--cyber)}.st-check--no{background:var(--cyber-soft);color:var(--cyber-ink)}.st-checks--compact{margin-top:8px}.st-checks--compact .st-check{padding:3px 8px 3px 4px;font-size:12px}.st-checks--compact .st-check span{width:15px;height:15px;font-size:9.5px}
