@media (width>=640px){.share-sheet{inline-size:min(36rem,100% - 2rem)}}.share-form,.share-ready{gap:16px;display:grid}.share-sheet p{margin:0}.share-form>p:first-child{color:var(--silk-muted)}.share-sheet label{color:var(--silk-muted);font-size:var(--small);gap:8px;font-weight:500;display:grid}.share-sheet input:not([type=checkbox]),.share-sheet textarea{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--mask-sunken);min-block-size:44px;inline-size:100%;color:var(--silk);font:inherit;transition:border-color var(--dur-fast) var(--ease-out);padding:10px 12px;font-size:1rem;font-weight:400}.share-sheet input:not([type=checkbox]):focus-visible,.share-sheet textarea:focus-visible{border-color:var(--ring);outline:2px solid color-mix(in srgb, var(--ring) 35%, transparent);outline-offset:1px}.share-sheet textarea{resize:vertical}.share-ready textarea{font-family:var(--font-mono);font-size:var(--small);line-height:1.6}.share-sheet .share-check{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-sunken);min-block-size:44px;color:var(--silk);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;font-size:1rem;font-weight:500;display:flex}.share-check input{appearance:none;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--silk) 10%, transparent);cursor:pointer;block-size:24px;inline-size:40px;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:999px;flex:none;margin:0;position:relative}.share-check input:before{content:"";background:var(--silk);block-size:16px;inline-size:16px;box-shadow:var(--shadow-1);transition:translate var(--dur-slow) var(--ease-spring);border-radius:50%;position:absolute;inset-block-start:3px;inset-inline-start:3px}.share-check input:checked{border-color:var(--primary);background:var(--primary)}.share-check input:checked:before{background:var(--primary-foreground);translate:16px}:dir(rtl) .share-check input:checked:before{translate:-16px}.share-check input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.share-main{justify-self:stretch}.share-note{color:var(--silk-muted)}.share-note:empty{display:none}.share-error{color:var(--hot);margin:0;font-weight:600}.share-actions{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.share-actions:empty{display:none}.share-ready>.share-actions .btn-text:first-child{margin-inline-start:-12px}.share-card{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask);block-size:auto;inline-size:100%;box-shadow:var(--shadow-2);display:block;overflow:hidden}.share-card>svg{block-size:auto;inline-size:100%;display:block}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .share-card,:root:not([data-reduced-motion=true]) .share-summary{animation:share-in var(--dur-scene) var(--ease-out) both}}@keyframes share-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.share-summary{border:1px solid var(--border);border-radius:var(--radius-l);background:radial-gradient(26rem 12rem at 100% 0%, color-mix(in srgb, var(--silk) 7%, transparent), transparent 70%), var(--mask-raised);box-shadow:var(--shadow-2);gap:10px;padding:20px;display:grid}.share-sheet .share-summary-title{font-size:var(--title);letter-spacing:-.02em;font-weight:700;line-height:1.2}.share-summary-result{flex-wrap:wrap;align-items:center;gap:6px 10px;font-weight:650;display:flex}.share-summary-result .icon{block-size:18px;inline-size:18px}.share-summary-result:where([data-pass=true]) .icon{color:var(--ok)}.share-summary-result:where([data-pass=false]) .icon{color:var(--hot)}.share-summary-numbers{border-block-start:1px solid var(--hairline);flex-wrap:wrap;gap:8px 28px;margin:4px 0 0;padding-block-start:12px;display:flex}.share-summary-numbers dt{color:var(--silk-muted);font-size:var(--micro)}.share-summary-numbers dd{font-family:var(--font-mono);margin:0;font-size:1.125rem;font-weight:600}.share-stars{gap:2px;display:inline-flex}.share-stars :where(svg){fill:#0000;block-size:16px;inline-size:16px;stroke:var(--pad);stroke-width:1.4px;stroke-linejoin:round}.share-stars :where(svg[data-on=true]){fill:var(--pad)}.share-top{max-inline-size:calc(1100px + 2 * var(--gutter));padding:max(12px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));align-items:center;margin-inline:auto;display:flex}.share-page,.share-initial{max-inline-size:calc(1100px + 2 * var(--gutter));padding:16px max(var(--gutter), env(safe-area-inset-right)) 40px max(var(--gutter), env(safe-area-inset-left));gap:20px;margin:auto;display:grid}.share-page p,.share-initial p{margin:0}.share-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.share-head>div{gap:6px;min-inline-size:0;display:grid}.share-head>:last-child:not(div){white-space:nowrap;flex:none}.share-page h1,.share-initial h1{font-size:var(--display-l);overflow-wrap:anywhere;margin:0}.share-kind{color:var(--silk-muted);font-family:var(--font-mono);font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;order:-1}.share-page>.share-main{justify-self:stretch}.share-page>:where(.share-main) .icon{block-size:18px;inline-size:18px}.share-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.share-metrics>div{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--mask-raised);box-shadow:var(--shadow-1);gap:4px;padding:14px 16px;display:grid}.share-metrics dt{color:var(--silk-muted)}.share-metrics dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:600;display:flex}.share-metrics :where(dd) .icon{flex:none;block-size:18px;inline-size:18px}.share-metrics :where([data-pass=true]) .icon{color:var(--ok)}.share-metrics :where([data-pass=false]) .icon{color:var(--hot)}.share-metrics :where(.share-stars svg){block-size:18px;inline-size:18px}.share-stars-text{font-size:var(--small);color:var(--silk-muted);font-weight:500}@media (prefers-reduced-motion:no-preference){:root:not([data-reduced-motion=true]) .share-metrics>div{animation:share-in var(--dur-scene) var(--ease-out) both}:root:not([data-reduced-motion=true]) .share-metrics>div:nth-child(2){animation-delay:50ms}:root:not([data-reduced-motion=true]) .share-metrics>div:nth-child(3){animation-delay:.1s}:root:not([data-reduced-motion=true]) .share-metrics>div:nth-child(4){animation-delay:.15s}}.share-stage{gap:12px;display:grid}.share-stage[data-board]{position:relative}.share-board{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--mask);block-size:min(56dvh,540px);min-block-size:280px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.share-stage[data-board]>.share-actions{justify-content:center}@media (width>=640px){.share-stage[data-board]>.share-actions{z-index:2;border:1px solid var(--glass-border);border-radius:var(--radius-l);background:var(--glass);backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--shadow-2);flex-wrap:nowrap;gap:4px;padding:6px;position:absolute;inset-block-end:16px;inset-inline-start:50%;translate:-50%}:dir(rtl) .share-stage[data-board]>.share-actions{translate:50%}.share-stage[data-board]>.share-actions .btn{white-space:nowrap}}.share-actions :where(.btn) .icon{block-size:16px;inline-size:16px}.share-gate{border:1px dashed var(--border-strong);border-radius:var(--radius-m);color:var(--silk-muted);padding:12px 16px}.share-message{color:var(--silk-muted)}.share-initial svg{border:1px solid var(--border);border-radius:var(--radius-l);max-block-size:55dvh;inline-size:100%}.share-initial a{justify-self:start}.share-embed{gap:12px;padding:12px}.share-embed h1{font-size:1.25rem}.share-embed .share-board{block-size:56dvh;min-block-size:180px}.share-embed .share-head{display:block}.share-embed .share-metrics{flex-wrap:wrap;gap:6px;display:flex}.share-embed .share-metrics>div{border-radius:var(--radius-s);min-inline-size:0;box-shadow:none;flex:auto;gap:0;padding:6px 10px}.share-embed .share-metrics dt{font-size:var(--micro)}.share-embed .share-metrics dd{font-size:var(--small)}.share-embed .share-metrics :where(.share-stars svg){block-size:14px;inline-size:14px}.share-embed .share-stars-text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (width>=640px){.share-note,.share-metrics dt{font-size:var(--small)}.share-main,.share-page>.share-main{justify-self:start}.share-metrics{grid-template-columns:repeat(4,minmax(0,max-content));column-gap:12px}.share-metrics>div{min-inline-size:150px}.share-page,.share-initial{padding-block:24px 48px}}