:root{color-scheme:light dark;--paper:#FCFAF6;--card:#FFFFFF;--ink:#22152E;--ink-soft:#6B6180;--body:#3A2D47;--rule:#ECE6F1;--field:#DCD3E6;--violet:#5B3DF5;--violet-hover:#4527D6;--on-violet:#FFFFFF;--highlighter:#FFE45C;--on-highlighter:#22152E;--mark:#FFE45C;--picked:#0B6B4F;--on-picked:#FFFFFF;--toast:#22152E;--on-toast:#FFFFFF;--chip-on:#22152E;--on-chip-on:#FFFFFF;--yellow-tint:#FFF1A8;--yellow-ink:#6B5300;--pink-tint:#FFD6E5;--pink-ink:#A1124F;--mint-tint:#C6F2E2;--mint-ink:#0B6B4F;--sky-tint:#D2EAFF;--sky-ink:#145C96;--lilac-tint:#E5DCFF;--lilac-ink:#4A2FC7;--peach-tint:#FFDCC7;--peach-ink:#9E3A08;--slate-tint:#DDE3EE;--slate-ink:#3A4A66;--font-heading:Fraunces, Georgia, serif;--font-body:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--fs-display:56px;--fw-display:800;--lh-display:1.05;--ls-display:-0.02em;--fs-h1:42px;--fw-h1:800;--lh-h1:1.1;--fs-h2:30px;--fw-h2:700;--lh-h2:1.2;--fs-h3:20px;--fw-h3:700;--lh-h3:1.3;--fs-caption:20px;--fw-caption:600;--lh-caption:1.5;--fs-body:17px;--fw-body:400;--lh-body:1.7;--fs-meta:13px;--fw-meta:400;--lh-meta:1.4;--fs-label:13px;--fw-label:800;--lh-label:1.2;--ls-label:0.08em;--fs-chip:12px;--fw-chip:700;--lh-chip:1.2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-14:56px;--space-20:80px;--space-gutter:16px;--space-content:1200px;--radius-card:20px;--radius-card-sm:18px;--radius-image:12px;--radius-sheet:28px;--radius-pill:999px;--shadow-card:0 14px 30px -22px rgba(34, 21, 46, 0.5);--shadow-raised:0 24px 50px -24px rgba(34, 21, 46, 0.35);--shadow-toast:0 12px 28px -10px rgba(34, 21, 46, 0.6);--shadow-button:0 10px 22px -10px rgba(91, 61, 245, 0.8);--size-touch:44px;--size-button:50px;--size-chip:40px;--size-search:48px;--size-tab-bar:64px;--mark-heading:linear-gradient(transparent 55%, var(--mark) 55%, var(--mark) 92%, transparent 92%);--mark-picked:linear-gradient(transparent 46%, var(--highlighter) 46%, var(--highlighter) 94%, transparent 94%);--motion-pick:300ms cubic-bezier(0.2, 0.8, 0.2, 1);--motion-toast:1800ms}@media (prefers-color-scheme: dark){:root{--paper:#120D1A;--card:#1C1527;--ink:#F4EEFF;--ink-soft:#B3A8C9;--body:#DDD4EC;--rule:#2E2440;--field:#3A2D4F;--violet:#A693FF;--violet-hover:#BCADFF;--on-violet:#120D1A;--highlighter:#FFE45C;--on-highlighter:#120D1A;--mark:#6B5A12;--picked:#7FE3BE;--on-picked:#0B2A20;--toast:#F4EEFF;--on-toast:#120D1A;--chip-on:#F4EEFF;--on-chip-on:#120D1A;--yellow-tint:#3B330F;--yellow-ink:#FFE68A;--pink-tint:#3F1828;--pink-ink:#FF9EC2;--mint-tint:#0F3329;--mint-ink:#7FE3BE;--sky-tint:#12304A;--sky-ink:#9CCBFF;--lilac-tint:#2A2152;--lilac-ink:#C9B9FF;--peach-tint:#3E2112;--peach-ink:#FFB58C;--slate-tint:#232A38;--slate-ink:#B8C4DA}}@media (max-width: 760px){:root{--fs-h1:32px;--fs-h2:24px;--fs-caption:18px}}.pen-yellow{background:var(--yellow-tint);color:var(--yellow-ink)}.pen-pink{background:var(--pink-tint);color:var(--pink-ink)}.pen-mint{background:var(--mint-tint);color:var(--mint-ink)}.pen-sky{background:var(--sky-tint);color:var(--sky-ink)}.pen-lilac{background:var(--lilac-tint);color:var(--lilac-ink)}.pen-peach{background:var(--peach-tint);color:var(--peach-ink)}.pen-slate{background:var(--slate-tint);color:var(--slate-ink)}@font-face{font-family:Fraunces;font-style:normal;font-weight:700 800;font-display:swap;src:url(/assets/fraunces-latin.23e8f632ab.woff2) format("woff2")}:root{--fg: var(--ink);--muted: var(--ink-soft);--line: var(--rule);--bg: var(--paper);--accent: var(--violet);--accent-ink: var(--violet);--radius: var(--radius-card);--font: var(--font-body)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;font: var(--fw-body) var(--fs-body)/var(--lh-body) var(--font-body);color: var(--ink);background: var(--paper)}img{max-width: 100%;height: auto}a{color: var(--violet)}a:hover{color: var(--violet-hover)}h1,h2{font-family: var(--font-heading);color: var(--ink)}:focus-visible{outline: 3px solid var(--violet);outline-offset: 2px}.wrap{max-width: calc(var(--space-content) + 48px);margin: 0 auto;padding: 0 24px}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: -9999px}.skip:focus{left: 16px;top: 8px;z-index: 30;background: var(--card);padding: 8px 12px}.mark{background: var(--mark-heading)}.label{margin: 0;font: var(--fw-label) var(--fs-label)/var(--lh-label) var(--font-body);letter-spacing: var(--ls-label);text-transform: uppercase;color: var(--violet)}.pill-sm,.caps > li > i{display: inline-block;font-style: normal;padding: 5px 11px;border-radius: var(--radius-pill);font: var(--fw-chip) var(--fs-chip)/var(--lh-chip) var(--font-body)}.hdr{background: var(--paper);border-bottom: 1px solid var(--rule)}.hdr-in{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 28px;padding-top: 14px;padding-bottom: 14px}.brand{display: flex;align-items: center;gap: 10px;color: var(--ink);text-decoration: none}.brand:hover{color: var(--ink)}.brand-mark{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 12px;background: #5B3DF5;overflow: hidden}.brand-mark span{font: 800 46px/1 var(--font-heading);color: #fff;transform: translateY(10px)}.brand-mark::after{content: "";position: absolute;left: 7px;right: 7px;bottom: 8px;height: 5px;border-radius: 3px;background: var(--highlighter)}.brand-name{font: 800 25px/1.1 var(--font-heading);letter-spacing: -.01em}.search-pill{display: flex;align-items: center;gap: 10px;height: var(--size-search);padding: 0 6px 0 18px;background: var(--card);border: 1px solid var(--field);border-radius: var(--radius-pill);color: var(--ink-soft)}.search-pill input{flex: 1;min-width: 0;border: 0;background: transparent;font: inherit;font-size: 16px;color: var(--ink);outline: none}.search-pill input::-webkit-search-cancel-button{display: none}.search-pill button{display: inline-flex;align-items: center;height: 38px;padding: 0 18px;border: 0;border-radius: var(--radius-pill);background: var(--violet);color: var(--on-violet);font: inherit;font-size: 14px;font-weight: 700;cursor: pointer}.search-pill button:hover{background: var(--violet-hover)}.search-pill:focus-within{border-color: var(--violet)}.hdr .search-pill{flex: 1 1 300px;max-width: 480px;box-shadow: 0 6px 20px -12px rgba(34,21,46,.35)}.nav{margin-left: auto}.menu{display: flex;flex-wrap: wrap;align-items: center;gap: 4px;margin: 0;padding: 0;list-style: none}.menu > li{position: relative}.menu > li > a{display: flex;align-items: center;gap: 4px;padding: 10px;border-radius: var(--radius-pill);color: var(--ink);font-weight: 600;font-size: 15px;text-decoration: none}.menu > li > a:hover{background: var(--card)}.menu .chev{color: var(--ink-soft)}.menu > li > a.pill{padding: 10px 16px;background: var(--highlighter);color: var(--on-highlighter);font-weight: 700}.menu ul{display: none;position: absolute;right: 0;top: 100%;z-index: 25;min-width: 240px;margin: 0;padding: 6px;list-style: none;background: var(--card);border: 1px solid var(--rule);border-radius: 14px;box-shadow: var(--shadow-raised)}.menu > li:first-child ul{left: 0;right: auto}.menu li:hover > ul,.menu li:focus-within > ul{display: block}.menu ul a{display: block;padding: 8px 12px;border-radius: 10px;color: var(--ink);font-size: 15px;text-decoration: none}.menu ul a:hover{background: var(--lilac-tint)}.icon-btn{display: flex;align-items: center;justify-content: center;width: var(--size-touch);height: var(--size-touch);border-radius: 12px;color: var(--ink);cursor: pointer;list-style: none}.icon-btn::-webkit-details-marker{display: none}.hdr-q,.drawer{display: none}.drawer .shut,.drawer[open] .open{display: none}.drawer[open] .shut{display: block}.drawer-panel{position: absolute;left: 0;right: 0;top: 100%;z-index: 25;max-height: calc(100vh - 60px);overflow: auto;padding: 16px 16px 24px;background: var(--paper);border-bottom: 1px solid var(--rule);box-shadow: var(--shadow-raised)}.drawer-panel ul{margin: 0;padding: 0;list-style: none}.drawer-panel nav > ul{margin-top: 12px}.drawer-panel a{display: block;padding: 10px 14px;border-radius: 12px;color: var(--ink);text-decoration: none}.drawer-panel a.top{font-weight: 800}.drawer-panel a:hover{background: var(--lilac-tint)}.drawer-panel a.pill{margin-top: 8px;background: var(--highlighter);color: var(--on-highlighter)}.drawer-panel li li a{padding: 8px 14px 8px 28px;font-size: 15px}.is-target{outline: 3px solid var(--violet);outline-offset: 3px}.cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 22px;margin: 20px 0 32px;padding: 0;list-style: none}.card > a{display: flex;flex-direction: column;height: 100%;background: var(--card);border: 1px solid var(--rule);border-radius: var(--radius-card);overflow: hidden;color: var(--ink);text-decoration: none;box-shadow: var(--shadow-card)}.card img{display: block;width: 100%;aspect-ratio: 16 / 9;object-fit: cover}.card .body{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;padding: 16px 18px 18px}.card .title{font: 700 21px/1.25 var(--font-heading)}.card > a:hover .title{text-decoration: underline;text-decoration-color: var(--highlighter);text-decoration-thickness: 3px}.card .meta{font-size: var(--fs-meta);color: var(--ink-soft);margin: 0}.crumbs{display: flex;flex-wrap: wrap;gap: 8px;font-size: 14px;color: var(--ink-soft);margin: 22px 0 8px}.crumbs a{color: var(--ink-soft)}.crumbs > :last-child{color: var(--ink);font-weight: 600}.page-head h1{font-size: var(--fs-h1);font-weight: var(--fw-h1);line-height: var(--lh-h1);margin: 6px 0 12px}.section-title{font-size: var(--fs-h2);font-weight: var(--fw-h2);margin: 40px 0 0}.prevnext{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin: 24px 0}.prevnext a{display: block;background: var(--card);border: 1px solid var(--rule);border-radius: 14px;padding: 12px 16px;text-decoration: none;color: var(--ink);font-size: 15px}.prevnext small{display: block;color: var(--ink-soft)}.prevnext .next{text-align: right;grid-column: 2}.ftr{margin-top: 56px;background: #22152E;color: #CBBFE0;font-size: 15px}.ftr a{color: #F4EEFF;text-decoration: none}.ftr a:hover{color: var(--highlighter)}.ftr-top{display: flex;flex-wrap: wrap;gap: 40px;padding-top: 56px;padding-bottom: 36px}.ftr-about{flex: 1 1 280px}.ftr-about p{margin: 14px 0 0;line-height: 1.6;max-width: 320px}.ftr-brand{font: 800 30px/1.1 var(--font-heading)}.ftr-brand span{margin-left: 2px;padding: 0 4px;border-radius: 4px;background: var(--highlighter);color: #22152E}.ftr-col{flex: 1 1 180px}.ftr .label{color: var(--highlighter)}.ftr ul{display: grid;gap: 10px;margin: 12px 0 0;padding: 0;list-style: none}.ftr-legal{display: flex;flex-wrap: wrap;gap: 8px 20px;padding-top: 18px;padding-bottom: 28px;border-top: 1px solid #3A2D47;font-size: 13px}.ftr-legal a{color: #CBBFE0;text-decoration: underline}.toast{position: fixed;right: 24px;bottom: 24px;z-index: 50;display: flex;align-items: center;gap: 10px;padding: 12px 20px 12px 14px;border-radius: var(--radius-pill);background: var(--toast);color: var(--on-toast);font-weight: 700;font-size: 15px;box-shadow: var(--shadow-toast);opacity: 0;transform: translateY(16px);pointer-events: none;transition: opacity .2s,transform .2s}.toast.on{opacity: 1;transform: none}.toast.ok::before{content: "";flex: none;width: 22px;height: 22px;border-radius: 50%;background: var(--highlighter) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322152E' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat}@media (max-width: 1240px){.hdr-in{position: relative;flex-wrap: nowrap}.nav{display: none}.drawer{display: block;margin-left: auto}.drawer-panel .search-pill{display: none}.drawer-panel nav > ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 12px 16px;margin-top: 0}}@media (max-width: 760px){.wrap{padding: 0 var(--space-gutter)}.hdr{position: sticky;top: 0;z-index: 20}.hdr-in{gap: 4px;height: 60px;padding: 0 8px 0 var(--space-gutter)}.brand{margin-right: auto;gap: 8px}.brand-mark{width: 34px;height: 34px;border-radius: 10px}.brand-mark span{font-size: 40px;transform: translateY(9px)}.brand-mark::after{left: 6px;right: 6px;bottom: 7px;height: 4px}.brand-name{font-size: 21px}.hdr .search-pill{display: none}.drawer{margin-left: 0}.drawer-panel .search-pill{display: flex}.drawer-panel nav > ul{display: block;margin-top: 12px}.hdr-q{display: flex}.cards{grid-template-columns: 1fr;gap: 16px}.prevnext{grid-template-columns: 1fr}.prevnext .next{grid-column: 1;text-align: left}.ftr{margin-top: 40px;font-size: 14px}.ftr-top{gap: 14px;padding-top: 28px;padding-bottom: 16px}.ftr-about,.ftr-col{flex-basis: 100%}.ftr-brand{font-size: 22px}.ftr-about p,.ftr-col:not(:last-of-type),.ftr-col .label{display: none}.ftr-col ul{display: flex;flex-wrap: wrap;gap: 8px 16px;margin: 0}.ftr-col a{color: #CBBFE0}.ftr-legal{font-size: 12px;padding-bottom: 24px}.toast{left: 50%;right: auto;transform: translate(-50%,16px);white-space: nowrap}.toast.on{transform: translate(-50%,0)}}@media (prefers-reduced-motion: reduce){*{transition: none !important}}.btn,.copy-btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;border: 0;border-radius: var(--radius-pill);background: var(--violet);color: var(--on-violet);font: inherit;font-weight: 800;text-decoration: none;cursor: pointer}.btn{height: var(--size-button);padding: 0 24px;font-size: 16px;box-shadow: var(--shadow-button)}.btn:hover,.copy-btn:hover{background: var(--violet-hover);color: var(--on-violet)}.btn-yellow,.btn-yellow:hover{background: var(--highlighter);color: var(--on-highlighter);box-shadow: none}.btn-ghost,.btn-ghost:hover{background: var(--card);color: var(--ink);border: 1px solid var(--field);box-shadow: none;font-weight: 700}.caps{display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: 20px;margin: 20px 0 32px;padding: 0;list-style: none}.caps > li{position: relative;padding: 20px 20px 78px;background: var(--card);border: 1px solid var(--rule);border-radius: var(--radius-card);box-shadow: var(--shadow-card);font: var(--fw-caption) var(--fs-caption)/var(--lh-caption) var(--font-body);white-space: pre-line;overflow-wrap: anywhere;cursor: copy}.caps .md-item-text{padding: 0 2px;background: var(--mark-picked) 0 0 / 0 100% no-repeat;-webkit-box-decoration-break: clone;box-decoration-break: clone;transition: background-size var(--motion-pick)}.caps > li::after{content: "Copy";position: absolute;right: 20px;bottom: 16px;display: flex;align-items: center;height: 42px;padding: 0 16px;border-radius: var(--radius-pill);background: var(--violet);color: var(--on-violet);font: 800 14px/1 var(--font-body);white-space: nowrap}.caps > li:not(.is-picked):hover::after{background: var(--violet-hover)}.md-copy-trigger{-webkit-tap-highlight-color: transparent}.cap-moods{position: absolute;left: 20px;bottom: 25px;display: flex;gap: 6px;white-space: nowrap}.caps > li > i{position: absolute;left: 20px;bottom: 25px;white-space: nowrap}.caps > .is-picked{border-color: var(--picked);box-shadow: 0 0 0 1px var(--picked),var(--shadow-card)}.caps > .is-picked::after{content: "\2713\00a0Picked";background: var(--picked);color: var(--on-picked)}.caps > .is-picked .md-item-text{background-size: 100% 100%;color: var(--on-highlighter)}.cap-src,.caps .from{display: block;margin-top: 10px;font: var(--fw-meta) var(--fs-meta)/var(--lh-meta) var(--font-body);color: var(--ink-soft);text-decoration: none;white-space: normal}.cap-src span{text-decoration: underline}.cap-src:hover{color: var(--violet)}@media (max-width: 760px){.caps{grid-template-columns: 1fr;gap: 14px}.caps > li{border-radius: var(--radius-card-sm);padding: 18px 16px 72px}.caps > li::after{right: 16px;bottom: 14px}.cap-moods,.caps > li > i{left: 16px;bottom: 23px}}.tl-hero,.bio-hero{display: flex;flex-wrap: wrap;align-items: center;gap: 32px 48px;padding-top: 28px;padding-bottom: 12px}.tl-hero .crumbs,.bio-hero .crumbs{margin: 0 0 4px}.tl-hero-text{flex: 1 1 520px;display: flex;flex-direction: column;gap: 16px}.tl-hero h1{margin: 0;font: 800 58px/1.02 var(--font-heading);letter-spacing: -.02em}.tl-hero p{margin: 0;max-width: 560px;font-size: 19px;line-height: 1.6;color: var(--body)}.tl-hero-btns{display: flex;flex-wrap: wrap;gap: 8px}.tl-btn{display: inline-flex;align-items: center;gap: 8px;height: 52px;padding: 0 22px;border-radius: var(--radius-pill);text-decoration: none;font-weight: 800;font-size: 16px}.tl-btn-main{background: var(--violet);color: var(--on-violet)}.tl-btn-main:hover{background: var(--violet-hover);color: var(--on-violet)}.tl-btn-ghost{background: var(--card);border: 2px solid var(--ink);color: var(--ink)}.tl-btn-ghost:hover{color: var(--ink)}.tl-collage{flex: 1 1 420px;position: relative;height: 360px}.tl-sticker{position: absolute;padding: 16px;border-radius: 22px;box-shadow: 0 24px 40px -26px rgba(34,21,46,.7)}.tl-s1{left: 10px;top: 20px;width: 270px;background: #FFE45C;color: #22152E;transform: rotate(-5deg)}.tl-s1 p{margin: 12px 0 0;font-size: 30px;line-height: 1.25}.tl-tag{display: inline-block;padding: 3px 9px;border-radius: var(--radius-pill);background: #22152E;color: #FFE45C;font: 800 11px/1.5 var(--font-body)}.tl-s2{right: 0;top: 0;width: 250px;display: flex;flex-direction: column;gap: 8px;background: var(--card);border: 1px solid var(--rule);transform: rotate(4deg)}.tl-who{display: flex;align-items: center;gap: 8px}.tl-dot{width: 36px;height: 36px;border-radius: 50%;background: #5B3DF5;border: 2px solid #FFE45C}.tl-who strong{font-size: 13px}.tl-bio{font-size: 13px;line-height: 1.45;white-space: pre-line}.tl-fit{align-self: flex-start;padding: 3px 9px;border-radius: var(--radius-pill);background: var(--mint-tint);color: var(--mint-ink);font: 800 11px/1.5 var(--font-body)}.tl-s3{left: 90px;bottom: 6px;width: 290px;padding: 14px 16px;display: flex;flex-direction: column;gap: 8px;background: #5B3DF5;color: #FFFFFF;transform: rotate(-1.5deg)}.tl-names-label{font: 800 11px/1.4 var(--font-body);letter-spacing: .06em;text-transform: uppercase;color: #FFE45C}.tl-handles{display: flex;flex-wrap: wrap;gap: 6px}.tl-handles span{padding: 6px 10px;border-radius: var(--radius-pill);background: #FFFFFF;color: #22152E;font-weight: 700;font-size: 13px}.tl-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(440px,1fr));gap: 22px;padding-top: 24px}.tl-card{display: flex;flex-direction: column;border-radius: 28px;overflow: hidden;color: #FFFFFF}.tl-card-bio{background: #5B3DF5;box-shadow: 0 26px 50px -32px rgba(91,61,245,.9)}.tl-card-fonts{background: #22152E;box-shadow: 0 26px 50px -32px rgba(34,21,46,.9);border: 1px solid #3A2D47}.tl-card-top{display: flex;flex-direction: column;gap: 12px;padding: 24px 24px 18px}.tl-card-head{display: flex;align-items: center;gap: 10px}.tl-card h2{margin: 0;font: 800 30px/1.2 var(--font-heading);color: #FFFFFF}.tl-pill{padding: 4px 10px;border-radius: var(--radius-pill);background: #FFE45C;color: #22152E;font: 800 12px/1.4 var(--font-body)}.tl-card p{margin: 0;font-size: 16px;line-height: 1.6;color: #E5DCFF}.tl-card-fonts p{color: #CBBFE0}.tl-vibes{display: flex;flex-wrap: wrap;gap: 6px}.tl-vibes button{height: 36px;padding: 0 12px;border-radius: var(--radius-pill);border: 1px solid #8B76FA;background: transparent;color: #FFFFFF;font: inherit;font-weight: 700;font-size: 13px;cursor: pointer}.tl-vibes button[aria-pressed="true"]{background: #FFE45C;border-color: #FFE45C;color: #22152E}.tl-draft{display: flex;flex-direction: column;gap: 10px;padding: 16px;border-radius: 18px;background: #FFFFFF;color: #22152E}.tl-draft-text{font-size: 15px;line-height: 1.5;white-space: pre-line}.tl-fits{display: flex;flex-wrap: wrap;gap: 6px}.tl-fit-chip{padding: 3px 9px;border-radius: var(--radius-pill);font: 800 12px/1.5 var(--font-body)}.tl-fit-chip.is-ok{background: #C6F2E2;color: #0B6B4F}.tl-fit-chip.is-over{background: #FFDCC7;color: #9E3A08}.tl-try{height: 50px;padding: 0 16px;border-radius: 14px;border: 2px solid #FFE45C;background: #2E2440;color: #FFFFFF;font: inherit;font-size: 18px;font-weight: 600;outline: none}.tl-samples{display: flex;flex-direction: column;gap: 6px}.tl-sample{display: flex;align-items: center;gap: 12px;padding: 10px 14px;border-radius: 14px;background: #2E2440;color: #FFFFFF}.tl-sample-hot{background: #FFE45C;color: #22152E}.tl-sample-name{flex: none;width: 74px;font: 800 11px/1.4 var(--font-body);letter-spacing: .06em;text-transform: uppercase;opacity: .8}.tl-sample-out{min-width: 0;font-size: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tl-points{margin-top: auto !important;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px;margin: 0;padding: 0 24px;list-style: none;font-size: 14px;font-weight: 700}.tl-points li{display: flex;align-items: center;gap: 8px}.tl-points svg{flex: none;color: #FFE45C}.tl-open{align-self: flex-start;display: inline-flex;align-items: center;gap: 8px;height: 50px;margin: 20px 24px 24px;padding: 0 22px;border-radius: var(--radius-pill);background: #FFE45C;color: #22152E;text-decoration: none;font-weight: 800;font-size: 15px}.tl-open:hover{color: #22152E}.tl-how,.tl-soon{display: flex;flex-direction: column;gap: 16px;padding-top: 48px}.tl-how h2,.tl-soon h2{margin: 0;font: 800 30px/1.2 var(--font-heading)}.tl-how ol{display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: 14px;margin: 0;padding: 0;list-style: none}.tl-how li{display: flex;flex-direction: column;gap: 8px;padding: 20px;border-radius: 22px;background: var(--card);border: 1px solid var(--rule)}.tl-n{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;background: var(--highlighter);color: var(--on-highlighter);font: 800 16px/1 var(--font-heading)}.tl-how strong{font-size: 18px}.tl-how li > span:last-child{font-size: 15px;line-height: 1.55;color: var(--ink-soft)}.tl-soon{padding-bottom: 72px}.tl-soon-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 12px}.tl-soon-grid div{display: flex;flex-direction: column;gap: 4px;padding: 16px 18px;border-radius: 18px;border: 1px dashed var(--field)}.tl-soon-grid span{font-size: 14px;line-height: 1.5;color: var(--ink-soft)}@media (max-width: 1100px){.tl-hero h1{font-size: 46px}}@media (max-width: 760px){.tl-hero,.bio-hero{gap: 20px;padding-top: 14px}.tl-hero h1{font-size: 38px}.tl-hero p{font-size: 16px}.tl-btn{height: 48px;padding: 0 18px;font-size: 15px}.tl-collage{flex-basis: 100%;height: 300px}.tl-s1{left: 0;width: 220px}.tl-s1 p{font-size: 24px}.tl-s2{width: 200px}.tl-s3{left: 30px;width: 250px}.tl-cards{grid-template-columns: minmax(0,1fr);gap: 16px}.tl-card-top{padding: 20px 18px 14px}.tl-card h2{font-size: 26px}.tl-points{padding: 0 18px}.tl-open{margin: 16px 18px 20px}.tl-how,.tl-soon{padding-top: 36px}.tl-how h2,.tl-soon h2{font-size: 24px}}