: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}}.link-more{font-weight: 800;text-decoration: none}.link-more::after{content: " \2192"}.chips{display: flex;flex-wrap: wrap;gap: 10px;margin: 14px 0 0;padding: 0;list-style: none}.chips a,.chip{display: inline-flex;align-items: center;gap: 6px;min-height: 42px;padding: 0 16px;border: 1px solid var(--field);border-radius: var(--radius-pill);background: var(--card);color: var(--ink);font: inherit;font-weight: 700;font-size: 15px;text-decoration: none;cursor: pointer}.chip[aria-pressed="true"],.chip.on{background: var(--chip-on);border-color: var(--chip-on);color: var(--on-chip-on)}.page-head{margin: 32px 0 12px}.page-head p{color: var(--ink-soft);margin: 0}.pager{display: flex;justify-content: space-between;margin: 0 0 32px;font-weight: 700}.empty{background: var(--card);border: 1px dashed var(--rule);border-radius: var(--radius-card);padding: 20px 24px;margin: 32px 0;color: var(--ink-soft)}.caps.ranked{counter-reset: rank;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));gap: 14px;margin: 0}.caps.compact{grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 12px;margin: 0}.caps.ranked > li,.caps.compact > li{padding: 18px 18px 58px;border-radius: 20px;font-size: 17px;line-height: 1.5}.caps.ranked > li{counter-increment: rank;padding-left: 62px}.caps.ranked > li::before{content: counter(rank,decimal-leading-zero);position: absolute;left: 18px;top: 18px;font: 800 30px/1 var(--font-heading);color: var(--field)}.caps.ranked > li::after,.caps.compact > li::after{right: 18px;bottom: 14px;height: 34px;padding: 0 14px;font-size: 13px}.caps.ranked .cap-moods{left: 62px;bottom: 20px}.caps.compact .cap-moods{left: 18px;bottom: 20px}.cat-row,.also-card{display: flex;flex-direction: column;gap: 10px;padding: 20px;border-radius: 20px;background: var(--card);border: 1px solid var(--rule);color: var(--ink);text-decoration: none}.cat-row:hover,.also-card:hover{color: var(--ink);border-color: var(--field)}.cr-head{display: flex;align-items: baseline;gap: 12px}.cr-head strong{font: 700 22px/1.25 var(--font-heading)}.cr-head > span{font-size: 14px;color: var(--ink-soft)}.cr-head .cr-go{margin-left: auto;font-weight: 800;color: var(--violet)}.cr-line{font-size: 15px;line-height: 1.5;color: var(--body);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.tool-tile{display: flex;flex-direction: column;gap: 10px;padding: 20px;border-radius: 20px;color: var(--ink);text-decoration: none}.tool-tile:hover{color: var(--ink)}.tt-head{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.tt-head strong{font: 700 22px/1.25 var(--font-heading)}.tt-head span{font-size: 13px;font-weight: 700;color: var(--violet)}.tool-card{list-style: none}.tool-card .tool-tile{height: 100%}.tt-blurb{font-size: 15px;line-height: 1.55;color: var(--body)}.tt-sample{padding: 10px 14px;border-radius: 12px;background: var(--card);font-size: 17px;line-height: 1.5;overflow-wrap: anywhere}@media (max-width: 760px){.cr-head strong{font: 700 16px/1.25 var(--font-body)}.caps.ranked > li,.caps.compact > li{padding: 14px 14px 54px;border-radius: 18px;font-size: 16px}.caps.ranked > li{padding-left: 50px}.caps.ranked > li::before{left: 14px;top: 14px;font-size: 24px}.caps.ranked > li::after,.caps.compact > li::after{right: 14px;bottom: 10px}.caps.ranked .cap-moods{left: 50px;bottom: 16px}.caps.compact .cap-moods{left: 14px;bottom: 16px}.tool-tile{gap: 8px;padding: 16px;border-radius: 18px}.tt-head{flex-direction: column;gap: 4px}.tt-head strong{font-size: 18px}.tt-sample{padding: 0;background: none;font-size: 14px}.tt-sample + .tt-sample{display: none}.tt-sample{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}}.home-hero{display: flex;flex-wrap: wrap;align-items: center;gap: 48px;padding-top: 56px;padding-bottom: 40px}.hh-text{flex: 1 1 560px;display: flex;flex-direction: column;align-items: flex-start;gap: 20px;min-width: 0}.hh-pill{padding: 6px 12px;font-weight: 800;font-size: 13px}.hh-h1{margin: 0;font: 800 64px/1.02 var(--font-heading);letter-spacing: -.025em}.hh-lede{margin: 0;max-width: 520px;font-size: 19px;line-height: 1.6;color: var(--body)}.big-search{align-self: stretch;display: flex;align-items: center;gap: 12px;max-width: 560px;height: 62px;padding: 0 8px 0 22px;border-radius: var(--radius-pill);background: var(--card);border: 2px solid var(--ink);box-shadow: 0 6px 0 var(--ink);color: var(--ink)}.big-search input{flex: 1;min-width: 0;border: 0;background: transparent;font: inherit;font-size: 18px;color: var(--ink);outline: none}.big-search input::-webkit-search-cancel-button{display: none}.big-search button{height: 46px;padding: 0 22px;border: 0;border-radius: var(--radius-pill);background: var(--violet);color: var(--on-violet);font: inherit;font-weight: 800;font-size: 16px;cursor: pointer}.big-search button:hover{background: var(--violet-hover)}.popular{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.popular > span{margin-right: 4px;font-size: 14px;font-weight: 700;color: var(--ink-soft)}.popular a{display: flex;align-items: center;height: 36px;padding: 0 14px;border-radius: var(--radius-pill);border: 1px solid var(--field);background: var(--card);color: var(--ink);font-weight: 700;font-size: 14px;text-decoration: none}.notes{display: none}.sticky{position: absolute;width: 300px;padding: 20px 20px 60px;border-radius: 20px;background: var(--t);color: #22152E;box-shadow: 0 22px 40px -22px rgba(34,21,46,.55);cursor: copy;-webkit-tap-highlight-color: transparent}.sticky:nth-child(1){left: 8px;top: 0;transform: rotate(-4deg)}.sticky:nth-child(2){left: 150px;top: 120px;transform: rotate(3deg)}.sticky:nth-child(3){left: 30px;top: 262px;transform: rotate(-2deg)}.st-line{margin: 0;font: 700 21px/1.35 var(--font-heading)}.sticky .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)}.sticky.is-picked .md-item-text{background-size: 100% 100%}.st-mood{position: absolute;left: 20px;bottom: 26px;font-size: 12px;font-weight: 700;color: var(--i)}.sticky::after{content: "Copy";position: absolute;right: 20px;bottom: 18px;display: flex;align-items: center;height: 32px;padding: 0 12px;border-radius: var(--radius-pill);background: #5B3DF5;color: #FFFFFF;font: 800 13px/1 var(--font-body)}.sticky.is-picked::after{content: "\2713\00a0Picked";background: #0B6B4F}.home-sec{margin-bottom: 64px}.sec-row{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 20px}.sec-row h2,.moods-band h2{margin: 0;font-size: 36px;font-weight: 800}.coming{position: relative;display: flex;flex-wrap: wrap;overflow: hidden;border-radius: 28px;background: #22152E;color: #F4EEFF}.coming img{flex: 1 1 420px;align-self: center;min-width: 0;max-width: 520px;height: auto;margin: 24px 0 24px 24px;border-radius: 18px;aspect-ratio: 16 / 9;object-fit: cover}.cu-body{flex: 1 1 420px;display: flex;flex-direction: column;justify-content: center;gap: 14px;padding: 36px 40px}.cu-tag{align-self: flex-start;display: flex;align-items: center;gap: 8px;padding: 6px 12px;background: var(--highlighter);color: #22152E;font-weight: 800;font-size: 13px}.coming h2{margin: 0;font-size: 36px;font-weight: 800;line-height: 1.12;color: #FFFFFF}.coming h2 a{color: inherit;text-decoration: none}.coming p{margin: 0;font-size: 17px;line-height: 1.6;color: #CBBFE0}.cu-links{display: flex;flex-wrap: wrap;gap: 8px}.cu-links a{display: flex;align-items: center;height: 48px;padding: 0 18px;border-radius: var(--radius-pill);border: 1px solid #3A2D47;color: #F4EEFF;font-weight: 700;font-size: 14px;text-decoration: none}.cu-links .cu-open{padding: 0 22px;border-color: #FFFFFF;background: #FFFFFF;color: #22152E;font-weight: 800;font-size: 15px}.moods-band{margin-bottom: 64px;padding: 56px 0;background: var(--card);border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule)}.moods-band p{margin: 6px 0 20px;font-size: 16px;color: var(--ink-soft)}.mood-tiles{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 14px}.mood-tile{display: flex;flex-direction: column;gap: 14px;min-height: 150px;padding: 18px;border-radius: 20px;text-decoration: none}.mt-head{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.mt-head strong{font: 700 24px/1.2 var(--font-heading)}.mt-head span{font-weight: 800;font-size: 14px}.mt-sample{margin-top: auto;font-size: 15px;line-height: 1.45;color: var(--ink)}.show-more{display: none;padding: 0;border: 0;background: none;color: var(--violet);font: inherit;font-size: 15px;cursor: pointer}.js .show-more{display: inline}.js .newest:not(.open) .cards > li:nth-child(n+7){display: none}.newest.open .show-more{display: none}.newest .cards{margin: 0}.browse{display: flex;flex-wrap: wrap;align-items: flex-start;gap: 24px}.browse h2{margin: 0;font-size: 32px;font-weight: 800}.browse-cats{flex: 999 1 560px;display: flex;flex-direction: column;gap: 16px;min-width: 0}.cr-subs{display: flex;flex-wrap: wrap;gap: 6px}.cr-subs span{padding: 5px 11px;border-radius: var(--radius-pill);background: var(--rule);font-weight: 700;font-size: 13px}.soon{margin: 0;padding: 14px 18px;border-radius: 18px;border: 1px dashed var(--field);font-size: 14px;color: var(--ink-soft)}.soon strong{color: var(--ink)}.browse-tools{flex: 1 1 340px;display: flex;flex-direction: column;gap: 16px}@media (min-width: 1024px){.notes{display: block;flex: 1 1 400px;position: relative;height: 420px;min-width: 0;margin: 0;padding: 0;list-style: none}}@media (max-width: 760px){.home-hero{gap: 14px;padding-top: 28px;padding-bottom: 20px}.hh-text{gap: 14px}.hh-pill{padding: 5px 10px;font-size: 12px}.hh-h1{font-size: 40px;line-height: 1.04;letter-spacing: -.02em}.hh-lede{font-size: 16px;line-height: 1.55}.big-search{height: 54px;padding: 0 6px 0 16px;box-shadow: 0 5px 0 var(--ink)}.big-search input{font-size: 16px}.big-search button{height: 40px;padding: 0 16px;font-size: 14px}.popular{flex-wrap: nowrap;gap: 6px;max-width: 100%;margin-top: 4px;overflow-x: auto;scrollbar-width: none}.popular > span{display: none}.popular a{flex: none;padding: 0 13px;font-size: 13px}.home-sec{margin-bottom: 36px}.sec-row{flex-wrap: nowrap;margin-bottom: 12px}.sec-row .link-more{flex: none;font-size: 14px}.sec-row h2,.moods-band h2{font-size: 26px}.coming{flex-direction: column;border-radius: 22px}.coming img{flex: none;max-width: none;width: 100%;margin: 0;border-radius: 0}.cu-body{flex: none;gap: 10px;padding: 16px 18px 20px}.cu-tag{padding: 4px 10px;font-size: 12px}.coming h2{font-size: 23px;line-height: 1.18}.coming h2 a::after{content: "";position: absolute;inset: 0}.coming p,.cu-links{display: none}.moods-band{margin-bottom: 36px;padding: 28px 0 32px}.moods-band p{display: none}.moods-band h2{margin-bottom: 12px}.mood-tiles{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.mood-tile{gap: 4px;min-height: 0;padding: 14px;border-radius: 18px}.mt-head{flex-direction: column;gap: 4px}.mt-head strong{font-size: 19px}.mt-head span{font-size: 12px;font-weight: 700}.mt-sample{display: none}.js .newest:not(.open) .cards > li:nth-child(n+6){display: none}.newest .card + .card > a{flex-direction: row;align-items: center;gap: 12px;padding: 8px;border-radius: 18px}.newest .card + .card img{flex: none;width: 112px;height: 63px;border-radius: 12px}.newest .card + .card .body{padding: 0;gap: 4px}.newest .card + .card .pill-sm{display: none}.newest .card + .card .title{font-size: 15px;line-height: 1.28}.browse{gap: 32px}.browse h2{font-size: 26px}.browse-cats{gap: 10px}.cr-subs{display: none}.browse-tools{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.browse-tools h2{grid-column: 1 / -1}}.home-colls{display: flex;flex-direction: column;gap: 12px;margin-bottom: 64px}.home-colls h2{margin: 0;font-size: 36px;font-weight: 800}.home-colls p{margin: 0;color: var(--ink-soft)}.home-colls > div{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}@media (max-width: 760px){.home-colls{margin-bottom: 36px}.home-colls h2{font-size: 26px}.home-colls > div{grid-template-columns: 1fr}}