*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--cream: #fbf1de;--surface: #fffaf2;--surface-sunk: #f6ead2;--ink: #26262b;--ink-soft: #6f695f;--line: #ecdfc6;--lilac: #8b6be6;--lilac-soft: #ede6ff;--coral: #f4685e;--coral-soft: #ffe6e2;--danger: #c8452f;--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--shadow: 0 2px 0 rgba(38, 38, 43, .04), 0 10px 24px rgba(120, 96, 40, .08);--shadow-lift: 0 6px 18px rgba(139, 107, 230, .22);font-family:Inter,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color-scheme:light dark;color:var(--ink);background-color:var(--cream)}@media(prefers-color-scheme:dark){:root{--cream: #1c1b1a;--surface: #262523;--surface-sunk: #302e2b;--ink: #f6efe3;--ink-soft: #b3aa9a;--line: #3b3833;--lilac: #a98cff;--lilac-soft: #332c4d;--coral: #ff8478;--coral-soft: #45302d;--danger: #ff9184;--shadow: 0 10px 24px rgba(0, 0, 0, .35)}}body{min-height:100dvh;background-color:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}.app{min-height:100dvh;padding-bottom:4rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background-color:color-mix(in srgb,var(--cream) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brandmark{font-weight:700;font-size:1rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.topbar__links{display:flex;gap:.35rem}.topbar__links a{padding:.4rem .8rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--ink-soft);text-decoration:none}.topbar__links a.active{background-color:var(--lilac-soft);color:var(--lilac)}.page{max-width:60rem;margin-inline:auto;padding:1rem 1rem 2rem}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block:.75rem 1.25rem}.page h1{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.page__sub{margin-top:.35rem;color:var(--ink-soft);font-size:.9rem;line-height:1.45}.section{margin-block:1.5rem}.section>h2,.card>h2{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.65rem}.breadcrumb a{color:var(--ink-soft);font-size:.9rem;font-weight:600;text-decoration:none}.stats{display:flex;gap:.5rem}.stat{min-width:3.75rem;padding:.45rem .7rem;border-radius:var(--radius-sm);background-color:var(--surface);border:1px solid var(--line);text-align:center}.stat dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.stat dd{font-size:1.1rem;font-weight:800}.card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;margin-bottom:1rem;border-radius:var(--radius);background-color:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.cards{display:grid;gap:.75rem}.tiles,.cards,.meta,.variations,.notes,.tokens{list-style:none;padding-left:0}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;padding:.85rem;border-radius:var(--radius);border:1px solid var(--line);background-color:var(--surface);box-shadow:var(--shadow);font:inherit;font-weight:700;color:var(--ink);text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tile:hover,.tile:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.tile:active{transform:scale(.98)}.tile[aria-expanded=true]{border-color:var(--lilac);background-color:var(--lilac-soft)}.tile__icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--surface-sunk);font-size:1rem}.tile--hook .tile__icon,.tile--hashtags .tile__icon{background-color:var(--lilac-soft)}.tile--caption .tile__icon,.tile--cta .tile__icon{background-color:var(--coral-soft)}.tile__label{font-size:.9rem}.composer{margin-top:.75rem;border-color:var(--lilac)}.composer h3{font-size:1rem;font-weight:700}.composer__actions{display:flex;gap:.5rem}.field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 8rem}.field>span{font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--ink-soft)}.field input,.field textarea,.field select{width:100%;padding:.6rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--line);background-color:var(--surface-sunk);color:var(--ink);font:inherit;font-size:.95rem}.field textarea{resize:vertical;line-height:1.45}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,.btn:focus-visible,.chip:focus-visible,.tile:focus-visible,.star:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.field-row{display:flex;flex-wrap:wrap;gap:.6rem}.hint{font-size:.8rem;color:var(--ink-soft);line-height:1.5}.hint a{color:var(--lilac)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .95rem;border-radius:999px;border:1px solid transparent;background-color:var(--surface-sunk);color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background-color:var(--lilac);color:#fffaf2;box-shadow:var(--shadow-lift)}.btn--primary:disabled{background-color:var(--surface-sunk);color:var(--ink-soft);box-shadow:none;cursor:default}.btn--soft{background-color:var(--lilac-soft);color:var(--lilac)}.btn--ghost{background-color:transparent;border-color:var(--line);color:var(--ink-soft)}.btn--danger{background-color:var(--coral-soft);color:var(--danger)}.btn--copy.is-copied{background-color:var(--coral);color:#fffaf2}.star{border:none;background:none;font-size:1.25rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:.15rem}.star[aria-pressed=true]{color:var(--coral)}.search input{border-radius:999px;padding-inline:1rem}.filters{display:flex;flex-direction:column;gap:.5rem;margin-block:.75rem}.filter{display:flex;align-items:center;gap:.5rem}.filter__legend{flex:0 0 4.25rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.filter__chips{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.filter__chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line);background-color:var(--surface);color:var(--ink-soft);font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{background-color:var(--lilac);border-color:var(--lilac);color:#fffaf2}.chip--star{align-self:flex-start}.chip--star[aria-pressed=true]{background-color:var(--coral);border-color:var(--coral)}.result-count{font-size:.78rem;font-weight:600;color:var(--ink-soft);margin-bottom:.5rem}.empty{padding:1rem;border-radius:var(--radius);background-color:var(--surface-sunk);color:var(--ink-soft);font-size:.9rem;line-height:1.5}.item-card{gap:.55rem}.item-card__top{display:flex;align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background-color:var(--surface-sunk);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.badge--hook,.badge--hashtags{background-color:var(--lilac-soft);color:var(--lilac)}.badge--caption,.badge--cta{background-color:var(--coral-soft);color:var(--coral)}.item-card__title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.item-card__title a{color:var(--ink);text-decoration:none}.item-card__text{font-size:.92rem;line-height:1.5;color:var(--ink);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none}.meta li{padding:.15rem .5rem;border-radius:999px;border:1px solid var(--line);font-size:.72rem;font-weight:600;color:var(--ink-soft)}.item-card__actions,.variation__actions,.editor__bar{display:flex;flex-wrap:wrap;gap:.5rem}.editor{display:block}.preview{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start;padding:.85rem;border-radius:var(--radius);background-color:var(--lilac-soft)}.preview h3{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--lilac)}.preview__text{font-size:.95rem;line-height:1.55;white-space:pre-wrap}.variations{display:grid;gap:.75rem;list-style:none}.variation{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:var(--radius);border:1px dashed var(--line);background-color:var(--surface-sunk)}.notes{display:grid;gap:.5rem;list-style:none}.notes li{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;border-radius:var(--radius-sm);background-color:var(--surface-sunk);font-size:.88rem}.notes time{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.tokens{display:grid;gap:.4rem;list-style:none}.tokens li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink-soft)}.tokens code{padding:.15rem .45rem;border-radius:var(--radius-sm);background-color:var(--lilac-soft);color:var(--lilac);font-weight:700}.editor__bar{position:sticky;bottom:0;padding:.75rem 0;background:linear-gradient(to top,var(--cream) 65%,color-mix(in srgb,var(--cream) 0%,transparent))}.reward-slot{position:fixed;left:0;right:0;bottom:1rem;display:flex;justify-content:center;pointer-events:none;z-index:30}.reward{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;border-radius:999px;background-color:var(--ink);color:var(--cream);font-size:.88rem;font-weight:700;box-shadow:var(--shadow-lift);animation:reward-pop .32s cubic-bezier(.2,1.4,.5,1)}.reward__icon{font-size:1.05rem}.reward__sparks i{position:absolute;top:50%;left:1.1rem;width:5px;height:5px;border-radius:50%;background-color:var(--coral);animation:spark .7s ease-out forwards}.reward__sparks i:nth-child(2){background-color:var(--lilac);animation-delay:.06s;--spark-x: 14px;--spark-y: -22px}.reward__sparks i:nth-child(3){background-color:#ffd166;animation-delay:.12s;--spark-x: -16px;--spark-y: -14px}@keyframes reward-pop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--spark-x, 0px),var(--spark-y, -20px)) scale(.4)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(min-width:40rem){.page{padding-inline:1.5rem}.page h1{font-size:2rem}.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{flex-direction:row;align-items:center;gap:.6rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:1.25rem}}