:root{
  --bg:#fffdf5;--fg:#1e293b;--muted:#f1f5f9;--muted-fg:#64748b;--violet:#8b5cf6;
  --pink:#f472b6;--yellow:#fbbf24;--mint:#34d399;--border:#e2e8f0;--white:#fff;
  --shadow:4px 4px 0 var(--fg);--shadow-lg:8px 8px 0 #e2e8f0;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Plus Jakarta Sans",system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,.brand-name{font-family:"Outfit",system-ui,sans-serif;margin-top:0}h1{font-size:clamp(2.7rem,6vw,5.9rem);line-height:.94;letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.035em}h3{font-size:1.4rem;margin-bottom:.55rem}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;width:min(1220px,calc(100% - 24px));margin:12px auto;padding:12px 14px 12px 18px;background:rgba(255,253,245,.9);backdrop-filter:blur(14px);border:2px solid var(--fg);border-radius:999px;box-shadow:3px 3px 0 var(--fg)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}.brand-mark{width:38px;height:38px;border-radius:50% 50% 50% 8px;background:var(--violet);border:2px solid var(--fg);display:grid;place-items:center;transform:rotate(-8deg)}.brand-mark span{color:white;font:bold 21px Outfit;transform:rotate(8deg)}.brand-name{font-size:1.25rem;font-weight:800}.brand-name span{color:var(--violet)}
.desktop-nav{display:flex;gap:4px;margin:auto}.nav-link{border:0;background:transparent;padding:10px 14px;border-radius:999px;font-weight:700}.nav-link:hover,.nav-link.active{background:var(--yellow)}
.pill-btn,.candy-btn,.secondary-btn{border:2px solid var(--fg);font-weight:800;transition:.22s cubic-bezier(.34,1.56,.64,1)}.pill-btn,.candy-btn{background:var(--violet);color:#fff;border-radius:999px;box-shadow:var(--shadow)}.pill-btn:hover,.candy-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--fg)}.pill-btn:active,.candy-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--fg)}.pill-btn.small{padding:10px 12px 10px 16px}.button-dot,.candy-btn>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:white;color:var(--fg);margin-left:8px}.candy-btn{padding:11px 14px 11px 20px;min-height:52px}.secondary-btn{background:transparent;border-radius:999px;padding:12px 18px}.secondary-btn:hover{background:var(--yellow);transform:translateY(-2px)}.compact{padding:9px 14px;min-height:42px}.full{width:100%}
.page{display:none}.page.active{display:block}.hero{min-height:680px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:54px;padding-block:72px 84px}.hero-copy{position:relative}.hero-copy:before{content:"";position:absolute;width:240px;height:240px;background:var(--yellow);border-radius:50%;z-index:-1;left:-110px;top:-80px;opacity:.72}.eyebrow,.kicker{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:white;border:2px solid var(--fg);border-radius:999px;padding:8px 12px;box-shadow:3px 3px 0 var(--pink)}.mini-star{color:var(--violet)}.hero h1{margin:26px 0 22px}.hero p{font-size:1.08rem;line-height:1.8;max-width:620px;color:#475569}.marker{position:relative;display:inline-block}.marker:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.17em;border-radius:99px;z-index:-1;transform:rotate(-2deg)}.marker.violet:after{background:#c4b5fd}.marker.pink:after{background:#f9a8d4}.hero-search{display:flex;gap:10px;margin-top:32px;background:white;border:2px solid var(--fg);padding:8px;border-radius:22px;box-shadow:7px 7px 0 #d8b4fe}.hero-search input{min-width:0;flex:1;border:0;outline:0;padding:0 14px;font-weight:700;background:transparent}.quick-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:.78rem;color:var(--muted-fg)}.quick-tags button{border:0;background:transparent;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;font-weight:700}
.hero-board{position:relative;min-height:470px;display:grid;place-items:center}.hero-board:before{content:"";position:absolute;width:390px;height:390px;background:var(--yellow);border:2px solid var(--fg);border-radius:50% 50% 18% 50%;transform:rotate(8deg)}.dots{position:absolute;width:210px;height:160px;right:-10px;top:20px;background-image:radial-gradient(var(--fg) 2px,transparent 2px);background-size:17px 17px;opacity:.25}.sticker-card{background:white;border:2px solid var(--fg);border-radius:24px;box-shadow:var(--shadow-lg)}.hero-card{position:relative;width:min(430px,90%);padding:28px;z-index:2;transform:rotate(-2deg);box-shadow:10px 10px 0 var(--pink)}.card-topline,.result-preview,.results-head,.page-title,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.status-pill{display:inline-block;border:2px solid var(--fg);padding:5px 9px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.07em}.violet-bg{background:var(--violet);color:white}.pink-bg{background:var(--pink)}.mint-bg{background:var(--mint)}.icon-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--fg);background:var(--yellow);font-weight:900;box-shadow:2px 2px 0 var(--fg)}.source-word{font:800 clamp(2rem,4vw,3.2rem) Outfit;margin-top:24px}.pronunciation{color:var(--muted-fg);margin-top:4px}.connector-line{display:flex;align-items:center;gap:10px;margin:24px 0;color:var(--muted-fg);font-size:.66rem;letter-spacing:.1em}.connector-line span{height:2px;background:var(--border);flex:1}.result-preview{padding:16px;border:2px solid var(--fg);border-radius:18px;background:#faf5ff}.result-preview strong{display:block;font:800 1.3rem Outfit}.result-preview small{display:block;margin-top:4px;color:var(--muted-fg)}.score-bubble{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--mint);border:2px solid var(--fg);font-weight:900}.floating-note{position:absolute;z-index:4;padding:9px 13px;border:2px solid var(--fg);border-radius:999px;background:white;font-weight:800;font-size:.76rem;box-shadow:3px 3px 0 var(--fg)}.note-a{top:55px;left:5px;transform:rotate(-10deg)}.note-b{bottom:58px;right:0;transform:rotate(7deg);background:#fce7f3}.burst{position:absolute;right:15px;top:90px;z-index:3;background:var(--mint);border:2px solid var(--fg);width:92px;height:92px;display:grid;place-items:center;text-align:center;font:800 .75rem Outfit;clip-path:polygon(50% 0,61% 28%,85% 15%,72% 39%,100% 50%,72% 61%,85% 85%,61% 72%,50% 100%,39% 72%,15% 85%,28% 61%,0 50%,28% 39%,15% 15%,39% 28%);transform:rotate(12deg)}
.keyword-marquee{overflow:hidden;border-block:2px solid var(--fg);background:var(--violet);color:white;padding:14px 0;font:800 .92rem Outfit;letter-spacing:.12em;white-space:nowrap}.keyword-marquee>div{width:max-content;animation:marquee 26s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-space{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:46px}.section-heading h2{margin:8px 0 0}.section-heading p{line-height:1.8;color:var(--muted-fg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.feature-card{position:relative;padding:30px;min-height:300px;transition:.25s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover{transform:rotate(-1deg) scale(1.02)}.feature-card.accent-violet{box-shadow:8px 8px 0 #c4b5fd}.feature-card.accent-pink{box-shadow:8px 8px 0 #f9a8d4}.feature-card.accent-yellow{box-shadow:8px 8px 0 #fde68a}.feature-number{position:absolute;right:24px;top:20px;font:800 1rem Outfit;color:#94a3b8}.feature-icon{width:62px;height:62px;border-radius:50%;border:2px solid var(--fg);display:grid;place-items:center;font-size:1.6rem;margin-bottom:24px}.accent-violet .feature-icon{background:var(--violet);color:white}.accent-pink .feature-icon{background:var(--pink)}.accent-yellow .feature-icon{background:var(--yellow)}.feature-card p{line-height:1.7;color:var(--muted-fg)}.text-link{padding:0;border:0;background:transparent;font-weight:800;margin-top:10px}.split-callout{margin-bottom:100px;padding:52px;border:2px solid var(--fg);border-radius:34px;background:#ecfdf5;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;box-shadow:10px 10px 0 var(--fg)}.split-callout h2{margin:12px 0 18px}.split-callout p{line-height:1.75;max-width:650px}.review-stack{display:grid;gap:14px}.review-chip{background:white;border:2px solid var(--fg);border-radius:16px;padding:17px 20px;font-weight:800;box-shadow:4px 4px 0 var(--fg)}.review-chip span{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--mint);border:2px solid var(--fg);border-radius:50%;margin-right:10px}.rotate-left{transform:rotate(-2deg)}.rotate-right{transform:rotate(2deg)}
.app-shell{padding-block:58px 110px;min-height:760px}.page-title{align-items:end;margin-bottom:38px}.page-title h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:5px 0 0}.points-pill{background:var(--yellow);border:2px solid var(--fg);border-radius:999px;padding:10px 16px;font-weight:800;box-shadow:3px 3px 0 var(--fg)}.search-panel{padding:24px;box-shadow:8px 8px 0 #c4b5fd}.search-row{display:flex;align-items:end;gap:16px}.grow-field{flex:1}.grow-field>label,.modal label{display:grid;gap:8px;font-weight:800;font-size:.8rem}.input-with-icon{display:flex;align-items:center;gap:8px;border:2px solid #cbd5e1;border-radius:16px;background:white;padding:0 14px;min-height:54px;transition:.2s}.input-with-icon:focus-within{border-color:var(--violet);box-shadow:4px 4px 0 var(--violet)}.input-with-icon input{width:100%;border:0;outline:0;background:transparent;font-weight:700}.filters{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:20px;padding-top:20px;border-top:2px dashed var(--border)}.filter-label{display:block;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px;color:var(--muted-fg)}.segmented{display:flex;flex-wrap:wrap;gap:7px}.segmented button{border:2px solid var(--fg);background:white;border-radius:999px;padding:8px 12px;font-weight:700;font-size:.78rem}.segmented button.active{background:var(--yellow)}select,.modal input,.modal select{min-height:44px;border:2px solid #cbd5e1;border-radius:12px;background:white;padding:0 12px}.results-head{margin:40px 0 18px}.results-head span{color:var(--muted-fg)}.result-list{display:grid;gap:14px}.rhyme-card{display:grid;grid-template-columns:70px 1fr auto auto;align-items:center;gap:18px;padding:18px 20px;border:2px solid var(--fg);border-radius:20px;background:white;box-shadow:5px 5px 0 #e2e8f0;transition:.2s}.rhyme-card:hover{transform:translateY(-2px);box-shadow:7px 7px 0 #ddd6fe}.match-score{width:58px;height:58px;border-radius:50%;border:2px solid var(--fg);display:grid;place-items:center;background:#dcfce7;font:800 1rem Outfit}.rhyme-word strong{font:800 1.25rem Outfit}.rhyme-word small{display:block;color:var(--muted-fg);margin-top:4px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.micro-tag{background:var(--muted);border:1.5px solid #cbd5e1;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:700}.favorite-btn{border:2px solid var(--fg);width:42px;height:42px;border-radius:50%;background:white;font-size:1.1rem}.favorite-btn.active{background:var(--pink)}.empty-state{padding:48px;text-align:center;border:2px dashed #cbd5e1;border-radius:22px;color:var(--muted-fg)}
.community-grid{display:grid;grid-template-columns:1fr 340px;gap:30px}.subtabs{display:flex;gap:8px;margin-bottom:20px}.subtabs button{border:0;background:transparent;padding:10px 12px;border-bottom:3px solid transparent;font-weight:800}.subtabs button.active{border-color:var(--violet);color:var(--violet)}.community-tab{display:none}.community-tab.active{display:grid;gap:14px}.submission-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:20px}.submission-pair{display:flex;align-items:center;gap:10px;font:800 1.15rem Outfit}.arrow-pill{width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--fg);border-radius:50%;background:var(--yellow)}.submission-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.review-actions{display:flex;gap:8px}.approve-btn,.reject-btn{border:2px solid var(--fg);border-radius:12px;padding:9px 11px;font-weight:800}.approve-btn{background:var(--mint)}.reject-btn{background:#fecaca}.leaderboard{padding:26px;position:sticky;top:96px;height:max-content;box-shadow:8px 8px 0 var(--yellow)}.leader-icon{width:52px;height:52px;border:2px solid var(--fg);border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px}.leaderboard ol{list-style:none;padding:0;margin:22px 0;display:grid;gap:17px}.leaderboard li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.avatar{width:42px;height:42px;border:2px solid var(--fg);border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:900}.leaderboard small{display:block;color:var(--muted-fg);font-size:.68rem;margin-top:3px}.tiny-note,.form-note,.prototype-note{font-size:.72rem;line-height:1.6;color:var(--muted-fg)}
.beat-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:26px}.input-with-icon.mini{min-height:44px;width:min(320px,100%)}.beat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.beat-card{overflow:hidden;padding:0;box-shadow:7px 7px 0 #e2e8f0}.beat-art{height:190px;position:relative;border-bottom:2px solid var(--fg);display:grid;place-items:center;overflow:hidden}.beat-art:before,.beat-art:after{content:"";position:absolute;border:2px solid var(--fg)}.beat-art:before{width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.45)}.beat-art:after{width:55px;height:55px;transform:rotate(35deg);background:rgba(255,255,255,.35)}.art-violet{background:linear-gradient(135deg,#8b5cf6,#f472b6)}.art-yellow{background:linear-gradient(135deg,#fbbf24,#34d399)}.art-mint{background:linear-gradient(135deg,#34d399,#60a5fa)}.play-btn{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;border:2px solid var(--fg);background:white;font-size:1.25rem;box-shadow:4px 4px 0 var(--fg)}.beat-info{padding:18px}.beat-info h3{margin:0}.beat-meta{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 14px}.beat-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted-fg)}.license-chip{font-weight:800;color:var(--fg)}
.profile-hero{display:flex;align-items:center;gap:22px;padding:28px;box-shadow:8px 8px 0 #c4b5fd;margin-bottom:28px}.profile-avatar{width:92px;height:92px;border:2px solid var(--fg);border-radius:50% 50% 50% 14px;background:var(--violet);color:white;display:grid;place-items:center;font:800 1.8rem Outfit;box-shadow:5px 5px 0 var(--fg)}.profile-copy{flex:1}.profile-copy h1{font-size:2.5rem;margin:8px 0 3px}.profile-copy p{margin:0;color:var(--muted-fg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat-card{padding:22px;text-align:center}.stat-card>span{display:block;font-size:1.2rem}.stat-card strong{display:block;font:800 2rem Outfit;margin:8px 0 2px}.stat-card small{color:var(--muted-fg)}.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.profile-grid>.sticker-card{padding:26px}.activity-list{display:grid;gap:10px;margin-top:18px}.activity-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:.82rem}.activity-row span{color:var(--muted-fg)}.premium-mini{position:relative;background:#faf5ff;overflow:hidden}.small-burst{right:-12px;top:-8px;width:82px;height:82px}.pricing-intro{text-align:center;max-width:760px;margin:0 auto 55px}.pricing-intro h1{font-size:clamp(3rem,6vw,5.1rem);margin:10px 0 16px}.pricing-intro p{color:var(--muted-fg);line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,430px));justify-content:center;gap:28px;align-items:center}.price-card{padding:32px;position:relative}.price-card h2{font-size:3rem;margin:18px 0 5px}.price-card h2 small{font-size:.9rem}.price-card ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px}.price-card.featured{transform:scale(1.05);box-shadow:10px 10px 0 var(--pink);background:#faf5ff}.popular-star{position:absolute;right:-28px;top:-32px;width:100px;height:100px;background:var(--yellow);border:2px solid var(--fg);clip-path:polygon(50% 0,61% 28%,85% 15%,72% 39%,100% 50%,72% 61%,85% 85%,61% 72%,50% 100%,39% 72%,15% 85%,28% 61%,0 50%,28% 39%,15% 15%,39% 28%);display:grid;place-items:center;text-align:center;font:800 .65rem Outfit;transform:rotate(10deg)}.prototype-note{text-align:center;margin-top:45px}
.modal{border:0;background:transparent;padding:18px;max-width:620px;width:100%}.modal::backdrop{background:rgba(30,41,59,.55);backdrop-filter:blur(4px)}.modal-card{background:var(--bg);border:2px solid var(--fg);border-radius:26px;box-shadow:10px 10px 0 var(--fg);padding:28px;display:grid;gap:17px}.modal-head h2{font-size:2rem;margin:4px 0 0}.close-btn{width:40px;height:40px;border:2px solid var(--fg);border-radius:50%;background:white;font-size:1.5rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,120px);opacity:0;background:var(--fg);color:white;padding:13px 18px;border-radius:999px;font-weight:700;transition:.3s;box-shadow:4px 4px 0 var(--violet)}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-nav{display:none}
.shape{position:fixed;z-index:-5;pointer-events:none}.shape-a{width:90px;height:90px;border:15px solid var(--pink);border-radius:50%;left:-38px;top:36%}.shape-b{width:80px;height:80px;background:var(--mint);right:-45px;top:60%;transform:rotate(35deg)}.shape-c{width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:78px solid #c4b5fd;left:8%;bottom:4%;transform:rotate(-20deg);opacity:.5}
@media(max-width:900px){.desktop-nav{display:none}.topbar{justify-content:space-between}.hero{grid-template-columns:1fr;min-height:auto;padding-block:48px}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}.hero-search{max-width:650px;margin-inline:auto}.quick-tags{justify-content:center}.hero-board{min-height:440px}.section-heading,.split-callout,.community-grid,.profile-grid{grid-template-columns:1fr}.feature-grid,.beat-grid{grid-template-columns:repeat(2,1fr)}.leaderboard{position:relative;top:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.split-callout{padding:34px}.pricing-grid{grid-template-columns:minmax(0,430px)}.price-card.featured{transform:none}.mobile-nav{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:2px solid var(--fg);border-radius:22px;box-shadow:4px 4px 0 var(--fg);padding:6px;justify-content:space-around}.mobile-nav button{border:0;background:transparent;display:grid;gap:2px;place-items:center;font-size:.62rem;font-weight:800;padding:7px 9px;border-radius:14px}.mobile-nav button span{font-size:1.05rem}.mobile-nav button.active{background:var(--yellow)}.app-shell{padding-bottom:130px}}
@media(max-width:640px){.container{width:min(100% - 24px,1160px)}.topbar{width:calc(100% - 16px);margin:8px auto}.pill-btn.small{font-size:0;padding:8px}.pill-btn.small .button-dot{margin:0;font-size:1rem}.hero{gap:24px;padding-top:42px}.hero h1{font-size:3.35rem}.hero-search{display:grid;border-radius:18px}.hero-search .candy-btn{width:100%}.hero-board{min-height:360px}.hero-board:before{width:290px;height:290px}.hero-card{padding:20px}.source-word{font-size:2rem}.note-a{top:20px}.note-b{bottom:20px}.burst{right:0;top:64px}.section-space{padding-block:70px}.section-heading{grid-template-columns:1fr;gap:10px}.feature-grid,.beat-grid{grid-template-columns:1fr}.feature-card{min-height:0}.split-callout{margin-bottom:75px;box-shadow:6px 6px 0 var(--fg)}.page-title{align-items:flex-start;flex-direction:column}.page-title .candy-btn{align-self:stretch}.search-row{display:grid}.filters{grid-template-columns:1fr}.results-head{align-items:flex-start}.rhyme-card{grid-template-columns:54px 1fr auto;padding:15px;gap:12px}.rhyme-card .tag-row{grid-column:2 / -1}.match-score{width:48px;height:48px}.community-grid{display:block}.leaderboard{margin-top:28px}.beat-toolbar{align-items:stretch;flex-direction:column}.input-with-icon.mini{width:100%}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-avatar{width:72px;height:72px}.profile-copy h1{font-size:2rem}.profile-hero .secondary-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.two-col{grid-template-columns:1fr}.modal{padding:10px}.modal-card{padding:20px}.pricing-intro{text-align:left}.popular-star{right:-8px}.shape{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}