@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"}: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(1160px,100%);margin:0 auto;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(280px,390px) minmax(0,1fr)}.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%}.preview-panel--mobile{display:none}.side-stack{display:grid;grid-gap:20px;gap:20px}.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}.helper,.leaderboard-copy,.page-copy,.page-disclaimer,.status{color:var(--muted);line-height:1.5}.page-disclaimer{width:min(1160px,100%);margin:20px auto 0;padding:0 4px;font-size:13px}.page-disclaimer p{margin:0}.page-disclaimer p+p{margin-top:8px}.form-section{margin-top:24px}.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:18px;align-items:flex-start;justify-content:space-between}.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:8px 0 0;overflow:hidden}.preview-frame,.preview-scale{display:flex;justify-content:center}.preview-scale{width:min(100%,700px)}.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:48px;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%)}.preview-note{margin-top:14px;font-size:13px;color:var(--muted)}.leaderboard-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-gap:12px;gap:12px}.leaderboard-item{display:grid;grid-template-columns:40px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fff}.leaderboard-count,.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}.leaderboard-panel,.panel,.preview-panel{width:99%;max-width:100%;margin-bottom:0;padding:16px;border-radius:20px}.button-row,.two-up{grid-template-columns:1fr}.button-row{display:grid}.button-row>*,.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:1080px;height:1080px;pointer-events:none}