.cle-shell{padding-bottom:calc(var(--ui-s8) + 72px)}.cle-head{display:grid;gap:var(--ui-s2);margin-bottom:var(--ui-s4)}.cle-head__pack{margin:0;overflow-wrap:anywhere}.cle-intro{max-width:62ch;margin:0 0 var(--ui-s5);color:var(--ui-dim);font-size:var(--ui-t-md, 1rem);line-height:1.55}.cle-link{color:var(--ui-cyan);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.cle-grid{display:grid;gap:var(--ui-s4);grid-template-columns:minmax(0,1fr)}.cle-aside{display:grid;gap:var(--ui-s2);padding:var(--ui-s4);border-radius:var(--ui-r-md);background:var(--ui-card);border:1px solid var(--ui-line)}.cle-aside__h{margin:0;font-family:var(--ui-font-display);font-size:var(--ui-t-lg, 1.125rem);font-weight:600}.cle-aside .cle-card{width:min(100%,260px);margin-inline:auto}.cle-aside p{margin:0}@media(min-width:900px){.cle-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"name aside" "fill aside" "next aside";align-items:start;-moz-column-gap:var(--ui-s5);column-gap:var(--ui-s5)}.cle-step--name{grid-area:name}.cle-step--fill{grid-area:fill}.cle-next{grid-area:next}.cle-aside{grid-area:aside;position:sticky;top:5rem}.cle-aside .cle-card{width:100%}}@media(max-width:899px){.cle-step--name{order:1}.cle-aside{order:2}.cle-step--fill{order:3}.cle-next{order:4}.cle[data-view=cards] .cle-aside{display:none}}@media(min-width:900px){.cle-focus__card,.cle-focus__caption{display:none}}.cle-step{display:grid;gap:var(--ui-s3);align-content:start}.cle-step__h{display:flex;align-items:center;gap:var(--ui-s3);margin:0;font-family:var(--ui-font-display);font-size:var(--ui-t-xl, 1.35rem);font-weight:600}.cle-step__n{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--ui-r-pill);background:linear-gradient(135deg,var(--ui-cyan),var(--ui-violet));color:#050505;font-size:var(--ui-t-sm);font-weight:700}.cle-step .ui-hint,.cle-step .ui-label{margin:0}.cle-chip__icon{width:16px;height:16px;opacity:.85}.cle-ideas,.cle-iconpick{display:grid;gap:var(--ui-s2)}.cle-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--ui-s2)}.cle-icon{display:grid;place-items:center;min-height:var(--ui-tap, 44px);border-radius:var(--ui-r-sm);background:var(--ui-raised);border:1px solid var(--ui-line);cursor:pointer;transition:border-color var(--ui-d-fast) var(--ui-out),box-shadow var(--ui-d-fast) var(--ui-out)}.cle-icon:hover{border-color:var(--ui-line-strong)}.cle-icon[aria-pressed=true]{border-color:var(--ui-cyan);box-shadow:var(--ui-glow-cyan)}.cle-icon:focus-visible{outline:none;box-shadow:var(--ui-focus)}.cle-toolbar{display:grid;gap:var(--ui-s3);padding:var(--ui-s3);border-radius:var(--ui-r-sm);background:var(--ui-raised)}@media(min-width:640px){.cle-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.cle-progress{display:grid;gap:var(--ui-s2)}.cle-progress__row{display:flex;flex-wrap:wrap;gap:var(--ui-s2) var(--ui-s3);align-items:baseline;margin:0}.cle-bar{height:8px;border-radius:var(--ui-r-pill);background:#ffffff1a;overflow:hidden}.cle-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-cyan),var(--ui-violet));transition:width var(--ui-d-base) var(--ui-out)}.cle-statusrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-s2)}.cle-status{display:inline-flex;align-items:center;gap:var(--ui-s2);margin:0;min-height:36px;padding:0 var(--ui-s3);border-radius:var(--ui-r-pill);background:#ffffff0f;color:var(--ui-dim);font-size:var(--ui-t-sm)}.cle-status__dot{width:8px;height:8px;border-radius:50%;background:var(--ui-good)}.cle-status[data-state=dirty] .cle-status__dot,.cle-status[data-state=saving] .cle-status__dot{background:var(--ui-warn)}.cle-status[data-state=error]{color:var(--ui-bad)}.cle-status[data-state=error] .cle-status__dot{background:var(--ui-bad)}.cle-quick{display:grid;gap:var(--ui-s2);padding:var(--ui-s4);border-radius:var(--ui-r-md);border:1px dashed var(--ui-line-strong)}.cle-quick[hidden]{display:none}.cle-quick__h{margin:0;font-family:var(--ui-font-display);font-weight:600}.cle-quick .ui-hint{margin:0}.cle-quick__btns{display:grid;gap:var(--ui-s2);margin-top:var(--ui-s2)}@media(min-width:640px){.cle-quick__btns{grid-template-columns:repeat(3,minmax(0,1fr))}}.cle-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-s2)}.cle-tools .cle-search,.cle-tools .ui-chips{flex:1 1 100%}.cle-tools #cle-more{margin-left:auto}@media(min-width:900px){.cle-tools .cle-search{flex-basis:100%}.cle-tools .ui-chips{flex:1 1 auto}}.cle[data-view=cards] .cle-listwrap,.cle[data-view=cards] .cle-tools .ui-chips,.cle[data-view=cards] .cle-tools .cle-search,.cle[data-view=cards] .cle-quick,.cle[data-view=cards] .cle-step--fill>.ui-hint,.cle[data-view=cards] #cle-name-first{display:none}.cle[data-view=list] .cle-focus{display:none}.cle-list{display:grid;gap:var(--ui-s2);margin:0;padding:0;list-style:none}.cle-row{display:grid;gap:var(--ui-s2) var(--ui-s3);grid-template-columns:32px minmax(0,1fr);align-items:center;padding:var(--ui-s3);border-radius:var(--ui-r-sm);background:var(--ui-raised);border:1px solid transparent;transition:border-color var(--ui-d-fast) var(--ui-out)}.cle-row[hidden]{display:none}.cle-row.is-current{border-color:var(--ui-line-strong)}.cle-row__n{color:var(--ui-faint);font-size:var(--ui-t-sm);text-align:center;font-variant-numeric:tabular-nums}.cle-row__song{display:grid;min-width:0}.cle-row__title{font-weight:600;overflow-wrap:anywhere}.cle-row__artist{color:var(--ui-dim);font-size:var(--ui-t-sm);overflow-wrap:anywhere}.cle-row__field{position:relative;grid-column:1 / -1;display:grid;gap:2px}.cle-row__input{min-height:48px;padding-right:52px}.cle-row__clear{position:absolute;top:2px;right:2px}.cle-row__clear[hidden]{display:none}.cle-row__prints{color:var(--ui-faint);font-size:var(--ui-t-xs, .78rem);font-style:italic;overflow-wrap:anywhere}.cle-row__prints:empty{display:none}.cle-empty{margin:var(--ui-s3) 0 0;text-align:center}.cle-empty[hidden]{display:none}@media(min-width:768px){.cle-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1.2fr)}.cle-row__field{grid-column:auto}}.cle-keys{display:none;margin:var(--ui-s3) 0 0}@media(min-width:900px)and (pointer:fine){.cle-keys{display:block}}.cle-focus{display:grid;gap:var(--ui-s3);justify-items:stretch}.cle-focus__count{margin:0;color:var(--ui-dim);font-size:var(--ui-t-sm);text-align:center}.cle-focus .cle-card{width:min(100%,200px);margin-inline:auto}@media(max-width:899px){.cle[data-view=cards] .cle-focus__caption{display:none}}.cle-focus__caption{margin:0;text-align:center;color:var(--ui-dim)}.cle-focus__song{display:grid;text-align:center;overflow-wrap:anywhere}.cle-focus__input{min-height:56px;font-size:1.125rem}.cle-focus__nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-s2)}.cle-focus__nav .ui-btn{min-height:56px}.cle-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:var(--ui-r-md);padding:0 5%;color:#000;text-align:center;container-type:inline-size;box-shadow:var(--ui-shadow)}.cle-card p{margin:0}.cle-card__icon{position:absolute;top:6%;left:6%;width:10%;height:auto}.cle-card__icon[hidden]{display:none}.cle-card__artist{position:absolute;top:11%;left:0;right:0;padding:0 16%;font-size:clamp(.65rem,5cqw,1.1rem);font-weight:700;line-height:1.15}.cle-card__year{font-family:var(--ui-font-display);font-size:clamp(2rem,20cqw,5rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.cle-card__title{position:absolute;bottom:8%;left:0;right:0;padding:0 8%;font-size:clamp(.65rem,4.6cqw,1rem);font-style:italic;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cle-next__list{display:grid;gap:var(--ui-s2);margin:var(--ui-s2) 0 0;padding-left:1.2rem;color:var(--ui-dim);line-height:1.5}.cle-done{margin-top:var(--ui-s5)}@media(min-width:768px){.cle-done{justify-content:flex-end}.cle-done>.ui-btn{flex:none;min-width:200px}}.cle-dlg{display:grid;gap:var(--ui-s3);align-content:start}.cle-dlg p{margin:0}.cle-dlg__foot{display:grid;grid-template-columns:1fr 1fr;gap:var(--ui-s2)}.cle-dlg__plan{display:grid;gap:var(--ui-s2);padding:var(--ui-s3);border-radius:var(--ui-r-sm);background:var(--ui-raised)}.cle-dlg__plan:empty{display:none}.cle-dlg__h{color:var(--ui-dim);font-size:var(--ui-t-xs, .78rem);text-transform:uppercase;letter-spacing:.06em}.cle-dlg__sample{display:grid;gap:var(--ui-s2);margin:0;padding:0;list-style:none}.cle-dlg__sample li{display:flex;flex-wrap:wrap;gap:var(--ui-s2);align-items:baseline}.cle-dlg__song{color:var(--ui-dim);overflow-wrap:anywhere}.cle-dlg__arrow{color:var(--ui-faint)}.cle-dlg__notes{display:grid;gap:4px;margin:0;padding-left:1.1rem;color:var(--ui-dim);font-size:var(--ui-t-sm)}.cle-dlg__paste{min-height:120px}.cle-dlg__start{display:grid;gap:var(--ui-s2);color:var(--ui-dim);font-size:var(--ui-t-sm)}.cle-check{display:flex;align-items:center;gap:var(--ui-s3);min-height:var(--ui-tap, 44px);color:var(--ui-dim);font-size:var(--ui-t-sm);cursor:pointer}.cle-check[hidden]{display:none}.cle-check input{width:22px;height:22px;flex:none;accent-color:var(--ui-cyan)}.cle-ro{max-width:640px}.cle-ro p{margin:0}.cle-guide{display:grid;gap:var(--ui-s4);margin:0;padding:0;list-style:none}@media(min-width:768px){.cle-guide{grid-template-columns:repeat(3,minmax(0,1fr))}}.cle-guide__step{display:grid;gap:var(--ui-s3);align-content:start;padding:var(--ui-s4);border-radius:var(--ui-r-md);background:var(--ui-card);border:1px solid var(--ui-line)}.cle-guide__vis{display:grid;align-content:center;gap:var(--ui-s2);min-height:220px;padding:var(--ui-s3);border-radius:var(--ui-r-sm);background:var(--ui-raised)}.cle-guide__h{display:flex;align-items:center;gap:var(--ui-s3);margin:0;font-family:var(--ui-font-display);font-size:var(--ui-t-lg, 1.125rem);font-weight:600}.cle-guide__text{margin:0;color:var(--ui-dim);line-height:1.5}.cle-fake{display:flex;align-items:center;gap:var(--ui-s2);min-height:40px;padding:0 var(--ui-s3);border-radius:var(--ui-r-sm);border:1px solid var(--ui-line-strong);background:var(--ui-void);color:var(--ui-text);font-size:var(--ui-t-sm)}.cle-fake--cyan{border-color:var(--ui-cyan)}.cle-fake__muted{color:var(--ui-dim)}.cle-fakechips{display:flex;flex-wrap:wrap;gap:var(--ui-s2)}.cle-fakechip{padding:6px 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line-strong);font-size:var(--ui-t-sm)}.cle-fakechip.is-on{border-color:var(--ui-cyan);color:var(--ui-cyan)}.cle-faketick{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--ui-cyan);color:#050505}.cle-guide__card{width:128px;margin-inline:auto}@media(prefers-reduced-motion:reduce){.cle-bar>span{transition:none}}.cle-shell [hidden]{display:none!important}.cle[data-view=cards] .cle-done{position:static;background:none;margin-inline:0;padding-inline:0}