:root{--purple:#52247d;--purple-dark:#3f195f;--purple-soft:#8f72b2;--gold:#c49c3d;--lavender:#f8f3fc;--cream:#fffdf8;--text:#2c1d3d;--muted:#72657f;--border:rgba(133,102,173,0.18);--shadow:0 24px 60px rgba(71,32,101,0.12);--radius:28px;--font-sans:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--font-sans);background:radial-gradient(circle at top,rgba(152,114,193,.14),transparent 32%),linear-gradient(180deg,#fdf9ff,#f5eefc 55%,#f7f1fa);color:var(--text);overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:28px 24px 40px}.page-grid{width:min(1080px,100%);margin:0 auto;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(280px,390px) minmax(0,620px);justify-content:center}.leaderboard-panel,.panel,.preview-panel{background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:32px}.leaderboard-panel,.preview-panel{padding:26px;width:100%;height:-moz-fit-content;height:fit-content;align-self:start}.preview-panel{width:100%;max-width:100%;justify-self:stretch;padding:18px}.leaderboard-panel{width:100%}.preview-panel--mobile{display:none}.side-stack{display:grid;grid-gap:14px;gap:14px;align-content:start;align-items:start}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(82,36,125,.08);color:var(--purple-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:16px 0 8px;font-family:var(--font-display);font-size:clamp(40px,5vw,64px);font-weight:600;line-height:.96;letter-spacing:-.03em}.campaign-intro{margin:0 0 18px;color:var(--purple-dark);font-size:15px;line-height:1.55}.helper,.leaderboard-copy,.page-copy,.status{color:var(--muted);line-height:1.5}.section-guide{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72)}.form-section__guide{margin-bottom:10px}.section-guide__step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(82,36,125,.08);color:var(--purple-dark);font-size:14px;font-weight:800}.section-guide__title{margin:0;color:var(--purple-dark);font-size:15px;font-weight:800;line-height:1.2}.section-guide__copy{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.two-up-full{grid-column:1/-1}.page-disclaimer{width:min(1160px,100%);margin:20px auto 0;padding:0 4px;color:var(--muted);font-size:13px;line-height:1.5}.page-disclaimer p{margin:0}.page-disclaimer p+p{margin-top:8px}.page-credit{margin-top:14px;color:var(--purple-dark);font-size:13px}.page-credit a{color:inherit;font-weight:700;-webkit-text-decoration-color:rgba(82,36,125,.28);text-decoration-color:rgba(82,36,125,.28);text-underline-offset:3px}.form-section{margin-top:24px}.contact-row{margin-top:10px}.contact-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.action-card{width:100%;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 14px 30px rgba(71,32,101,.05)}.action-card__inner{display:grid;grid-gap:14px;gap:14px;padding:18px}.action-card .section-guide{padding:0;border:0;border-radius:0;background:transparent}.action-card .field-label{margin:0 0 4px}.field-label{display:block;margin:0 0 8px;font-size:14px;font-weight:700}.text-area,.text-input{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.88);color:var(--text);border-radius:16px;padding:14px 16px;transition:border-color .12s ease,box-shadow .12s ease}.text-area:focus,.text-input:focus{outline:none;border-color:#b28cd6;box-shadow:0 0 0 4px rgba(178,140,214,.18)}.text-area{min-height:240px;resize:vertical}.song-grid{grid-gap:10px}.song-grid,.song-row{display:grid;gap:10px}.song-row{grid-template-columns:42px minmax(0,1fr);grid-gap:10px;align-items:flex-start}.song-rank{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(82,36,125,.08);color:var(--purple-dark);font-size:14px;font-weight:800}.song-input{padding-left:14px}.song-autocomplete{position:relative}.song-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;display:grid;grid-gap:6px;gap:6px;padding:8px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 14px 28px rgba(54,29,83,.12)}.song-suggestion{width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;font-weight:600}.song-suggestion:focus-visible,.song-suggestion:hover{background:rgba(82,36,125,.08);outline:none}.two-up{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.share-row{display:flex;flex-wrap:wrap;gap:8px}.share-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.9);color:var(--purple-dark);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.share-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(71,32,101,.08)}.share-link--hashtag{font-size:20px;line-height:1}.social-row{display:flex;flex-wrap:wrap;gap:8px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.9);color:var(--purple-dark);text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.social-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(71,32,101,.08)}.social-icon{width:20px;height:20px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;align-items:stretch;justify-content:space-between}.submit-stack{align-content:start;flex:1 1 280px}.share-stack,.submit-stack{display:grid;grid-gap:6px;gap:6px;justify-items:center}.share-stack .primary-button{width:100%}.ghost-button,.primary-button,.secondary-button{border:0;border-radius:14px;min-height:48px;padding:12px 18px;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease}.primary-button{background:var(--purple);color:#fff;box-shadow:0 12px 24px rgba(82,36,125,.22)}.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.secondary-button{background:rgba(255,255,255,.9);color:var(--purple-dark);border:1px solid var(--border)}.button-link,.ghost-button{background:transparent;color:var(--purple-dark)}.button-link{padding:0;border:0;font-size:13px;font-weight:600;line-height:1.2;text-align:center;text-decoration:underline;text-underline-offset:.18em;min-height:auto}.button-link:disabled{opacity:.5;cursor:default}.button-link:hover:not(:disabled),.ghost-button:hover,.secondary-button:hover{transform:translateY(-1px)}.preview-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.preview-frame{align-items:flex-start;padding:0}.preview-frame,.preview-scale{display:flex;justify-content:flex-start}.preview-scale{width:min(100%,500px)}.preview-title{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(28px,2.8vw,40px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--purple-dark)}.preview-card-shell{display:flex;justify-content:center;overflow:hidden;border-radius:30px;border:1px solid rgba(99,61,138,.16);box-shadow:0 28px 40px rgba(68,31,101,.12);background:white}.preview-card-transform{position:relative;flex:0 0 auto}.preview-card-canvas{position:absolute;left:0;top:0;transform-origin:top left}.render-card{position:relative;width:100%;aspect-ratio:1/1;background-color:white;color:var(--purple);overflow:hidden}.render-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(93,51,129,.08) .6px,transparent 0),radial-gradient(rgba(93,51,129,.05) .6px,transparent 0);background-position:0 0,9px 9px;background-size:18px 18px;opacity:.35;pointer-events:none}.render-card__inner{position:relative;z-index:1;height:100%;padding:70px 174px 66px;display:flex;flex-direction:column;background-color:#fdfbfb}.render-card__headline{margin:0;text-align:center;font-family:var(--font-batuphat),var(--font-display);font-weight:400;font-size:82px;line-height:.9;letter-spacing:.01em;color:var(--purple-dark)}.render-card__divider{height:3px;background:linear-gradient(90deg,rgba(120,85,167,.18),rgba(120,85,167,.7),rgba(120,85,167,.18));margin:24px 0 30px}.render-card__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:28px;gap:28px;align-content:flex-start}.render-card__row{display:grid;grid-template-columns:54px 1fr;align-items:flex-start;grid-gap:18px;gap:18px;font-size:36px;line-height:1.12;letter-spacing:.03em}.render-card__num{text-align:right;font-weight:600}.render-card__song{min-width:0;word-break:break-word;font-weight:500}.render-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:auto;padding-top:30px}.render-card__person{min-height:0}.render-card__handle,.render-card__name{font-size:34px;line-height:1.1;letter-spacing:-.03em;color:var(--purple-dark)}.render-card__name{font-weight:500}.render-card__handle{margin-top:8px;font-weight:500}.render-card__logo{position:absolute;right:102px;bottom:44px;width:180px;height:180px;flex:0 0 auto;overflow:hidden}.render-card__logo-image{position:absolute;left:50%;top:50%;display:block;width:320%;height:auto;max-width:none;transform:translate(-50%,-50%)}.render-card__site{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:19px;line-height:1.2;font-weight:600;letter-spacing:.01em;color:rgba(63,25,95,.74);white-space:nowrap}.preview-note{margin-top:14px;font-size:13px;color:var(--muted)}.leaderboard-intro{display:grid;grid-template-columns:30px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;margin-bottom:14px}.leaderboard-intro--card{padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72)}.leaderboard-intro__step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(82,36,125,.08);color:var(--purple-dark);font-size:13px;font-weight:800}.leaderboard-intro__title{color:var(--purple-dark);font-size:14px;font-weight:800;line-height:1.2}.leaderboard-intro__copy{margin:3px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.leaderboard-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.leaderboard-title{margin:14px 0 6px}.leaderboard-actions{margin-top:10px}.leaderboard-refresh{border:1px solid var(--border);border-radius:999px;min-height:38px;padding:8px 14px;background:rgba(255,255,255,.9);color:var(--purple-dark);font-size:13px;font-weight:700}.leaderboard-refresh:disabled{cursor:default;opacity:.7}.leaderboard-toggle{display:inline-flex;gap:8px;padding:4px;border-radius:999px;background:rgba(82,36,125,.08)}.leaderboard-toggle__button{border:0;border-radius:999px;min-height:34px;padding:8px 14px;background:transparent;color:var(--purple-dark);font-size:13px;font-weight:700}.leaderboard-toggle__button.is-active{background:#fff;box-shadow:0 4px 12px rgba(71,32,101,.1)}.leaderboard-list{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-gap:10px;gap:10px}.leaderboard-item{display:grid;grid-template-columns:40px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:#fff}.leaderboard-rank{font-weight:800;color:var(--purple-dark)}.leaderboard-song{font-weight:700}.small-note{margin:0;color:var(--muted);font-size:12px;text-align:center}@media (max-width:1180px){.page-grid{grid-template-columns:1fr}}@media (max-width:640px){.page-shell{padding:12px}.page-grid{width:100%;gap:16px}.side-stack{gap:16px}.page-disclaimer{width:100%;margin-top:16px;padding:0 2px}.section-guide{grid-template-columns:30px minmax(0,1fr);gap:10px}.section-guide__step{width:30px;height:30px;font-size:13px}.section-guide__copy,.section-guide__title{font-size:14px}.leaderboard-panel,.panel,.preview-panel{width:99%;max-width:100%;margin-bottom:0;padding:16px;border-radius:20px}.two-up{grid-template-columns:1fr}.leaderboard-header{flex-direction:column;align-items:stretch}.leaderboard-intro{margin-bottom:12px}.leaderboard-toggle{width:-moz-fit-content;width:fit-content}.button-row{display:grid;grid-template-columns:1fr}.button-row>*{width:100%}.action-card__inner{padding:16px}.submit-stack>*{width:100%}.preview-frame{justify-content:center;padding:0}.preview-scale{width:100%;max-width:calc(100vw - 24px)}.preview-card-shell{width:100%;max-width:100%}.preview-panel--desktop{display:none}.preview-panel--mobile{display:block;margin-top:20px}}.export-surface{position:fixed;left:-99999px;top:0;width:0;height:0;overflow:visible;pointer-events:none}@font-face{font-family:batuphat;src:url(/_next/static/media/2d216e1a1dfbfa8c-s.p.otf) format("opentype");font-display:swap}@font-face{font-family:batuphat Fallback;src:local("Arial");ascent-override:76.08%;descent-override:25.19%;line-gap-override:19.65%;size-adjust:99.24%}.__className_221cb5{font-family:batuphat,batuphat Fallback}.__variable_221cb5{--font-batuphat:"batuphat","batuphat Fallback"}