@font-face{font-family:Archivo Black;src:url(/fonts/brand/archivo-black-latin-v1.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:optional;unicode-range:U+0000-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local("Roboto"),local("Arial");font-weight:400 900;size-adjust:117%;ascent-override:75%;descent-override:18%;line-gap-override:0%}body[data-skin=l1]{--ty-ground: #F3F0FF;--ty-surface: #FFFFFF;--ty-ink: #111111;--ty-ink-muted: #3D3A4A;--ty-ink-soft: #4A4658;--ty-yellow: #FFD23F;--ty-pink: #FF5DA2;--ty-pink-soft: #FF9FCA;--ty-mint: #3DDC97;--ty-mint-soft: #9BF0C9;--ty-periwinkle: #C3C9FF;--ty-link: #2B3BD6;--ty-ad-bg: #ECE8FA;--ty-border: 2.5px;--ty-border-thin: 2px;--ty-radius: 14px;--ty-radius-sm: 10px;--ty-radius-pill: 999px;--ty-shadow: 4px 4px 0 var(--ty-ink);--ty-shadow-sm: 3px 3px 0 var(--ty-ink);--ty-font-display: "Archivo Black", "Archivo Black Fallback", system-ui, sans-serif;--ty-font-body: -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-space: var(--ty-font-body);background:var(--ty-ground);color:var(--ty-ink)}body[data-skin=l1] main{background:var(--ty-ground)}body[data-skin=l1] :is(a,button,input,select,summary,[role=button]):focus-visible{outline:3px solid var(--ty-link);outline-offset:2px}body[data-skin=l1] .typedly-header{background:var(--ty-surface);color:var(--ty-ink);border-bottom:var(--ty-border) solid var(--ty-ink)}body[data-skin=l1] .typedly-header-inner>.typedly-brand{gap:8px;color:var(--ty-ink);font:900 22px/1 var(--ty-font-display);letter-spacing:-.5px}body[data-skin=l1] .typedly-header-inner>.typedly-brand>span:first-child{display:inline-flex;align-items:center;gap:8px;text-transform:lowercase}body[data-skin=l1] .typedly-header-inner>.typedly-brand>span:first-child:before{content:"T";display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;background:var(--ty-pink);border:var(--ty-border) solid var(--ty-ink);border-radius:8px;transform:rotate(-6deg);font-size:16px;text-transform:none}body[data-skin=l1] .typedly-header-inner>.typedly-brand .typedly-brand-locale{color:var(--ty-ink-muted);font:800 12px/1 var(--ty-font-body);text-transform:uppercase}body[data-skin=l1] .typedly-header-inner>.typedly-brand .typedly-brand-indicator span{padding:3px 7px;color:var(--ty-ink);background:var(--ty-yellow);border:var(--ty-border-thin) solid var(--ty-ink);border-radius:var(--ty-radius-pill);font:800 11px/1 var(--ty-font-body);letter-spacing:0}body[data-skin=l1] main :is(h1,h2){font-family:var(--ty-font-display);letter-spacing:-.3px}body[data-skin=l1] main h1{line-height:1.15}body[data-skin=l1] main nav[data-horizontal-scroll] ol{color:var(--ty-ink-soft)}body[data-skin=l1] main nav[data-horizontal-scroll] a:hover{color:var(--ty-link)}body[data-skin=l1] main p.text-gray-500{color:var(--ty-ink-muted)}body[data-skin=l1] main div[data-horizontal-scroll] a{padding:8px 12px;color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border-thin) solid var(--ty-ink);border-radius:var(--ty-radius-pill);font-weight:700}body[data-skin=l1] main div[data-horizontal-scroll] a:hover{color:var(--ty-ink);background:var(--ty-yellow)}body[data-skin=l1] main div[data-horizontal-scroll] a.bg-black{color:var(--ty-surface);background:var(--ty-ink)}body[data-skin=l1] .ty-input-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px;margin-bottom:6px}body[data-skin=l1] .ty-input-label{display:inline-flex;align-items:center;gap:6px;color:var(--ty-ink);font:800 14px/1.2 var(--ty-font-body)}body[data-skin=l1] .ty-count{color:var(--ty-ink-muted);font:700 13px/1.2 var(--ty-font-body);white-space:nowrap}body[data-skin=l1] .ty-input-row{display:flex;align-items:center;gap:8px}body[data-skin=l1] .ty-input-wrap{position:relative;flex:1;min-width:0}body[data-skin=l1] .ty-input{box-sizing:border-box;width:100%;height:56px;padding:0 52px 0 14px;color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border) solid var(--ty-ink);border-radius:var(--ty-radius);box-shadow:var(--ty-shadow);font:600 18px/1.2 var(--ty-font-body)}body[data-skin=l1] .ty-input::-moz-placeholder{color:var(--ty-ink-soft);opacity:1}body[data-skin=l1] .ty-input::placeholder{color:var(--ty-ink-soft);opacity:1}body[data-skin=l1] .ty-input-clear{position:absolute;top:50%;right:4px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ty-ink);background:transparent;border:0;transform:translateY(-50%);cursor:pointer}body[data-skin=l1] .ty-toggle{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;color:var(--ty-ink);background:var(--ty-yellow);border:var(--ty-border) solid var(--ty-ink);border-radius:var(--ty-radius-pill);box-shadow:var(--ty-shadow-sm);font:800 15px/1 var(--ty-font-body);cursor:pointer}body[data-skin=l1] .ty-toggle[aria-expanded=true] .ty-chevron{transform:rotate(180deg)}body[data-skin=l1] .ty-adornos-panel{padding-top:10px}body[data-skin=l1] .ty-adornos-row{display:flex;gap:8px}body[data-skin=l1] .ty-select{flex:1;min-width:0;height:44px;padding:0 12px;color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border-thin) solid var(--ty-ink);border-radius:var(--ty-radius-sm);font:600 16px/1.2 var(--ty-font-body);text-overflow:ellipsis}@media (min-width: 768px){body[data-skin=l1] .ty-input-pill{background:var(--ty-surface);border:var(--ty-border) solid var(--ty-ink);border-radius:16px;box-shadow:5px 5px 0 var(--ty-ink)}body[data-skin=l1] .ty-input-pill:focus-within{outline:3px solid var(--ty-link);outline-offset:2px}body[data-skin=l1] .ty-input-pill :is(input,select):focus-visible{outline-offset:-3px}body[data-skin=l1] .view-toggle{border:var(--ty-border) solid var(--ty-ink);border-radius:12px;box-shadow:var(--ty-shadow-sm)}}body[data-skin=l1] .ty-tabs{margin-bottom:16px}body[data-skin=l1] .ty-tablist{display:flex;gap:8px}body[data-skin=l1] .ty-tab{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border) solid var(--ty-ink);border-radius:12px;font:800 15px/1 var(--ty-font-body);cursor:pointer}body[data-skin=l1] .ty-tab[aria-pressed=true]{color:var(--ty-surface);background:var(--ty-ink)}body[data-skin=l1] .ty-tab-count{min-width:22px;padding:2px 6px;color:var(--ty-ink);background:var(--ty-periwinkle);border-radius:var(--ty-radius-pill);font-size:12px;text-align:center}body[data-skin=l1] .ty-empty{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:18px 16px;text-align:center;background:var(--ty-surface);border:var(--ty-border) dashed var(--ty-ink);border-radius:var(--ty-radius)}body[data-skin=l1] .ty-empty[hidden]{display:none}body[data-skin=l1] .ty-empty p{margin:0;font-size:15px;line-height:1.45}body[data-skin=l1] .ty-empty-face{font-size:22px}body[data-skin=l1] .ty-card{display:flex;flex-direction:column;gap:4px;padding:8px 8px 8px 12px;background:var(--ty-surface);border:var(--ty-border) solid var(--ty-ink);border-radius:var(--ty-radius);box-shadow:var(--ty-shadow);margin:0 4px 4px 0}body[data-skin=l1] .ty-card.hidden{display:none}body[data-skin=l1] .ty-card-head{display:flex;flex-wrap:wrap;gap:6px}body[data-skin=l1] .ty-chip{padding:1px 8px;color:var(--ty-ink);background:var(--ty-yellow);border:var(--ty-border-thin) solid var(--ty-ink);border-radius:var(--ty-radius-pill);font:800 12px/1.5 var(--ty-font-body)}body[data-skin=l1] #fontsContainer>:nth-child(4n+2) .ty-chip:first-child{background:var(--ty-pink-soft)}body[data-skin=l1] #fontsContainer>:nth-child(4n+3) .ty-chip:first-child{background:var(--ty-mint-soft)}body[data-skin=l1] #fontsContainer>:nth-child(4n+4) .ty-chip:first-child{background:var(--ty-periwinkle)}body[data-skin=l1] .ty-chip-ink{color:var(--ty-surface);background:var(--ty-ink)}body[data-skin=l1] .ty-card-row{display:flex;align-items:center;gap:6px}body[data-skin=l1] .ty-preview{flex:1;min-width:0;margin:0;color:var(--ty-ink);font:400 23px/1.25 var(--ty-font-body);overflow-wrap:anywhere}body[data-skin=l1] .ty-card .favorite-button{flex:none;width:44px;height:44px;padding:0;color:var(--ty-ink);background:transparent}body[data-skin=l1] .ty-card .favorite-button svg{width:22px;height:22px}body[data-skin=l1] .ty-card .favorite-button .heart-filled{color:var(--ty-pink);stroke:var(--ty-ink);stroke-width:1.5px}body[data-skin=l1] .ty-btn-copy{flex:none;height:44px;padding:0 14px;color:var(--ty-ink);background:var(--ty-yellow);border:var(--ty-border) solid var(--ty-ink);border-radius:12px;box-shadow:var(--ty-shadow-sm);font:800 15px/1 var(--ty-font-body);cursor:pointer}body[data-skin=l1] :is(.ty-btn-copy,.ty-toggle):active{box-shadow:none}@media (prefers-reduced-motion: no-preference){body[data-skin=l1] :is(.ty-btn-copy,.ty-toggle):active{transform:translate(2px,2px)}}@media (min-width: 768px){body[data-skin=l1] .ty-preview{font-size:24px}}body[data-skin=l1] .ty-hint{margin:16px 0 0;padding:12px 14px;color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border) dashed var(--ty-ink);border-radius:var(--ty-radius);font-size:14px;line-height:1.45}body[data-skin=l1] .ad-slot>:first-child{color:var(--ty-ink-soft);font:700 11px/1.45 var(--ty-font-body);letter-spacing:.06em}body[data-skin=l1] :is(.grid-leaderboard-wrapper,.ad-slot .ad-wrapper){background:var(--ty-ad-bg);border-radius:var(--ty-radius-sm)}body[data-skin=l1] #toast-container>div{display:flex;align-items:center;gap:10px;padding:12px 18px;color:var(--ty-ink);background:var(--ty-mint);border:var(--ty-border) solid var(--ty-ink);border-radius:var(--ty-radius-pill);box-shadow:var(--ty-shadow);font:800 16px/1.3 var(--ty-font-body)}body[data-skin=l1] #toast-container>div:before{content:"";flex:none;width:6px;height:12px;margin:0 3px 4px;border:solid var(--ty-ink);border-width:0 3px 3px 0;transform:rotate(45deg)}@media (prefers-reduced-motion: reduce){body[data-skin=l1] #toast-container{transition:none}}body[data-skin=l1] .ty-copy-fallback{color:var(--ty-ink);background:var(--ty-surface);border:var(--ty-border) solid var(--ty-ink);border-radius:var(--ty-radius);box-shadow:var(--ty-shadow)}body[data-skin=l1] .ty-copy-fallback::-moz-selection{color:var(--ty-ink);background:var(--ty-periwinkle)}body[data-skin=l1] .ty-copy-fallback::selection{color:var(--ty-ink);background:var(--ty-periwinkle)}body[data-skin=l1] footer[role=contentinfo] .prefooter{border-top:var(--ty-border) solid var(--ty-ink);background:var(--ty-surface);background-image:none}body[data-skin=l1] footer[role=contentinfo] .prefooter :is(p,a){color:var(--ty-ink-muted)}body[data-skin=l1] footer[role=contentinfo] .prefooter p.text-2xl{color:var(--ty-ink);font-family:var(--ty-font-display);font-weight:400}body[data-skin=l1] footer[role=contentinfo] .prefooter p.uppercase{color:var(--ty-ink);font-weight:800;letter-spacing:.04em}body[data-skin=l1] footer[role=contentinfo] .prefooter a:hover{color:var(--ty-link);text-decoration:underline}body[data-skin=l1] footer[role=contentinfo] .postfooter{background:var(--ty-ink)}
