: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}}.tool-empty{margin: 0;padding: 18px;border-radius: 18px;border: 1px dashed var(--field);font-size: 15px;color: var(--ink-soft)}.tool-progress{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;border-radius: 14px;background: #4A2FC7;color: #FFFFFF}.tool-progress[hidden]{display: none}.tool-progress > span:first-child{font-size: 14px;font-weight: 700}.tool-bar{height: 8px;border-radius: 999px;background: #6E55F7;overflow: hidden}.tool-bar > span{display: block;width: 0;height: 100%;border-radius: 999px;background: #FFE45C;transition: width .2s}@media (prefers-reduced-motion: reduce){.tool-bar > span{transition: none}}.ft-stage{background: #22152E;color: #FFFFFF;padding: 26px 0 40px}.ft-stage-in{display: flex;flex-wrap: wrap;gap: 32px;align-items: stretch}.ft-input-col{flex: 1 1 520px;min-width: 0;display: flex;flex-direction: column;gap: 14px}.ft-stage .crumbs,.ft-stage .crumbs a,.ft-stage .crumbs > :last-child{margin: 0;color: #CBBFE0}.ft-stage .crumbs > :last-child{color: #FFFFFF;font-weight: 600}.ft-stage h1{margin: 0;font: 800 50px/1.04 var(--font-heading);letter-spacing: -.02em;color: #FFFFFF}.ft-mark{padding: 0 8px;border-radius: 8px;background: #FFE45C;color: #22152E}.ft-lead{margin: 0;max-width: 560px;font-size: 17px;line-height: 1.6;color: #CBBFE0}.ft-big{height: 64px;padding: 0 20px;border-radius: 18px;border: 2px solid #FFE45C;background: #2E2440;color: #FFFFFF;font: inherit;font-size: 24px;font-weight: 600;outline: none}.ft-words{display: flex;flex-direction: column;gap: 8px}.ft-label{font: 800 13px/1.4 var(--font-body);letter-spacing: .06em;text-transform: uppercase;color: #FFE45C}#ft-words{display: flex;flex-wrap: wrap;gap: 6px}.ft-word{height: 38px;padding: 0 14px;border-radius: var(--radius-pill);border: 1px dashed #6B6180;background: transparent;color: #CBBFE0;font: inherit;font-weight: 700;font-size: 15px;text-decoration: line-through;cursor: pointer}.ft-word[aria-pressed="true"]{border: 0;background: #FFE45C;color: #22152E;text-decoration: none}.ft-tries{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;font-size: 13px;color: #CBBFE0}.ft-try{height: 34px;padding: 0 12px;border-radius: var(--radius-pill);border: 1px solid #3A2D47;background: transparent;color: #FFFFFF;font: inherit;font-weight: 600;font-size: 13px;cursor: pointer}.ft-spot{position: relative;flex: 1 1 420px;min-width: 0;display: flex;flex-direction: column;gap: 14px;padding: 26px;border-radius: 28px;background: #FFE45C;color: #22152E;box-shadow: 0 30px 60px -30px rgba(0,0,0,.8);overflow: hidden}.ft-spot-quote{position: absolute;right: 18px;top: -30px;font: 800 170px/1 var(--font-heading);color: #F5D93B;pointer-events: none}.ft-spot > :not(.ft-spot-quote){position: relative}.ft-spot-name{align-self: flex-start;padding: 5px 12px;border-radius: var(--radius-pill);background: #22152E;color: #FFE45C;font: 800 12px/1.4 var(--font-body);letter-spacing: .04em}.ft-spot-out{margin: auto 0;font-size: 40px;line-height: 1.25;overflow-wrap: anywhere}.ft-spot-btns{display: flex;flex-wrap: wrap;gap: 10px;align-items: center}.ft-spot-copy{height: 54px;padding: 0 26px;border-radius: var(--radius-pill);border: 0;background: #22152E;color: #FFFFFF;font: inherit;font-weight: 800;font-size: 16px;cursor: pointer}.ft-spot-copy.is-done{background: #0B6B4F}.ft-spot-fav{display: inline-flex;align-items: center;gap: 8px;height: 54px;padding: 0 18px;border-radius: var(--radius-pill);border: 2px solid #22152E;background: transparent;color: #22152E;font: inherit;font-weight: 800;font-size: 15px;cursor: pointer}.heart{flex: none}[aria-pressed="true"] > .heart{fill: #FF4F8B;stroke: #FF4F8B}.ft-spot-fav[aria-pressed="true"] .heart{fill: #22152E;stroke: #22152E}.ft-count{margin-left: auto;font-size: 13px;font-weight: 700;color: #6B5300}.ft-main{display: flex;flex-direction: column;gap: 16px;padding-top: 30px}.ft-head{display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.ft-head h2{margin: 0 12px 0 0;font: 800 28px/1.2 var(--font-heading)}#ft-tabs{display: flex;flex-wrap: wrap;gap: 6px}#ft-tabs button{height: 40px;padding: 0 14px;border-radius: var(--radius-pill);border: 1px solid var(--field);background: var(--card);color: var(--ink);font: inherit;font-weight: 700;font-size: 14px;cursor: pointer}#ft-tabs button[aria-selected="true"]{background: var(--ink);border-color: var(--ink);color: var(--paper)}#ft-tabs button span{opacity: .65}.ft-tiles{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 12px;margin: 0;padding: 0;list-style: none}.ft-tile{display: flex;flex-direction: column;gap: 10px;padding: 16px;border-radius: 20px;border: 1px solid var(--rule);background: var(--card);box-shadow: var(--shadow-card)}.ft-tile[hidden]{display: none}.ft-tile.is-spot{border: 2px solid var(--ink);background: var(--yellow-tint);color: var(--yellow-ink)}.ft-pick{display: flex;flex-direction: column;gap: 6px;padding: 0;border: 0;background: transparent;color: inherit;font: inherit;text-align: left;cursor: pointer}.ft-name{font: 800 11px/1.4 var(--font-body);letter-spacing: .06em;text-transform: uppercase;color: var(--ink-soft)}.ft-tile.is-spot .ft-name{color: inherit}.ft-out{font-size: 23px;line-height: 1.35;overflow-wrap: anywhere}.ft-tile-btns{display: flex;align-items: center;gap: 4px;margin-top: auto}.ft-fav{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 0;background: transparent;color: var(--ink-soft);cursor: pointer}.ft-copy{margin-left: auto;height: 38px;padding: 0 16px;border-radius: var(--radius-pill);border: 0;background: var(--violet);color: var(--on-violet);font: inherit;font-weight: 800;font-size: 13px;cursor: pointer}.ft-copy:hover{background: var(--violet-hover)}.ft-copy.is-done{background: var(--picked);color: var(--on-picked)}.ft-names{padding-top: 40px}.ft-names-in{position: relative;overflow: hidden;display: flex;flex-wrap: wrap;gap: 24px 32px;padding: 28px;border-radius: 28px;background: #5B3DF5;color: #FFFFFF}.ft-names-quote{position: absolute;left: -12px;bottom: -80px;font: 800 240px/1 var(--font-heading);color: #6E55F7;pointer-events: none}.ft-names-ask,.ft-names-out{position: relative}.ft-names-ask{flex: 1 1 360px;display: flex;flex-direction: column;gap: 12px}.ft-pill{align-self: flex-start;padding: 4px 10px;border-radius: var(--radius-pill);background: #FFE45C;color: #22152E;font: 800 12px/1.4 var(--font-body)}.ft-names h2{margin: 0;font: 800 32px/1.1 var(--font-heading);color: #FFFFFF}.ft-names p{margin: 0;font-size: 16px;line-height: 1.6;color: #E5DCFF}.ft-names label{display: flex;flex-direction: column;gap: 6px;font-weight: 700;font-size: 14px;color: #E5DCFF}.ft-names input{height: 50px;padding: 0 16px;border-radius: 14px;border: 0;background: #FFFFFF;color: #22152E;font: inherit;font-size: 17px;font-weight: 500;outline: none}.ft-names-go{align-self: flex-start;display: inline-flex;align-items: center;gap: 8px;height: 52px;padding: 0 22px;border: 0;border-radius: var(--radius-pill);background: #FFE45C;color: #22152E;font: inherit;font-weight: 800;font-size: 16px;cursor: pointer}.ft-names-note{font-size: 13px;line-height: 1.45;color: #E5DCFF}.ft-names-out{flex: 1 1 420px;display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 12px;align-content: start}.ft-names-box{display: flex;flex-direction: column;gap: 8px;padding: 16px;border-radius: 20px;background: #FFFFFF;color: #22152E}.ft-names-box .ft-label{color: #6B6180;font-size: 12px}.ft-names-box > div{display: flex;flex-direction: column;gap: 8px}.ft-idea{display: flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 10px;border-radius: 12px;border: 1px solid #ECE6F1;background: #FCFAF6;color: #22152E;font: inherit;font-size: 16px;font-weight: 700;text-align: left;cursor: pointer;overflow-wrap: anywhere}.ft-idea span{margin-left: auto;flex: none;font-size: 12px;font-weight: 800;color: #5B3DF5}.ft-names-example{grid-column: 1 / -1;font-size: 13px;color: #E5DCFF}.ft-names-example[hidden]{display: none}.ft-info{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 16px;padding-top: 40px;padding-bottom: 72px}.ft-info-card,.bio-info-card{display: flex;flex-direction: column;gap: 8px;padding: 22px;border-radius: 22px;background: var(--card);border: 1px solid var(--rule);color: var(--ink);text-decoration: none}.ft-info-card h2,.bio-info-card h2{margin: 0;font: 700 22px/1.25 var(--font-heading)}.ft-info-card p,.bio-info-card p{margin: 0;font-size: 16px;line-height: 1.65;color: var(--body)}.ft-info-link{background: #5B3DF5;border-color: #5B3DF5;color: #FFFFFF}.ft-info-link:hover{color: #FFFFFF}.ft-info-link h2{color: #FFFFFF}.ft-info-link p{color: #E5DCFF}.ft-info-link span{font-weight: 800;color: #FFE45C}@media (max-width: 760px){.ft-stage{padding: 14px 0 28px}.ft-stage-in{gap: 22px}.ft-stage h1{font-size: 34px}.ft-lead{font-size: 15px}.ft-big{height: 56px;font-size: 20px}.ft-spot{flex-basis: 100%;padding: 20px;border-radius: 22px}.ft-spot-out{font-size: 30px}.ft-spot-copy{height: 48px;padding: 0 20px}.ft-spot-fav{height: 48px}.ft-head h2{font-size: 24px;flex-basis: 100%}#ft-tabs{flex-wrap: nowrap;overflow-x: auto;margin: 0 calc(-1 * var(--space-gutter));padding: 0 var(--space-gutter) 4px;scrollbar-width: none}#ft-tabs::-webkit-scrollbar{display: none}#ft-tabs button{flex: none}.ft-tiles{grid-template-columns: minmax(0,1fr)}.ft-names{padding-top: 28px}.ft-names-in{padding: 20px;border-radius: 22px}.ft-names h2{font-size: 26px}.ft-info{padding-top: 28px;padding-bottom: 40px}}