:root{color:#1b1830;font-synthesis:none;--ink:#17132c;--purple:#6d50e7;--purple-dark:#4c35bd;--lavender:#d8ccff;--lime:#dfff6a;--pink:#ff7cab;--cream:#fffaf0;--line:#e7e3ee;--muted:#716d7f;--shadow:0 18px 55px #26195521;background:#f8f7fb;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f8f7fb;min-height:100%}body{overscroll-behavior-y:none;min-width:320px;min-height:100dvh;margin:0}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6d50e74d}svg{stroke-width:2px;width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}.app-shell{min-height:100dvh;padding-bottom:84px;overflow:hidden}.site-header{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 28px;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand strong{color:var(--purple)}.brand-mark{color:#fff;background:var(--ink);border-radius:11px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-5deg)}.brand-mark svg{width:18px}.card-count{color:#5d5871;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:700}.hero{color:#fff;background:radial-gradient(circle at 84% 18%,#ff7cab61,#0000 27%),radial-gradient(circle at 55% 105%,#6d50e78c,#0000 44%),#18142f;border-radius:32px;grid-template-columns:1.05fr .95fr;max-width:1200px;min-height:465px;margin:0 auto;padding:64px 72px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-130px;left:-120px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.hero-copy{z-index:2;align-self:center;position:relative}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow{color:var(--lime);margin-bottom:24px}.eyebrow svg{width:15px;height:15px}.hero h1{letter-spacing:-.055em;margin-bottom:24px;font-size:clamp(48px,5.5vw,74px);line-height:.99}.hero h1 em{color:var(--lavender);font-style:normal}.hero-copy>p{color:#bbb5cc;max-width:510px;margin-bottom:31px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:#fff;background:var(--purple);box-shadow:0 8px 22px #593ecb40}.button-primary:hover:not(:disabled){background:#6246dc;box-shadow:0 11px 26px #593ecb52}.button-large{min-height:54px;padding:0 24px;font-size:15px}.button-icon{background:#ffffff29;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.button-icon svg{width:16px}.button-ghost{color:inherit;background:0 0}.hero .button-ghost{color:#cdc9d7}.button-light{color:var(--ink);background:#fff}.dark-ghost{color:#fff;background:#ffffff17}.hero-art{min-height:330px;position:relative}.record{background:repeating-radial-gradient(circle,#242035 0 8px,#312a47 9px 10px);border-radius:50%;position:absolute;box-shadow:0 25px 60px #00000059}.record:before,.record:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.record:before{background:var(--pink);width:37%;height:37%}.record:after{background:var(--cream);width:12%;height:12%;box-shadow:inset 0 0 0 5px #17132c}.record-front{width:275px;height:275px;bottom:2px;right:45px;transform:rotate(8deg)}.record-back{opacity:.85;width:210px;height:210px;top:0;right:220px;transform:rotate(-15deg)}.record-back:before{background:var(--lavender)}.sound-pill{z-index:3;background:#fffffff2;border-radius:18px;align-items:center;gap:4px;height:58px;padding:13px 15px;display:flex;position:absolute;box-shadow:0 12px 40px #00000040}.sound-pill span{background:var(--purple);border-radius:4px;width:4px;animation:.9s ease-in-out infinite alternate waveform}.sound-pill span:first-child{height:12px}.sound-pill span:nth-child(2){height:25px;animation-delay:-.3s}.sound-pill span:nth-child(3){height:18px;animation-delay:-.5s}.sound-pill span:nth-child(4){height:31px;animation-delay:-.2s}.sound-pill span:nth-child(5){height:16px;animation-delay:-.65s}.sound-pill-one{top:47px;right:0}.sound-pill-two{bottom:28px;left:65px;transform:scale(.8)rotate(-7deg)}.floating-note{color:var(--lime);font-size:32px;font-weight:800;position:absolute}.note-one{bottom:45px;right:12px;transform:rotate(10deg)}.note-two{color:var(--pink);top:45px;left:42%;transform:rotate(-16deg)}@keyframes waveform{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.content-section{max-width:1100px;margin:0 auto;padding:56px 28px 30px}.game-page{max-width:1200px;margin:0 auto;padding:0 20px 80px}.game-hero{color:#fff;background:radial-gradient(circle at 82% 20%, #ff7cab4d, transparent 28%), radial-gradient(circle at 35% 120%, #6d50e78c, transparent 42%), var(--ink);border-radius:30px;grid-template-columns:1fr auto;align-items:center;gap:45px;min-height:315px;padding:50px 60px 75px;display:grid}.game-hero .eyebrow{margin-bottom:17px}.game-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,61px);line-height:1.03}.game-hero h1 em{color:var(--lavender);font-style:normal}.game-hero p{color:#aaa5bb;max-width:550px;margin:20px 0 0;line-height:1.55}.game-actions{flex-direction:column;gap:10px;width:235px;display:flex}.game-actions .button{width:100%}.listen-button{min-height:59px;color:var(--ink);background:var(--lime);font-size:15px}.listen-button>span{color:#fff;background:#657d20;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.game-add-button{color:#fff;background:#ffffff1a}.game-actions small{text-align:center;color:#858093;margin-top:4px}.game-actions small strong{color:#fff}.manage-cards-button{color:#aaa5bb;background:0 0;min-height:38px;font-size:12px}.game-content-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:18px;width:min(1160px,100% - 36px);margin:-42px auto 0;display:grid}.card-dashboard{border:1px solid var(--line);background:#fbfafd;border-radius:26px;width:100%;padding:28px;box-shadow:0 18px 55px #2619551c}.card-dashboard-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.card-dashboard-header h2{letter-spacing:-.035em;margin:0;font-size:28px}.card-dashboard-header p{color:var(--muted);margin:5px 0 0;font-size:11px}.card-dashboard-actions{gap:7px;display:flex}.card-dashboard-actions .button{min-height:38px;padding:0 12px;font-size:10px}.clear-marks-button{color:#ae3450;background:#ffe9ef}.clear-marks-button:disabled{opacity:.45}.song-search{border:1px solid var(--line);color:#9993a5;background:#fff;border-radius:13px;align-items:center;gap:9px;width:280px;height:43px;padding:0 13px;display:flex}.song-search svg{width:17px}.song-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.card-overview-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:13px;display:grid}.card-progress{text-align:center;background:#fff;border:1px solid #e3deea;border-radius:17px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:16px 10px 13px;display:flex;position:relative}.card-progress>span:last-child{width:100%;min-width:0}.card-progress strong,.card-progress small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card-progress strong{font-size:12px}.card-progress small{color:var(--muted);margin-top:3px;font-size:9px}.card-progress .card-progress-grid{border-radius:15px;flex:none;gap:4px;width:112px;height:112px;padding:9px}.card-progress-grid button{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fffc;border:0;border-radius:2px;min-width:0;padding:0}.card-progress-grid button:disabled{opacity:1}.card-progress-grid button.free{background:#e7e3ec;box-shadow:inset 0 0 0 1px #d2ccdb}.card-progress-grid button.marked{background:var(--target-color)}.card-progress-grid button.preview-target{z-index:1;background:var(--lime);box-shadow:0 0 0 2px white, 0 0 0 5px var(--purple-dark);position:relative;transform:scale(1.12)}.square-song-popup{z-index:5;color:#fff;text-align:left;background:#18142ef5;border-radius:12px;min-width:0;padding:13px 28px 13px 13px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%);box-shadow:0 10px 28px #18142e52}.square-song-popup>button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:5px;right:5px}.square-song-popup>button svg{width:12px}.square-song-popup em,.square-song-popup strong,.square-song-popup small{white-space:normal;display:block;overflow:visible}.square-song-popup em{color:var(--lime);text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px;font-size:7px;font-style:normal;font-weight:800}.square-song-popup strong{font-size:11px;line-height:1.25}.square-song-popup small{color:#b4aec3;margin-top:3px;font-size:8px}.mini-card-legend{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:15px;margin:-9px 0 17px;padding:9px 12px;font-size:9px;display:flex}.mini-card-legend span{white-space:nowrap;align-items:center;gap:6px;display:flex}.mini-card-legend i{border-radius:2px;width:11px;height:11px;display:inline-block}.legend-target{background:var(--purple)}.legend-target-marked{border:2px solid var(--purple);background:var(--purple)}.legend-marked{background:#bdb4cf}.mini-card-legend em{margin-left:auto;font-style:normal}.heard-banner{background:#f2eff6;border:1px solid #e6e1ed;border-radius:16px;align-items:center;gap:13px;min-height:67px;margin-bottom:18px;padding:11px 16px;display:flex}.heard-banner.found{background:#f3ffd2;border-color:#c9df76}.heard-pulse{color:#fff;background:var(--purple);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.heard-banner.found .heard-pulse{background:#687f1f}.heard-banner>span:nth-child(2){flex:1;min-width:0}.heard-banner small,.heard-banner strong,.heard-banner em{display:block}.heard-banner small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:800}.heard-banner strong{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.heard-banner em{color:var(--muted);font-size:11px;font-style:normal}.heard-banner b{color:var(--purple-dark);white-space:nowrap;font-size:12px}.combined-song-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.combined-list-labels{color:#9993a5;text-transform:uppercase;letter-spacing:.12em;background:#f6f4f8;grid-template-columns:38% 62%;padding:9px 19px;font-size:8px;font-weight:800;display:grid}.combined-song-row{border-top:1px solid var(--line);grid-template-columns:38% 62%;align-items:center;min-height:94px;padding:13px 18px;transition:background .2s,box-shadow .2s;display:grid}.combined-song-row:nth-child(2){border-top:0}.combined-song-row.now-playing{z-index:1;background:#f4ffd2;position:relative;box-shadow:inset 4px 0 #8ca82f}.combined-song-copy{min-width:0;padding-right:18px}.combined-song-copy>strong,.combined-song-copy>small{display:block}.combined-song-copy>strong{font-family:Manrope;font-size:15px}.combined-song-copy>small{color:var(--muted);margin-top:3px;font-size:12px}.playing-label{color:#667f1d;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:5px;margin-bottom:5px;font-size:8px;font-weight:800;display:flex}.playing-label>span{background:#779323;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #77932326}.song-list-modal-header{align-items:center}.modal-song-search{margin:0 0 14px auto}.modal-song-search+.mini-card-legend{margin-top:0}.modal-song-list{max-height:57vh;overflow-y:auto}.song-card-locations{align-items:center;gap:13px;padding:2px 1px;display:flex;overflow-x:auto}.mini-card-location{width:67px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:3px;padding:0;font-size:8px;font-weight:700;display:flex}.mini-card-name,.mini-card-state{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.mini-card-state{color:#aaa4b5;font-size:7px;font-weight:600}.mini-card-state.marked{color:var(--purple);font-weight:800}.location-grid{--target-color:var(--purple);background:#eeeaf5;border-radius:9px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:2px;width:54px;height:54px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #1a142f14}.location-grid.location-color-1{--target-color:#d95381}.location-grid.location-color-2{--target-color:#70901a}.location-grid.location-color-3{--target-color:#23849b}.location-grid i{background:#fffc;border-radius:1px}.location-grid i.free{background:#e7e3ec;box-shadow:inset 0 0 0 1px #d2ccdb}.location-grid i.marked{background:#bdb4cf}.location-grid i.target{background:var(--target-color)}.location-grid i.target.marked{background:var(--target-color);box-shadow:0 0 0 1px white, 0 0 0 3px var(--target-color)}.location-grid.active i.target{animation:1.2s ease-in-out infinite alternate target-glow}@keyframes target-glow{to{transform:scale(1.18)}}.no-songs-found{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.no-songs-found svg{width:18px}.history-panel{border:1px solid var(--line);background:#fbfafd;border-radius:20px;max-height:calc(100vh - 105px);position:sticky;top:82px;overflow:hidden;box-shadow:0 14px 38px #26195517}.history-heading{border-bottom:1px solid var(--line);padding:20px 17px 14px}.history-heading .section-kicker{margin-bottom:4px;font-size:8px}.history-heading h2{letter-spacing:-.03em;margin:0;font-size:18px}.history-list{max-height:calc(100vh - 190px);overflow-y:auto}.history-list article{border-top:1px solid var(--line);grid-template-columns:30px minmax(0,1fr);gap:9px;padding:13px 12px;display:grid;position:relative}.history-list article:first-child{border-top:0}.history-list article.found{background:#f5ffd8}.history-list article>span:nth-child(2){min-width:0;padding-right:19px}.history-note{width:30px;height:30px;color:var(--purple);background:#eee9ff;border-radius:9px;place-items:center;display:grid}.history-list .found .history-note{color:#607719;background:#def09d}.history-note svg{width:14px}.history-list strong,.history-list small,.history-list em{text-overflow:ellipsis;display:block;overflow:hidden}.history-list strong{white-space:nowrap;font-size:11px}.history-list small{color:var(--muted);white-space:nowrap;margin-top:2px;font-size:9px}.history-list em{color:#918a9e;margin-top:5px;font-size:8px;font-style:normal}.history-remove{color:#9b8290;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:8px;right:7px}.history-remove:hover,.history-remove:focus-visible{color:#9d2947;background:#ffe3eb}.history-remove svg{width:12px}.history-card-locations{gap:7px;margin-top:9px;padding:2px;display:flex;overflow-x:auto}.history-mini-card{text-align:center;flex:none;width:42px}.history-mini-card .location-grid{gap:1px;width:39px;height:39px;padding:4px}.history-mini-card b{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:7px;display:block;overflow:hidden}.history-empty{color:var(--muted);margin:0;padding:24px 17px;font-size:10px;line-height:1.5}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-kicker{color:var(--purple);margin-bottom:8px}.section-heading h2,.page h1{letter-spacing:-.035em;margin:0;font-size:29px}.progress-stat{color:var(--muted);font-size:13px}.progress-stat strong{color:var(--purple);margin-right:4px;font-size:20px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{border:1px solid var(--line);background:#fff;border-radius:22px;min-height:205px;padding:28px;position:relative;overflow:hidden}.step-number{color:#e4e0eb;font-family:Manrope;font-size:34px;font-weight:800;position:absolute;top:16px;right:20px}.step-icon{width:48px;height:48px;color:var(--purple);background:#eeeaff;border-radius:15px;place-items:center;margin-bottom:22px;display:grid}.step-card:nth-child(2) .step-icon{color:#d64f7f;background:#ffe4ed}.step-card:nth-child(3) .step-icon{color:#547014;background:#efffc1}.step-card h3{margin-bottom:8px;font-size:17px}.step-card p{color:var(--muted);max-width:270px;margin:0;font-size:13px;line-height:1.55}.card-row{grid-template-columns:repeat(3,1fr) 130px;gap:16px;display:grid}.bingo-card-preview{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.bingo-card-preview>svg{color:#aaa4b6;width:17px}.preview-art{border-radius:15px;place-items:center;width:72px;height:72px;display:grid}.art-0{background:#ded5ff}.art-1{background:#ffc9da}.art-2{background:#e4f69f}.art-3{background:#bfe7f2}.mini-grid{grid-template-columns:repeat(3,9px);gap:3px;display:grid}.mini-grid i{border:1px solid #18142e47;border-radius:2px;width:9px;height:9px}.mini-grid i.filled{background:var(--purple);border-color:var(--purple)}.preview-copy{min-width:0}.preview-copy strong,.preview-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.preview-copy small,.wide-card small{color:var(--muted);margin-top:5px;font-size:11px}.add-card-tile{color:var(--purple);cursor:pointer;background:0 0;border:1px dashed #cfc9dc;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.add-card-tile svg{background:#ece8ff;border-radius:50%;width:34px;height:34px;padding:6px}.bottom-nav{display:none}.page{padding:42px 28px 120px}.narrow-page{max-width:820px;margin:0 auto}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:34px;padding:0;font-size:13px;font-weight:700;display:flex}.back-button svg{width:17px}.page-heading{align-items:center;margin-bottom:28px}.collection-actions{align-items:center;gap:8px;display:flex}.clear-cards-button{color:#b53654;background:#ffe9ef}.cards-list{gap:12px;display:grid}.wide-card-row{grid-template-columns:1fr 44px;gap:8px;display:grid}.wide-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:19px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;width:100%;padding:14px 18px 14px 14px;display:grid}.wide-card-art{width:58px;height:58px;color:var(--ink);border-radius:14px;place-items:center;display:grid}.wide-card>span:nth-child(2) strong,.wide-card>span:nth-child(2) small{display:block}.wide-card>svg{color:#aaa4b6;width:18px}.row-delete-button{color:#b53654;cursor:pointer;background:#ffe9ef;border:0;border-radius:14px;place-items:center;width:44px;display:grid}.row-delete-button svg{width:17px}.empty-state{text-align:center;border:1px dashed #d5d0de;border-radius:24px;margin:55px auto;padding:45px 24px}.empty-icon{width:62px;height:62px;color:var(--purple);background:#ece8ff;border-radius:19px;place-items:center;margin:0 auto 18px;display:grid}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--muted);max-width:330px;margin:0 auto 22px}.card-detail-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.card-detail-header h1{margin:0;font-size:34px}.icon-button{cursor:pointer;background:#f0edf4;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.icon-button svg{width:18px}.icon-button.danger{color:#c73558;background:#ffe8ee}.song-list{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.song-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:38px 1fr 30px;align-items:center;gap:12px;width:100%;padding:15px 17px;display:grid}.song-row:last-child{border-bottom:0}.song-row.marked{color:#787285;background:#f8f6fb;text-decoration:line-through}.song-index{color:#aaa4b3;font-size:11px;font-weight:700}.check-circle{border:1.5px solid #d8d3df;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.marked .check-circle{color:#fff;border-color:var(--purple);background:var(--purple)}.check-circle svg{width:14px}.card-song-copy strong,.card-song-copy small{display:block}.card-song-copy strong{font-weight:600}.card-song-copy small{color:var(--muted);margin-top:2px;font-size:11px}.song-row.marked .card-song-copy small{color:inherit}.help-page{padding-top:80px}.help-page>h1{margin-bottom:35px;font-size:38px}.help-grid{margin-bottom:30px}.help-grid article{border-top:1px solid var(--line);gap:20px;padding:25px 0;display:flex}.help-grid article>span{width:39px;height:39px;color:var(--purple);background:#ece8ff;border-radius:12px;flex:none;place-items:center;font-weight:800;display:grid}.help-grid h3{margin:2px 0 7px;font-size:17px}.help-grid p{color:var(--muted);margin:0;line-height:1.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120f29a6;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{width:min(620px,100%);max-height:calc(100dvh - 50px);box-shadow:var(--shadow);background:#fbfafd;border-radius:27px;padding:28px;overflow-y:auto}.modal-wide{width:min(1080px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.modal-header h2{letter-spacing:-.035em;margin:0;font-size:29px}.modal-intro{color:var(--muted);margin:10px 0 19px;font-size:13px;line-height:1.55}.scan-zone{background:#f1eef7 50%/cover no-repeat;border:1.5px dashed #bfb8cd;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:190px;display:flex;position:relative;overflow:hidden}.scan-zone.dragging{border-color:var(--purple);background-color:#e9e3ff;box-shadow:inset 0 0 0 3px #6d50e71f}.scan-zone.has-image:before{content:"";background:#130f2873;position:absolute;inset:0}.scan-zone>*{z-index:1;position:relative}.scan-zone>small{color:var(--muted);margin-bottom:6px;font-size:11px}.scan-icon{width:46px;height:46px;color:var(--purple);background:#dfd8fa;border-radius:15px;place-items:center;display:grid}.scan-zone input{display:none}.scan-zone.has-image .scan-buttons{margin-top:100px}.scan-buttons{gap:8px;margin-top:4px;display:flex}.scan-camera{color:#fff;background:var(--purple)}.scan-progress{color:#fff;text-shadow:0 1px 6px #00000080;flex-direction:column;align-items:center;gap:8px;display:flex}.scan-progress small{color:#fff}.scan-zone:not(.has-image) .scan-progress{color:var(--ink);text-shadow:none}.scan-zone:not(.has-image) .scan-progress small{color:var(--muted)}.spinner{border:3px solid #6d50e733;border-top-color:var(--purple);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.spinner.large{border-width:4px;border-color:#fff #fff3 #fff3;width:42px;height:42px}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{color:#a5324d;background:#ffe9ee;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px}.card-scan-error{color:#8c2941;background:#fff1f4;border:1px solid #f1b9c7;border-radius:11px;flex-direction:column;gap:3px;margin:14px 0 0;padding:11px 13px;font-size:12px;display:flex}.draft-tabs{gap:7px;margin-top:15px;padding-bottom:3px;display:flex;overflow-x:auto}.draft-tab{border:1px solid var(--line);background:#fff;border-radius:11px;flex:none;align-items:center;height:36px;padding:3px 4px 3px 3px;display:flex}.draft-tab.active{border-color:var(--purple);background:#f0ecff}.draft-tab button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 7px;font-size:11px;font-weight:700;display:flex}.draft-tab button:first-child span{width:20px;height:20px;color:var(--purple);background:#e9e3ff;border-radius:7px;place-items:center;font-size:9px;display:grid}.draft-tab button:last-child{justify-content:center;width:25px;padding:0}.draft-tab button:last-child svg{width:13px}.card-review-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:start;gap:22px;margin-top:17px;display:grid}.card-review-layout .scan-zone{background:#fff;min-height:0}.card-review-layout .scan-zone.has-image:before{display:none}.card-review-layout .scan-zone img{width:100%;height:auto;display:block}.review-image-column>.scan-buttons{justify-content:center;margin-top:10px}.review-image-column>.scan-buttons input{display:none}.card-cell-highlight{z-index:2;border:4px solid var(--purple);pointer-events:none;background:#6d50e738;position:absolute;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px #6d50e740}.review-fields .field-label:first-of-type{margin-top:0}.review-fields textarea{min-height:480px;font-size:12px}.field-label{margin-top:17px;font-size:12px;font-weight:800;display:block}.field-label>span{float:right;color:var(--muted);font-weight:500}.field-label input,.field-label textarea{width:100%;color:var(--ink);resize:vertical;background:#fff;border:1px solid #dcd7e3;border-radius:12px;margin-top:7px;padding:11px 13px}.field-label textarea{line-height:1.5}.field-label input:focus,.field-label textarea:focus{border-color:var(--purple)}.modal-actions{justify-content:flex-end;gap:9px;margin-top:23px;display:flex}.confirmation-content{text-align:center;padding:10px 12px 0}.confirmation-icon{color:#bd3656;background:#ffe8ee;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.confirmation-icon svg{width:25px}.confirmation-content h2{margin:0 0 9px;font-size:25px}.confirmation-content p{max-width:430px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.55}.button-danger{color:#fff;background:#bd3656}.modal-dark{color:#fff;background:#18142f;width:min(580px,100%);padding:0;overflow:hidden}.listen-modal{background:radial-gradient(circle at 50% 39%,#6d50e752,#0000 34%),radial-gradient(circle at 100% 0,#ff7cab2e,#0000 25%);min-height:600px;position:relative}.close-listen{z-index:3;color:#fff;background:#ffffff1a;position:absolute;top:20px;right:20px}.listen-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:600px;padding:62px 35px 34px;display:flex}.listen-center .section-kicker,.result-panel .section-kicker{color:var(--lime)}.listen-center h2{letter-spacing:-.04em;margin:9px 0;font-size:34px}.listen-center>p{color:#aba6bd;min-height:22px;margin-bottom:28px;font-size:14px}.listen-orb{color:#fff;cursor:pointer;background:linear-gradient(145deg,#876ef5,#5c40d0);border:0;border-radius:50%;place-items:center;width:142px;height:142px;margin:18px 0 30px;display:grid;position:relative;box-shadow:0 18px 50px #5536d573,inset 0 1px 1px #ffffff4d}.listen-orb>svg{width:44px;height:44px}.orb-ring{border:1px solid #b1a0ff40;border-radius:50%;position:absolute}.ring-one{inset:-22px}.ring-two{inset:-44px}.listen-orb.active .ring-one{animation:1.5s ease-out infinite pulse}.listen-orb.active .ring-two{animation:1.5s ease-out .6s infinite pulse}@keyframes pulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.privacy-note{color:#777187;font-size:10px}.manual-search{width:min(320px,100%);margin-top:28px}.manual-search>span{color:#777187;text-transform:uppercase;letter-spacing:.11em;font-size:10px}.manual-search>div{margin-top:8px;display:flex}.manual-search input{color:#fff;background:#ffffff12;border:1px solid #ffffff21;border-right:0;border-radius:11px 0 0 11px;flex:1;min-width:0;height:40px;padding:0 12px}.manual-search button{width:44px;color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:0 11px 11px 0}.manual-search button svg{width:17px}.result-state .result-icon{margin-bottom:10px}.result-state .button{margin-top:4px}.result-icon{border-radius:50%;place-items:center;width:65px;height:65px;display:grid}.result-icon.no-match{color:#ffadc8;background:#ff7cab26}.result-icon svg{width:29px;height:29px}.result-panel{min-height:600px;padding:55px 32px 30px}.recognized-song{align-items:center;gap:16px;margin:9px 0 27px;display:flex}.recognized-song img,.album-placeholder{object-fit:cover;border-radius:16px;width:74px;height:74px}.album-placeholder{color:var(--pink);background:linear-gradient(145deg,#44376e,#281f4b);place-items:center;display:grid}.recognized-song h2{margin:0 0 4px;font-size:26px;line-height:1.15}.recognized-song p{color:#aaa4b9;margin:0}.match-box{color:var(--ink);background:#fff;border-radius:19px;overflow:hidden}.match-banner{background:var(--lime);align-items:center;gap:12px;padding:16px 17px;display:flex}.match-banner>span{color:#fff;background:#647f19;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.match-banner>span svg{width:18px}.match-banner>div{flex:1;min-width:0}.match-banner strong,.match-banner small{display:block}.match-banner small{color:#526716;margin-top:2px;font-size:11px}.match-row{border-top:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:13px;width:100%;padding:14px 17px;display:grid}.match-row .location-grid{width:66px;height:66px;padding:6px}.match-copy strong,.match-copy small,.match-copy em{display:block}.match-copy small{color:var(--muted);margin-top:3px}.match-copy em{color:var(--purple);margin-top:5px;font-size:10px;font-style:normal;font-weight:800}.no-match-box{border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:13px;padding:20px;display:flex}.no-match-box>span{background:#ffffff14;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.no-match-box strong,.no-match-box small{display:block}.no-match-box small{color:#928ca2;margin-top:3px}.result-actions{gap:10px;margin-top:21px;display:flex}.result-actions .button{flex:1}.result-mark-button{color:var(--ink);background:var(--lime)}@media (width<=900px){.site-header{height:64px;padding:0 20px}.hero{border-radius:27px;min-height:450px;margin:0 16px;padding:48px 42px}.hero h1{font-size:54px}.hero-art{transform-origin:100%;transform:scale(.82)}.card-row{grid-template-columns:repeat(2,1fr)}.add-card-tile{min-height:90px}.game-hero{padding:42px 40px 75px}.game-content-layout{grid-template-columns:1fr;width:calc(100% - 28px)}.card-overview-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.history-panel{max-height:none;position:static}.history-list{max-height:290px}.combined-list-labels,.combined-song-row{grid-template-columns:34% 66%}.card-review-layout{grid-template-columns:1fr}.review-fields textarea{min-height:390px}}@media (width<=680px){.app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.site-header{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 15px 0}.brand{gap:8px;font-size:17px}.brand-mark{width:32px;height:32px}.card-count{padding:6px 9px;font-size:9px}.hero{border-radius:25px;grid-template-columns:1fr;min-height:610px;margin:0 10px;padding:37px 26px 0}.hero h1{font-size:clamp(44px,14vw,61px)}.hero-copy>p{margin-bottom:24px;font-size:15px}.hero-actions{display:block}.hero-actions .button{width:100%}.hero-actions .button-ghost{margin-top:7px}.hero-art{transform-origin:top;min-height:260px;margin-top:15px;transform:scale(.75)}.record-front{right:15px}.record-back{right:175px}.sound-pill-one{right:-28px}.content-section{padding:42px 17px 24px}.section-heading{align-items:start}.section-heading h2{font-size:24px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:180px}.card-row{grid-template-columns:1fr}.add-card-tile{min-height:82px}.game-page{padding:0 4px calc(88px + env(safe-area-inset-bottom))}.game-hero{border-radius:22px;grid-template-columns:1fr;gap:14px;min-height:0;padding:22px 17px 58px}.game-hero .eyebrow{margin-bottom:10px;font-size:9px}.game-hero h1{font-size:29px;line-height:1.06}.game-hero p{display:none}.game-actions{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.game-actions .listen-button{grid-column:1/-1;min-height:54px}.game-actions .game-add-button,.game-actions .manage-cards-button{min-height:38px;padding:0 8px;font-size:10px}.game-actions small{display:none}.game-content-layout{width:calc(100% - 8px);margin-top:-39px}.card-dashboard{border-radius:19px;padding:17px 10px}.card-dashboard-header{flex-direction:column;align-items:stretch;gap:11px;margin-bottom:14px}.card-dashboard-header h2{font-size:24px}.card-dashboard-header p{font-size:10px}.card-dashboard-actions .button{flex:1;padding:0 8px}.card-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-progress{padding:11px 5px 9px}.card-progress .card-progress-grid{gap:3px;width:min(112px,29vw);height:min(112px,29vw);padding:7px}.song-search{width:100%}.mini-card-legend{flex-wrap:wrap;gap:7px 12px}.mini-card-legend em{width:100%;margin-left:0}.heard-banner{margin-bottom:13px;padding:9px}.heard-banner b,.combined-list-labels{display:none}.combined-song-row{grid-template-columns:minmax(125px,42%) 1fr;min-height:115px;padding:14px 12px}.combined-song-row:nth-child(2){border-top:0}.combined-song-copy{padding-right:10px}.combined-song-copy>strong{font-size:13px}.song-card-locations{gap:7px}.mini-card-location{width:59px}.location-grid{width:49px;height:49px;padding:4px}.bottom-nav{z-index:30;min-height:calc(66px + env(safe-area-inset-bottom));padding:7px max(15px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(15px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:1fr 1fr 1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav>button{color:#918b9d;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.bottom-nav>button.active{color:var(--purple)}.bottom-nav svg{width:20px}.bottom-nav .listen-fab{color:#fff;background:var(--purple);border-radius:50%;grid-column:2;place-self:center;width:54px;height:54px;margin-top:-31px;box-shadow:0 8px 24px #593ecb66}.bottom-nav .listen-fab+button{grid-column:3}.bottom-nav>button:last-child{grid-column:4}.page{padding:28px 17px 105px}.page-heading{align-items:center}.page-heading .button{width:44px;padding:0;font-size:0}.page-heading .button svg{width:19px}.help-page{padding-top:45px}.help-page>h1{font-size:32px}.modal-backdrop{padding:env(safe-area-inset-top) 0 0;align-items:end}.modal{width:100%;max-height:calc(100dvh - env(safe-area-inset-top));padding:21px 17px max(21px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-dark{border-radius:0;height:100dvh;max-height:100dvh;padding:0}.listen-modal,.listen-center,.result-panel{min-height:100%}.close-listen{top:max(18px, env(safe-area-inset-top))}.listen-center{min-height:100dvh;padding:max(62px, env(safe-area-inset-top)) 24px max(35px, env(safe-area-inset-bottom))}.result-panel{min-height:100dvh;padding:max(70px, env(safe-area-inset-top)) 18px max(30px, env(safe-area-inset-bottom))}.modal-header h2{font-size:25px}.scan-zone{min-height:155px}.review-fields textarea{min-height:240px}.modal-actions .button{flex:1;padding-left:10px;padding-right:10px}.field-label input,.field-label textarea,.manual-search input,.song-search input{font-size:16px}.match-row{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:12px}.match-row .location-grid{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}