.tg-page{--pv-scale:.4;max-width:76rem;margin-inline:auto;padding:1.5rem 1rem 4rem}@media (min-width:640px){.tg-page{--pv-scale:.52;padding-inline:1.5rem}}@media (min-width:1024px){.tg-page{--pv-scale:.6}}.tg-head{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.tg-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;line-height:1.1}.tg-head p{max-width:40rem;color:var(--muted);margin:0}.tg-filter{border:0;min-width:0;margin:0 0 1.5rem;padding:0}.tg-filter legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tg-pills{flex-wrap:wrap;gap:.5rem;display:flex}.tg-pills input{opacity:0;width:1px;height:1px;position:absolute}.tg-pills label{border:1px solid var(--border);background:var(--surface);min-height:2.5rem;color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;padding:0 1rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.tg-pills label:hover{background:#eef2ec}.tg-pills input:checked+label{background:var(--foreground);border-color:var(--foreground);color:#fff}.tg-pills input:focus-visible+label{outline:3px solid var(--accent);outline-offset:2px}.tg-grid{grid-template-columns:repeat(auto-fill, calc(390px * var(--pv-scale)));justify-content:center;gap:1.5rem .875rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.tg-grid{gap:2rem 1.25rem}}.tg-card{flex-direction:column;gap:.625rem;min-width:0;display:flex;position:relative}.tg-link{color:inherit;text-decoration:none}.tg-link:after{content:"";border-radius:1.25rem;position:absolute;inset:0}.tg-link:focus-visible{outline:none}.tg-link:focus-visible:after{outline:3px solid var(--accent);outline-offset:4px}.tg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tg-frame{width:calc(390px * var(--pv-scale));height:calc(780px * var(--pv-scale));border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 12px 28px -18px #19201980}.tg-card:hover .tg-frame{transform:translateY(-4px);box-shadow:0 20px 36px -18px #1920198c}@media (prefers-reduced-motion:reduce){.tg-frame{transition:none}.tg-card:hover .tg-frame{transform:none}}.tg-screen{width:390px;height:780px;transform:scale(var(--pv-scale));transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.tg-meta{flex-direction:column;gap:.125rem;padding-inline:.25rem;display:flex}.tg-meta strong{letter-spacing:-.02em;font-size:1rem}.tg-meta span{color:var(--muted);text-transform:capitalize;font-size:.8125rem}:is(.tg-filtered:has(#cat-light:checked) .tg-card:not([data-cats~=light]),.tg-filtered:has(#cat-dark:checked) .tg-card:not([data-cats~=dark]),.tg-filtered:has(#cat-colorful:checked) .tg-card:not([data-cats~=colorful]),.tg-filtered:has(#cat-minimal:checked) .tg-card:not([data-cats~=minimal]),.tg-filtered:has(#cat-bold:checked) .tg-card:not([data-cats~=bold]),.tg-filtered:has(#cat-creator:checked) .tg-card:not([data-cats~=creator]),.tg-filtered:has(#cat-business:checked) .tg-card:not([data-cats~=business]),.tg-filtered:has(#cat-playful:checked) .tg-card:not([data-cats~=playful])){display:none}.tg-stage{--tpl-min-h:0px;flex-direction:column;min-height:100dvh;display:flex}.tg-stage>.tpl{flex:1}.tg-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.625rem 1rem;font-size:.875rem;display:flex}.tg-bar a{color:var(--foreground)}.tg-bar a:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.tg-back{align-items:center;min-height:2.25rem;font-weight:600;text-decoration:none;display:inline-flex}.tg-title{letter-spacing:-.02em;font-weight:700}.tg-variants{flex-wrap:wrap;gap:.375rem;margin-left:auto;padding:0;list-style:none;display:flex}.tg-variants a{border:1px solid var(--border);border-radius:999px;align-items:center;min-height:2.25rem;padding:0 .75rem;text-decoration:none;display:inline-flex}.tg-variants a[aria-current=true]{background:var(--foreground);border-color:var(--foreground);color:#fff}.tg-picker{--pv-scale:.33}@media (min-width:480px){.tg-picker{--pv-scale:.4}}@media (min-width:640px){.tg-picker{--pv-scale:.45}}.tg-picker .tg-grid{gap:1.25rem .75rem}.tg-pick{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.tg-pick:after{content:"";border-radius:1.25rem;position:absolute;inset:0}.tg-pick:focus-visible{outline:none}.tg-pick:focus-visible:after{outline:3px solid var(--accent);outline-offset:4px}.tg-pick:disabled{cursor:progress}.tg-card[data-current] .tg-frame{outline:3px solid var(--accent);outline-offset:3px}.tg-current{color:var(--accent);font-weight:700}