.sh{--sh-ink:var(--ink);--sh-soft:#0204269e;--sh-faint:#02042673;--sh-hair:#02042612;--sh-ph:#02042613;--sh-ph-strong:#0204261f;--sh-good:#059669;--sh-good-tint:#dcf5ea;--sh-warn:#d97706;--sh-warn-tint:#fdf0d9;--sh-bad:#e2626b;--sh-bad-tint:#fdecee;--sh-grad:linear-gradient(90deg, color-mix(in oklch, var(--accent), #fff 42%), var(--accent));--sh-track:color-mix(in srgb, var(--accent) 9%, #fff);--sh-shadow:0 .08em .2em #0204260a, 0 1.1em 2.4em -1.3em color-mix(in srgb, var(--accent) 45%, #02042680);--sh-lift:0 0 0 1px #0204260b, 0 2.2em 4em -1.8em #0204265c, 0 .8em 1.8em -1em color-mix(in srgb, var(--accent) 32%, transparent);--sh-out:cubic-bezier(.22, 1, .36, 1);isolation:isolate;background:var(--sh-bg,#f6f2ff);color:var(--sh-ink);text-align:left;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container:sh/size}.sh-scene{font-family:var(--sans);letter-spacing:-.005em;font-size:clamp(7px,min(2cqi,2.7cqh),15px);line-height:1.35;position:absolute;inset:0}.sh p{margin:0}.sh i{font-style:normal}.sh svg{flex:none;display:block}.sh img{max-width:none}.sh[data-tone=lavender]{--sh-bg:radial-gradient(85% 75% at 0% 0%, #e9deff 0, transparent 62%), radial-gradient(80% 70% at 100% 100%, #e1ecff 0, transparent 64%), linear-gradient(160deg, #f5f0ff, #fbfaff 55%, #f3f6ff)}.sh[data-tone=sky]{--sh-bg:radial-gradient(85% 75% at 100% 0%, #c9e8f8 0, transparent 62%), radial-gradient(80% 70% at 0% 100%, #e3f3fb 0, transparent 64%), linear-gradient(180deg, #e6f5fd, #f7fcff)}.sh[data-tone=sun]{--sh-bg:radial-gradient(85% 75% at 0% 0%, #ffeaa8 0, transparent 60%), radial-gradient(80% 70% at 100% 100%, #fff1c9 0, transparent 64%), linear-gradient(160deg, #fff7dd, #fffdf6)}.sh[data-tone=mint]{--sh-bg:radial-gradient(85% 75% at 100% 0%, #cdf0df 0, transparent 62%), radial-gradient(80% 70% at 0% 100%, #e4f7ee 0, transparent 64%), linear-gradient(170deg, #e9f8f1, #f8fdfb)}.sh[data-tone=rose]{--sh-bg:radial-gradient(85% 75% at 0% 0%, #ffdfe6 0, transparent 60%), radial-gradient(80% 70% at 100% 100%, #f0e4ff 0, transparent 64%), linear-gradient(160deg, #fff1f4, #fdfbff)}.sh[data-tone=dusk]{--sh-bg:radial-gradient(80% 70% at 100% 0%, #5b2fd0 0, transparent 60%), radial-gradient(80% 70% at 0% 100%, #1d5f8f 0, transparent 62%), linear-gradient(160deg, #1a1650, #120f38);--sh-ph:#ffffff1a;--sh-ph-strong:#ffffff29;color:#fff}.sh[data-tone=dusk] .sh-card,.sh[data-tone=dusk] .sh-win{color:var(--ink);--sh-ph:#02042613;--sh-ph-strong:#0204261f}.sh-dots{z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) .07em, transparent .09em) 0 0 / 1.6em 1.6em;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 85% 20%,#000,#0000 75%);mask-image:radial-gradient(70% 80% at 85% 20%,#000,#0000 75%)}.sh[data-tone=dusk] .sh-dots{background-image:radial-gradient(circle,#ffffff38 .07em,#0000 .09em)}.sh-photo{z-index:-2;object-fit:cover;filter:blur(3px)saturate(1.05);width:104%;height:104%;position:absolute;inset:-2%;transform:scale(1.02)}.sh-photo-wash{z-index:-1;background:linear-gradient(160deg, #ffffff9e, #ffffff47 55%, color-mix(in srgb, var(--accent-tint) 55%, transparent));position:absolute;inset:0}.sh-win{background:#fff;border-radius:1em;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0204260f,0 1.6em 3.4em -1.6em #021e3c57}.sh-win-bar{background:color-mix(in srgb, var(--ink) 3%, #fff);border-bottom:1px solid var(--sh-hair);flex:none;justify-content:center;align-items:center;height:2.8em;padding:0 5em;display:flex;position:relative}.sh-win-dots{align-items:center;gap:.45em;display:flex;position:absolute;top:0;bottom:0;left:1.05em}.sh-win-dots i{background:#ff6159;border-radius:50%;width:.72em;height:.72em;box-shadow:inset 0 0 0 .04em #0000001f}.sh-win-dots i:nth-child(2){background:#febc2e}.sh-win-dots i:nth-child(3){background:#2ac840}.sh-win-url{color:#0204269e;white-space:nowrap;background:#fff;border-radius:.55em;justify-content:center;align-items:center;gap:.45em;width:min(100%,19em);height:1.8em;padding:0 .8em;font-size:.78em;font-weight:500;display:flex;overflow:hidden;box-shadow:0 0 0 .04em #0204261a,0 .08em .16em #0204260a}.sh-win-url img{width:1.1em;height:1.1em}.sh-win-body{flex:1;min-height:0;display:flex;position:relative}.sh-win-side{border-right:1px solid var(--sh-hair);background:color-mix(in srgb, var(--ink) 1.5%, #fff);flex-direction:column;flex:none;gap:.2em;width:10.5em;padding:1.3em .9em;display:flex}.sh-win-side b{letter-spacing:-.01em;align-items:center;gap:.5em;margin:0 .5em 1em;font-size:.9em;font-weight:700;display:flex}.sh-win-side b img{width:1.5em;height:1.5em}.sh-win-side span{color:var(--sh-soft);white-space:nowrap;border-radius:.6em;align-items:center;gap:.6em;padding:.55em .6em;font-size:.86em;font-weight:500;display:flex}.sh-win-side span .sh-ph{--w:70%}.sh-win-side span:before{content:"";background:var(--sh-ph-strong);border-radius:.3em;flex:none;width:.95em;height:.95em}.sh-win-side span.on{background:var(--accent-tint);color:var(--accent)}.sh-win-side span.on:before{background:color-mix(in srgb, var(--accent) 55%, #fff)}.sh-win-side span.on .sh-ph{background:color-mix(in srgb, var(--accent) 28%, #fff)}.sh-win-main{flex:1;min-width:0;padding:1.5em 1.6em;position:relative}.sh-win.is-wash .sh-win-main{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-tint) 55%, #fff) 0, #fff 60%)}.sh-device{background:linear-gradient(160deg,#2b2d42,#14152a);border-radius:1.6em;padding:.7em;position:absolute;box-shadow:inset 0 0 0 .08em #ffffff14,0 2.4em 4.4em -2em #02042680,0 .6em 1.4em -.8em #0204264d}.sh-device-screen{background:#fff;border-radius:1em;width:100%;height:100%;position:relative;overflow:hidden}.sh-card{border:1px solid var(--sh-hair);min-width:0;box-shadow:var(--sh-shadow);background:#fff;border-radius:1.15em;position:relative}.sh-card.is-lift{box-shadow:var(--sh-lift);border-color:#0000}.sh-card.is-glass{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#ffffffb8;border-color:#ffffffb3}.sh-pad{padding:1.1em 1.25em}.sh-row{align-items:center;gap:.6em;min-width:0;display:flex}.sh-col{flex-direction:column;gap:.5em;min-width:0;display:flex}.sh-sep{background:var(--sh-hair);height:1px}.sh-ph{width:var(--w,6em);background:var(--sh-ph);border-radius:99px;flex:none;max-width:100%;height:.5em;display:block}.sh-ph.is-strong{background:var(--sh-ph-strong);height:.62em}.sh-ph.is-thin{height:.38em}.sh-ph.is-accent{background:color-mix(in srgb, var(--accent) 22%, #fff)}.sh-ph.is-white{background:#ffffff8c}.sh-lines{gap:.62em;display:grid}.sh-lines>.sh-ph{width:var(--w,100%)}.sh-h{letter-spacing:-.02em;font-size:1.2em;font-weight:650;line-height:1.15}.sh-h.is-big{letter-spacing:-.03em;font-size:1.55em}.sh-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sh-faint);font-size:.72em;font-weight:600}.sh-sub{color:var(--sh-soft);font-size:.82em}.sh-num{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sh-prose{font:400 1.18em/1.6 var(--serif);font-optical-sizing:auto;color:#020426db;letter-spacing:0}.sh-chip{white-space:nowrap;color:var(--sh-soft);background:#eef3f6;border-radius:99px;flex:none;align-items:center;gap:.35em;padding:.42em .75em .38em;font-size:.74em;font-weight:600;line-height:1;display:inline-flex}.sh-chip svg{width:1.2em;height:1.2em}.sh-chip.is-accent{background:var(--accent-tint);color:var(--accent)}.sh-chip.is-good{background:var(--sh-good-tint);color:#0b6b47}.sh-chip.is-warn{background:var(--sh-warn-tint);color:#9a5800}.sh-chip.is-bad{background:var(--sh-bad-tint);color:#a1323b}.sh-chip.is-sun{background:var(--primary);color:var(--primary-ink)}.sh-av{letter-spacing:-.01em;background:hsl(var(--h,262) 90% 95%);width:2.1em;height:2.1em;color:hsl(var(--h,262) 55% 42%);border-radius:50%;flex:none;place-items:center;font-size:.74em;font-weight:700;display:grid;box-shadow:0 0 0 .14em #fff}.sh-icon{background:var(--accent-tint);width:2.2em;height:2.2em;color:var(--accent);border-radius:.65em;flex:none;place-items:center;display:grid}.sh-icon svg{width:1.2em;height:1.2em}.sh-meter{background:var(--sh-track);border-radius:99px;height:.5em;display:block;position:relative;overflow:hidden}.sh-meter>i{width:calc(var(--v) * 100%);border-radius:inherit;background:var(--sh-grad);transform-origin:0;height:100%;display:block}.sh-btn{background:var(--accent);color:#fff;white-space:nowrap;height:2.6em;box-shadow:0 .5em 1em -.5em color-mix(in srgb, var(--accent) 70%, transparent);border-radius:.75em;justify-content:center;align-items:center;gap:.45em;padding:0 1.15em;font-size:.86em;font-weight:600;display:inline-flex}.sh-btn svg{width:1.2em;height:1.2em}.sh-btn.is-soft{background:var(--accent-tint);color:var(--accent);box-shadow:none}.sh-btn.is-sun{background:var(--primary);color:var(--primary-ink);box-shadow:0 .5em 1em -.5em var(--primary-glow)}.sh-ring{box-shadow:0 0 0 .18em #fff, 0 0 0 .38em color-mix(in srgb, var(--accent) 38%, transparent)!important}.sh-callout{z-index:5;background:var(--primary);color:var(--primary-ink);letter-spacing:-.01em;white-space:nowrap;border-radius:.8em;align-items:center;gap:.45em;padding:.55em .85em .5em;font-size:.84em;font-weight:650;display:inline-flex;position:absolute;box-shadow:0 1em 2em -1em #785a008c,0 0 0 1px #a078001f}.sh-callout svg{width:1.15em;height:1.15em}.sh-cursor{z-index:6;pointer-events:none;filter:drop-shadow(0 .2em .35em #02042659);width:1.9em;height:1.9em;position:absolute}.sh-cursor svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.sh-cursor .sh-click{border:.14em solid color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%;width:1.4em;height:1.4em;position:absolute;top:-.55em;left:-.55em}.sh-mark-sp{background:radial-gradient(circle at .09em .09em, var(--sh-warn) .065em, transparent .09em) 0 100% / .25em .19em repeat-x;padding-bottom:.12em}.sh-mark-pick{background:var(--accent-tint);color:var(--accent);box-shadow:inset 0 -.12em 0 var(--accent-tint-2);border-radius:.28em;padding:.02em .22em}.sh-mark-del{color:#02042680;background:var(--sh-bad-tint);border-radius:.25em;padding:0 .15em;-webkit-text-decoration:line-through #e2626b;text-decoration:line-through #e2626b;text-decoration-thickness:.09em}.sh-mark-ins{color:#0d5c3b;background:#d9f5e6;border-radius:.25em;padding:0 .15em}.sh-mark-flag{background:#fff3c4;border-radius:.3em;padding:0 .2em;box-shadow:inset 0 0 0 .08em #f5c26b}.sh-mark-read{background:var(--primary);border-radius:.3em;padding:0 .2em}.sh-rise{transition:opacity .8s var(--sh-out) var(--d,.1s), transform .9s var(--sh-out) var(--d,.1s)}.sh-pop{transition:opacity .5s var(--sh-out) var(--d,.4s), transform .6s cubic-bezier(.34, 1.56, .64, 1) var(--d,.4s)}.sh-fade{transition:opacity .7s var(--sh-out) var(--d,.2s)}.sh-grow{transition:transform 1s var(--sh-out) var(--d,.5s);transform-origin:0}.sh-grow-up{transition:transform 1s var(--sh-out) var(--d,.5s);transform-origin:bottom}.js .visual.reveal:not(.in) .sh-rise{opacity:0;transform:translateY(1.6em)scale(.985)}.js .visual.reveal:not(.in) .sh-pop{opacity:0;transform:scale(.82)}.js .visual.reveal:not(.in) .sh-fade{opacity:0}.js .visual.reveal:not(.in) .sh-grow{transform:scaleX(0)}.js .visual.reveal:not(.in) .sh-grow-up{transform:scaleY(0)}@media (prefers-reduced-motion:reduce){.js .visual.reveal .sh-rise,.js .visual.reveal .sh-pop,.js .visual.reveal .sh-fade,.js .visual.reveal .sh-grow,.js .visual.reveal .sh-grow-up{opacity:1;transition:none;transform:none}}html:not([data-appicons=bespoke]) .app-icon-bespoke,html[data-appicons=bespoke] .app-icon-app{display:none}.app-icon-bespoke :is(.i-tone,.i-shade){fill:var(--icon-tone,currentColor);fill-opacity:var(--icon-tone-opacity,.16)}.app-icon-bespoke .i-shade{stroke:none}.app-icon-bespoke .i-solid{fill:currentColor;stroke-width:.6px}