.modal-image-trigger{cursor:pointer;transition:opacity .3s ease;pointer-events:none}.modal-image-trigger:hover{opacity:.8}.modal-overlay{background-color:var(--text-alpha-60);animation:fadeIn .3s ease;position:fixed;left:0;top:0;right:0;bottom:0}.modal-content{position:relative;display:flex;height:100vh;justify-content:center;align-items:center}.modal-image{object-fit:contain;height:100%;width:auto}.modal-close{position:absolute;top:calc(-40 / 15 * 1rem);right:0;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:50%;transition:background-color .3s ease}.modal-close:hover{background-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tabs.svelte-1ezbdsz{display:flex;flex-direction:column;width:100%}.tabs-vertical.svelte-1ezbdsz{flex-direction:row}.tabs-list.svelte-1dpgz7g{display:flex;border-bottom:.133rem solid hsl(var(--border));background-color:hsl(var(--background));padding:0;margin:0;list-style:none}.tabs-trigger.svelte-18mqdbp{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease-in-out;border-bottom:.133rem solid transparent;min-width:0;flex:1}.tabs-trigger.svelte-18mqdbp:hover{color:hsl(var(--foreground));background-color:hsl(var(--muted))}.tabs-trigger.active.svelte-18mqdbp{color:hsl(var(--foreground));border-bottom-color:hsl(var(--primary));background-color:hsl(var(--background))}.tabs-trigger.disabled.svelte-18mqdbp{opacity:.5;cursor:not-allowed}.tabs-trigger.disabled.svelte-18mqdbp:hover{color:hsl(var(--muted-foreground));background-color:transparent}.tabs-content.svelte-e233rh{outline:none}.tabs-content.svelte-e233rh:focus-visible{outline:.133rem solid hsl(var(--ring));outline-offset:.133rem}.code-block-wrapper .copy-button{background:var(--primary);color:var(--text-5);border:none;border-radius:var(--sizes-button-border-radius);cursor:pointer;opacity:.8;font-family:var(--type-font-family-primary);font-weight:var(--type-font-weight-regular);font-size:var(--type-font-size-caption);line-height:var(--type-line-height-caption);letter-spacing:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem";transition:opacity .2s ease;font-weight:500}.code-block-wrapper .copy-button:hover{opacity:1;background:var(--primary-80)}.code-block-wrapper .copy-button:focus{outline:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem" solid var(--primary);outline-offset:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem"}.code-block-wrapper pre{position:relative}.callout-box.svelte-1csiuos{background-color:var(--primary-10);border-color:var(--primary-55);padding:1rem;border-radius:.4rem}.callout-header.svelte-1csiuos{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.icon.svelte-1csiuos{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--callout-color)}.title.svelte-1csiuos{margin:0;font-size:1rem;font-weight:600;color:var(--callout-color)}.content.svelte-1csiuos{color:var(--text-85)}.content.svelte-1csiuos p:first-child{margin-top:0}.content.svelte-1csiuos p:last-child{margin-bottom:0}.share-context.svelte-1cz5hj1{border:1px solid var(--border-light, #eee);border-radius:var(--border-radius-lg, 8px);padding:var(--spacing-4, 1rem);background:var(--background-0, #fff)}.share-buttons.svelte-1cz5hj1{display:flex;gap:var(--spacing-2, .5rem);margin-bottom:var(--spacing-4, 1rem);flex-wrap:wrap}.share-button.svelte-1cz5hj1{display:flex;align-items:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) var(--spacing-4, 1rem);border:1px solid var(--border-light, #eee);border-radius:var(--border-radius-full, 999px);background:var(--background-0, #fff);cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.share-button.svelte-1cz5hj1:hover{background:var(--background-5, #f5f5f5);transform:translateY(-1px)}.icon.svelte-1cz5hj1{font-size:1.2em}.content-preview.svelte-1cz5hj1{border:1px solid var(--border-light, #eee);border-radius:var(--border-radius-md, 6px);padding:var(--spacing-4, 1rem);background:var(--background-5, #f5f5f5);max-height:200px;overflow-y:auto}.markdown.svelte-1cz5hj1{white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}h1.svelte-nksjie,h2.svelte-nksjie,h3.svelte-nksjie{margin-bottom:var(--sizes-4)}label.svelte-nksjie{display:block;margin-bottom:var(--sizes-2);font-weight:600}input.svelte-nksjie{width:100%;padding:var(--sizes-3);border:.133rem solid var(--text-20);border-radius:var(--radius-md);font-family:inherit}.card.svelte-nksjie{background:var(--background-5);border:.133rem solid var(--text-15);border-radius:var(--radius-lg);padding:var(--sizes-6);text-align:center;min-height:.133rem;display:flex;align-items:center;justify-content:center}.lighthouse-scores{width:100%;margin:2rem 0}.score-item-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem",1fr));gap:1rem;justify-content:center;align-items:center}.score-item{text-align:center}.score-circle{display:flex;flex-direction:column;align-items:center;gap:.5rem}.circle-wrapper{position:relative;width:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem";height:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem"}.circular-chart{width:100%;height:100%}.circle-bg{fill:none;stroke:var(--text-15);stroke-width:2}.circle{fill:none;stroke-width:2;stroke-linecap:round;transition:stroke-dasharray .3s ease}.percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700}.score-circle span{font-size:.9rem;color:var(--text-60)}@media (max-width: param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem"){.score-item-holder{grid-template-columns:repeat(2,1fr)}}@media (max-width: param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem"){.circle-wrapper{width:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem";height:param($match) [math]::Round([double]$match.Groups[1].Value / 15,3).ToString() + "rem"}.percentage{font-size:1rem}.score-circle span{font-size:.8rem}}
