.ss{--v:4.7;--ss-ink:var(--color-base-content);--ss-mute:color-mix(in oklab, var(--ss-ink) 60%, transparent);--ss-line:var(--color-base-300);--ss-star:oklch(76% .16 70);--ss-off:color-mix(in oklab, var(--ss-ink) 16%, transparent);--ss-flash:color-mix(in oklab, var(--color-accent) 55%, transparent);--ss-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.6l-6.3 3.6 1.5-7.1-5.4-4.9 7.2-.8z'/%3E%3C/svg%3E") 0 0 / 1em 1em repeat-x;border:1px solid var(--ss-line);border-radius:var(--radius-box);background:var(--color-base-100);margin:1.75rem 0;font-size:.95rem;line-height:1.5;container-type:inline-size}.prose-chirpy .ss p{margin:0}.ss__top{gap:.9rem;padding:1rem;display:grid}@container (width>=34rem){.ss__top{grid-template-columns:minmax(0,1fr) 14.5rem;align-items:start}}.ss__serp{min-height:8.6rem;font-family:Arial, var(--font-sans);padding:.15rem 0;position:relative}.ss__site{align-items:center;gap:.6rem;font-size:.8rem;line-height:1.25;display:flex}.ss__fav{border:1px solid var(--ss-line);background:var(--color-base-200);border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.ss__fav:after{content:"";background:var(--color-primary);border-radius:50%;width:.6rem;height:.6rem}.ss__url{color:var(--ss-mute);font-size:.75rem;display:block}.ss__tag{border:1px dashed var(--ss-line);color:var(--ss-mute);font:.68rem/1.5 var(--font-mono);border-radius:1rem;margin-inline-start:auto;padding:0 .4rem}.ss:not([data-state=draft]) .ss__tag{visibility:hidden}.ss__title{color:var(--color-primary);margin:.4rem 0 .15rem;font-size:1.18rem;line-height:1.3;display:block}.ss__rich{color:var(--ss-mute);grid-template-rows:1fr;font-size:.82rem;transition:grid-template-rows .3s,opacity .3s;display:grid}.ss__rich>span{align-items:center;gap:.4rem;min-height:0;display:flex;overflow:hidden}.ss[data-state=no] .ss__rich{opacity:0;grid-template-rows:0fr}.ss[data-state=draft] .ss__rich>span{opacity:.6}.ss__stars{background:linear-gradient(90deg, var(--ss-star) calc(var(--v) * 20%), var(--ss-off) 0);width:5em;height:1em;mask:var(--ss-mask);flex:none;display:inline-block}.ss[data-state=yes] .ss__rich .ss__stars{animation:.45s cubic-bezier(.3,1.6,.5,1) ss-pop}@keyframes ss-pop{0%{opacity:0;transform:scale(.6)}}.ss__snip{color:color-mix(in oklab, var(--ss-ink) 80%, transparent);font-size:.85rem;margin-top:.2rem!important}.ss__serp:after{content:"";border-radius:var(--radius-field);background:linear-gradient(100deg, transparent 30%, color-mix(in oklab, var(--color-base-100) 85%, transparent) 50%, transparent 70%) 0 0 / 250% 100%;opacity:0;pointer-events:none;position:absolute;inset:-.25rem}.ss[data-state=crawl] .ss__serp>*{opacity:.35}.ss[data-state=crawl] .ss__serp:after{opacity:1;animation:1s linear infinite ss-shim}@keyframes ss-shim{0%{background-position:125% 0}to{background-position:-125% 0}}.prose-chirpy .ss__code{border:1px dashed var(--ss-line);border-radius:var(--radius-field);background:color-mix(in oklab, var(--ss-ink) 3%, var(--color-base-100));font:.72rem/1.6 var(--font-mono);color:var(--ss-mute);margin:0;padding:.7rem .8rem;overflow-x:auto}.prose-chirpy .ss__code code{color:inherit;font:inherit;background:0 0;padding:0}.ss__code b{color:var(--ss-ink);border-radius:2px;padding:0 1px;font-weight:600}.ss.is-fake .ss__code b{text-decoration:underline wavy var(--color-error);text-underline-offset:3px}.ss__ctrl{border-top:1px solid var(--ss-line);background:color-mix(in oklab, var(--ss-ink) 3%, var(--color-base-100));flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.ss__field{color:var(--ss-mute);align-items:center;gap:.5rem;display:flex}.ss__rate{border-radius:var(--radius-field);cursor:pointer;touch-action:pan-y;padding:.15rem;font-size:1.5rem}.ss__rate .ss__stars{display:block}.ss__step{border:1px solid var(--ss-line);border-radius:var(--radius-field);background:var(--color-base-100);align-items:center;display:inline-flex}.ss__step button{width:1.9rem;height:1.9rem;color:var(--ss-ink);font:600 1rem/1 var(--font-mono);cursor:pointer;touch-action:manipulation;background:0 0;border:0}.ss__step output{text-align:center;min-width:3.2ch;color:var(--ss-ink);font:600 .85rem var(--font-mono)}.ss__fake{color:var(--ss-mute);cursor:pointer;align-items:center;gap:.4rem;display:flex}.ss__fake input{accent-color:var(--color-error);width:1rem;height:1rem}.ss__ask{border-radius:var(--radius-field);background:var(--color-primary);color:var(--color-primary-content);font:600 .85rem/1.3 var(--font-sans);cursor:pointer;border:0;margin-inline-start:auto;padding:.4rem .95rem}.ss[data-state=crawl] .ss__ask{opacity:.6;cursor:progress}.ss :is(.ss__rate,button,input):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ss__foot{border-top:1px dashed var(--ss-line);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;min-height:2.6rem;padding:.6rem 1rem;display:flex;font:.85rem/1.5 var(--font-sans)!important;text-align:start!important;color:var(--ss-ink)!important;margin:0!important}.ss__foot code{font-size:.9em}.ss[data-state=yes] [data-ss-cap]:before{content:"★ ";color:var(--ss-star)}.ss__tally{color:var(--ss-mute);font:.75rem/1.9 var(--font-mono)}@media (prefers-reduced-motion:reduce){.ss *{transition:none!important;animation:none!important}.ss[data-state=crawl] .ss__serp:after{opacity:0}}