:root{--paper:#f4f0e8;--well:#ebe5da;--rule:#d8cfc1;--faint:#b3a99a;--ink-2:#5f564b;--ink:#1c1813;--heading:#1c1813;--button:#1c1813;--button-ink:#f4f0e8;--signal:#c23b22;--screen:#0e0c0a;--held:#3a8f5c;--paused:#e8862a;--paused-ink:#a3500d;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--sans:"Instrument Sans", "Helvetica Neue", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--margin:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#15120e;--well:#221d18;--rule:#3a322a;--faint:#5e564c;--ink-2:#a99f92;--ink:#f1eadf;--heading:#f1eadf;--button:#f1eadf;--button-ink:#15120e;--signal:#e4603f;--screen:#000;--held:#62b784;--paused:#f0a060;--paused-ink:#f0a060;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=760px){:root{--margin:32px}}@media (width>=1100px){:root{--margin:64px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}body.no-scroll{overflow:hidden}h1,h2,h3,p,dl,dd{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.meta{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.muted{color:var(--ink-2)}.wide-only{display:none}@media (width>=760px){.wide-only{display:revert}.narrow-only{display:none}}.star-mark{color:var(--signal)}.flame{color:var(--ink-2)}.flame.lit{color:var(--signal)}.headline,.row-title,.streak-num,.song-line-title,.dialog-head h2,.confirm-title,.profile-shown,.plank-title,.plank-time,.done-num,.done-title,.settings-title,.page-title,.settings-section-title{color:var(--heading)}.page{max-width:1280px;margin:0 auto}.grid{padding-inline:var(--margin);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=760px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}}.section{padding-bottom:48px}.section-rule{border-top:1px solid var(--ink);grid-column:1/-1}.section-rule.light{border-top-color:var(--rule)}.section-label{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:4px 16px;padding-top:16px;display:flex}.section-label h2{font-size:15px;font-weight:600;line-height:20px}.label-meta{font-family:var(--mono);color:var(--ink-2);font-size:13px;line-height:18px}.label-note{color:var(--ink-2);flex-basis:100%;font-size:14px;line-height:20px}.section-body{grid-column:1/-1}@media (width>=760px){.section{padding-bottom:80px}.section-label{flex-direction:column;grid-column:1/4;justify-content:flex-start;gap:6px;padding-top:24px}.label-note{flex-basis:auto;max-width:240px}.label-note+.label-note{margin-top:6px}.section-body{grid-column:4/13}}.site-header{height:64px;padding-inline:var(--margin);justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width>=760px){.site-header{gap:12px;height:88px}}.brand{min-width:0;color:var(--heading);font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:6px;font-size:18px;font-style:italic;font-weight:600;line-height:22px;text-decoration:none;display:inline-flex}@media (width<=419px){.brand{font-size:16px}}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=760px){.brand{gap:8px;font-size:22px;line-height:26px}}.header-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.header-actions .icon-btn{width:36px}.header-actions .icon-btn[aria-current=page]{border-color:var(--ink);background:var(--well)}@media (width>=760px){.header-actions{gap:8px}.header-actions .icon-btn{width:44px}}.streak-pill{align-items:center;gap:6px;height:44px;padding:0 4px;display:inline-flex}@media (width>=760px){.streak-pill{padding:0 10px}}.streak-pill-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.header-actions .header-account{border-color:var(--rule);width:40px;min-width:40px;height:44px;padding:0}@media (width>=760px){.header-actions .header-account{border-color:var(--ink);width:auto;padding:0 20px}}.avatar{object-fit:cover;background:var(--well);box-shadow:inset 0 0 0 1px var(--rule);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.avatar-initial{color:var(--ink);font-family:var(--display);font-weight:600;line-height:1}.profile-btn{min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0 2px;display:inline-flex}.profile{align-items:center;gap:8px;display:inline-flex}.profile-btn:hover .avatar{box-shadow:inset 0 0 0 1px var(--rule), 0 0 0 2px var(--rule)}.profile:has(.profile-name:hover) .avatar{box-shadow:inset 0 0 0 1px var(--rule), 0 0 0 2px var(--rule)}.profile-photo{display:inline-flex;position:relative}.profile-badge{--plaque-edge:color-mix(in srgb, var(--ink) 10%, transparent);border:2px solid var(--paper);background:var(--plaque);min-width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--plaque-edge);color:var(--plaque-ink);font-family:var(--sans);text-align:center;border-radius:6px;padding:0 5px;font-size:10.5px;font-weight:600;line-height:18px;position:absolute;bottom:-5px;right:-8px}.profile-badge .star-mark{vertical-align:-1px}.profile-text{flex-direction:column;align-items:flex-start;gap:4px;max-width:160px}.profile-name{max-width:100%;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}@media (width>=760px){.profile-text.wide-only{display:flex}}.profile-head{align-items:center;gap:16px;display:flex}.profile-who{min-width:0}.profile-shown{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:600;line-height:28px;overflow:hidden}.profile-who .fine{overflow-wrap:anywhere;margin-top:2px}.profile-saved{align-self:center;margin:0}.dialog-section .rank{margin-top:4px}.level-status{border-top:1px solid var(--rule);padding-top:14px;font-size:16px;font-weight:500;line-height:24px}.level-bonus{color:var(--paused-ink);margin-top:-6px}.level-planks{margin:0;padding:0;list-style:none}.level-planks li{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:8px 0;font-size:14px;line-height:20px;display:flex}.level-planks li:last-child{border-bottom:0}.streak-history{margin:-16px 0 32px}@media (width>=1100px){.streak-history{margin:16px 0 0}}.history-day h3{color:var(--ink-2);font-size:13px;font-weight:600;line-height:18px}.attempts{margin:0;padding:0;list-style:none}.attempt{border-bottom:1px solid var(--rule);grid-template-columns:64px minmax(0,1fr) auto;align-items:start;column-gap:12px;padding:10px 0;display:grid}.attempt:last-child{border-bottom:0}.attempt-time{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px;line-height:18px}.attempt-main{min-width:0}.attempt-song{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;line-height:20px;overflow:hidden}.dialog-section .attempt-song{color:var(--ink)}.dialog-section .attempt-kind{font-size:13px;line-height:18px}.dialog-section .attempt-end .meta{white-space:nowrap;font-size:12px;line-height:18px}.attempt-bar{background:var(--rule);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.attempt-bar>span{border-radius:inherit;background:var(--paused);min-width:2px;height:100%;display:block}.attempt-bar>span.done{background:var(--held)}.attempt-end{text-align:right}.dialog-section .attempt-outcome{color:var(--paused-ink);white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.dialog-section .attempt-outcome.done{color:var(--held)}.btn{border:1px solid var(--ink);min-width:44px;height:48px;font-family:var(--sans);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{border-color:var(--button);background:var(--button);color:var(--button-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--button) 86%, var(--paper))}.btn-secondary{color:var(--ink);background:0 0}.btn-secondary:hover{background:var(--well)}.btn-block{width:100%}.btn-lg{height:56px;font-size:17px}.btn-link{min-height:44px;color:var(--ink-2);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.btn:disabled,.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn{border:1px solid var(--rule);width:44px;height:44px;color:var(--ink);background:0 0;border-radius:4px;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--well)}.masthead{row-gap:16px;padding-top:32px;padding-bottom:48px}.masthead-meta{font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;font-size:13px;line-height:18px;display:flex}.masthead-body{flex-direction:column;gap:16px;display:flex}.headline{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(36px,6vw,64px);font-weight:600;line-height:1.06}.lede{max-width:560px;color:var(--ink-2);font-size:16px;line-height:24px}@media (width>=760px){.masthead{padding-top:56px;padding-bottom:80px}.masthead-meta{flex-direction:column;grid-column:1/4;padding-top:12px}.masthead-body{grid-column:4/12;gap:20px}.lede{font-size:18px;line-height:28px}}.sleeve{border-radius:2px;flex-shrink:0;align-items:flex-end;padding:6px;font-size:10px;font-weight:600;line-height:11px;display:flex}.sleeve-sm{width:48px;height:48px}.sleeve-md{width:56px;height:56px}.sleeve-lg{width:64px;height:64px;padding:8px;font-size:11px;line-height:12px}@media (width>=760px){.sleeve-lg{width:72px;height:72px}}[data-theme=dark] .sleeve{box-shadow:inset 0 0 0 1px #ffffff14}.today-list{padding-top:4px}.song-row{border-bottom:1px solid var(--rule);grid-template-columns:64px minmax(0,1fr) auto;gap:16px;padding:20px 0;display:grid}.song-row.finished{grid-template-columns:minmax(0,1fr)}.row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.row-eyebrow{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:18px;display:flex}.row-title{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:26px;font-weight:600;line-height:30px}.row-album{color:var(--ink-2);font-size:14px;line-height:20px}.row-length{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;padding-top:22px;font-size:16px;font-weight:500;line-height:20px}.row-actions{grid-column:1/-1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;display:grid}.row-progress{align-items:center;gap:10px;margin-top:8px;display:flex}.row-progress .bar{flex:0 120px;min-width:40px}.row-progress .meta{white-space:nowrap}.row-note{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:20px}.row-note.signal{color:var(--signal)}@media (width>=760px){.song-row{grid-template-columns:72px minmax(0,1fr) 72px 148px;align-items:center;column-gap:24px;padding:24px 0}.song-row.finished{grid-template-columns:minmax(0,1fr) 148px}.row-eyebrow{font-size:14px;line-height:20px}.row-title{font-size:34px;line-height:40px}.row-album{font-size:15px;line-height:22px}.row-length{padding-top:0;font-size:20px;line-height:24px}.row-actions{flex-direction:column;grid-column:auto;gap:8px;display:flex}.row-progress .bar{flex-basis:200px}}.bar{background:var(--rule);border-radius:3px;height:6px;overflow:hidden}.bar-thin{border-radius:2px;height:4px}.bar>span{border-radius:inherit;background:var(--ink);min-width:4px;height:100%;display:block}.streak-stats{flex-direction:column;grid-column:1/-1;padding-top:20px;display:flex}.streak-big{align-items:flex-end;gap:10px;display:flex}.streak-num{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums;font-size:88px;font-weight:600;line-height:80px}.streak-unit{color:var(--ink-2);align-items:center;gap:6px;padding-bottom:6px;font-size:16px;font-weight:500;line-height:22px;display:flex}.streak-msg{margin-top:12px;font-size:16px;font-weight:500;line-height:24px}.save-note{color:var(--ink-2);font-size:14px;line-height:20px}.text-btn{color:var(--ink);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.streak-save{margin-top:4px}.done-save{margin-top:20px}.facts{grid-template-columns:minmax(0,1fr) auto;margin:24px 0 32px;display:grid}.facts dt,.facts dd{border-top:1px solid var(--rule);padding:11px 0;font-size:15px;line-height:22px}.facts dt{color:var(--ink-2)}.facts dd{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.facts dt:last-of-type,.facts dd:last-of-type{border-bottom:1px solid var(--rule)}.streak-calendar{grid-column:1/-1}@media (width>=760px){.streak-stats{grid-column:4/13;padding-top:24px}.streak-num{font-size:112px;line-height:100px}.streak-unit{padding-bottom:8px;font-size:17px}.facts{margin-bottom:40px}.streak-calendar{grid-column:4/13;max-width:440px}}@media (width>=1100px){.streak-stats{grid-column:4/8}.facts{margin-bottom:0}.streak-calendar{grid-column:9/13;max-width:none;padding-top:16px}}.calendar{flex-direction:column;gap:12px;display:flex}.calendar-head{justify-content:space-between;align-items:center;display:flex}.calendar-head h3{font-size:15px;font-weight:600;line-height:20px}.calendar-nav{gap:4px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekday{font-family:var(--mono);color:var(--ink-2);padding-left:6px;font-size:12px;line-height:16px}.day{height:46px;color:var(--ink-2);font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:6px;font-size:12px;line-height:14px;display:flex}@media (width>=760px){.day{height:52px}}.day:hover:not(:disabled):not(.planked){background:var(--well)}.day.planked{font-weight:500}.day.planked:hover{filter:brightness(1.06)}.day.climbed:after{content:"";border:1.5px solid var(--ink-2);border-radius:50%;align-self:flex-end;width:7px;height:7px}.day.today{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font-weight:500}.day.selected:not(.today){box-shadow:inset 0 0 0 1.5px var(--ink-2)}.day:disabled{color:var(--faint);cursor:default}.day-run{align-self:flex-end;align-items:center;gap:2px;font-size:11px;font-weight:500;line-height:12px;display:inline-flex}.calendar-detail{border-top:1px solid var(--rule);flex-direction:column;gap:4px;min-height:56px;padding-top:8px;font-size:14px;line-height:20px;display:flex}.calendar-detail p{color:var(--ink-2)}.setlist-body{flex-direction:column;gap:16px;padding-top:12px;display:flex}.search{border:1px solid var(--rule);max-width:360px;height:44px;color:var(--ink-2);border-radius:4px;align-items:center;gap:10px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--ink)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex-grow:1;font-size:16px}.tracklist ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.tracklist-head{display:none}.tracklist-empty{color:var(--ink-2);padding:16px 8px}.track{border-bottom:1px solid var(--rule)}.track-btn{width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:8px;display:grid}.track-btn:hover,.track.current .track-btn{background:var(--well)}.track-no{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-size:13px;line-height:18px}.track.current .track-no{color:var(--signal);font-weight:500}.track-main{flex-direction:column;gap:2px;min-width:0;display:flex}.track-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px;overflow:hidden}.track.clean .track-title,.track.clean .track-len,.track.breaks .track-title,.track.breaks .track-len{color:var(--ink-2)}.track.current .track-title{font-weight:600}.track-album{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;line-height:18px;display:flex}.swatch{border-radius:1px;flex-shrink:0;width:8px;height:8px}.track-end{align-items:center;gap:8px;display:flex}.track-len{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:14px;line-height:20px}.track-status{min-width:16px;color:var(--ink-2);justify-content:flex-end;align-items:center;display:flex}.up-next{color:var(--signal);font-weight:600}.track-status .up-next{font-size:13px;line-height:16px}.level-mark{width:18px;height:18px;font-family:var(--mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-grid}.level-mark.clean{background:var(--held);color:var(--paper)}.level-mark.clean svg{stroke-width:3px}.level-mark.breaks{background:var(--paused);color:#2a1206}.level-mark.passed{background:var(--faint);border-radius:1px;width:10px;height:2px}.level-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.level-filter{border:1px solid var(--rule);color:var(--ink);text-align:left;background:0 0;border-radius:6px;grid-template-columns:auto 1fr;grid-template-areas:"mark count""label label";align-items:center;gap:4px 8px;padding:10px 12px;font-size:14px;font-weight:500;line-height:18px;display:grid}.level-filter .level-mark{grid-area:mark}.level-filter-label{grid-area:label}.level-filter .level-filter-count{grid-area:count}@media (width>=760px){.level-filters{flex-wrap:wrap;display:flex}.level-filter{border-radius:20px;gap:8px;height:40px;padding:0 14px 0 12px;display:inline-flex}.level-filter .level-mark{order:0}.level-filter-label{order:1}.level-filter .level-filter-count{order:2}}.level-filter:hover{background:var(--well)}.level-filter[aria-pressed=true]{border-color:var(--ink);background:var(--well);font-weight:600}.level-filter-count{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.setlist-toggle{width:100%}@media (width>=760px){.tracklist-head{border-bottom:1px solid var(--ink);color:var(--ink-2);grid-template-columns:40px minmax(0,1fr) 160px 64px 72px;column-gap:16px;padding:0 12px 8px;font-size:13px;font-weight:500;line-height:18px;display:grid}.tracklist-head .track-no,.tracklist-head .track-len{font-family:var(--sans);font-size:13px}.tracklist ol{border-top:0}.track-btn{grid-template-columns:40px minmax(0,1fr) 160px 64px 72px;column-gap:16px;min-height:48px;padding:0 12px}.track-no{font-size:14px}.track-main,.track-end{display:contents}.track-album{font-size:14px}.swatch{width:10px;height:10px}.setlist-toggle{align-self:flex-start;width:auto}}.site-footer{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.footer-mark{padding-top:16px;display:flex}.footer-body{color:var(--ink-2);flex-direction:column;gap:4px;padding-top:8px;font-size:13px;line-height:18px;display:flex}@media (width>=760px){.site-footer{padding-bottom:64px}.footer-mark{grid-column:1/4;padding-top:22px}.footer-body{grid-column:4/13;padding-top:20px;font-size:14px;line-height:20px}}.dialog{border:1px solid var(--ink);background:var(--paper);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:6px;padding:0;box-shadow:0 24px 48px #0000002e}.dialog::backdrop{background:#1c181373}.dialog-body{gap:14px;padding:16px 20px 24px;display:grid}.dialog-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.dialog-head h2{font-family:var(--display);letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:28px}.dialog-section{border-top:1px solid var(--rule);gap:8px;padding-top:14px;display:grid}.dialog-section h3{font-size:15px;font-weight:600;line-height:20px}.dialog-section p{color:var(--ink-2);font-size:15px;line-height:22px}.confirm{width:min(420px,100vw - 32px)}.confirm-body{gap:16px;padding:20px;display:grid}.confirm-title{border-bottom:1px solid var(--ink);font-family:var(--display);letter-spacing:-.01em;padding-bottom:12px;font-size:24px;font-weight:600;line-height:28px}.confirm-text{gap:16px;display:grid}.confirm-text>p{color:var(--ink-2);font-size:15px;line-height:22px}.confirm-text .song-line{border-bottom:1px solid var(--rule);padding-bottom:16px}.confirm-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;padding-top:4px;display:grid}.switch-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-weight:500;display:flex}.switch-row input{width:20px;height:20px;accent-color:var(--ink)}.field{gap:6px;margin:14px 0;font-size:14px;font-weight:600;line-height:20px;display:grid}.input{border:1px solid var(--rule);width:100%;height:46px;color:var(--ink);background:0 0;border-radius:4px;padding:0 12px;font-size:16px}.input:focus{border-color:var(--ink);outline:none}.code-input{font-family:var(--mono);letter-spacing:.3em;font-size:22px}.fine{color:var(--ink-2);margin-top:10px;font-size:13px;line-height:18px}.error{color:var(--signal);margin:8px 0;font-size:14px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.share-card img,.share-card-waiting{border:1px solid var(--rule);border-radius:4px;width:100%;max-width:320px;height:auto;display:block}.share-card-waiting{background:var(--well);color:var(--ink-2);place-items:center;font-size:14px;display:grid}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-text{background:var(--well);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:4px;padding:12px 14px;font-size:15px;line-height:24px}.dialog-section .share-text{color:var(--ink)}.settings{padding-bottom:48px}.settings-top,.page-top{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 0 16px;display:flex}.settings-title,.page-title{font-family:var(--display);letter-spacing:-.025em;font-size:40px;font-weight:600;line-height:44px}.settings-title:focus,.page-title:focus,.settings-section-title:focus{outline:none}.settings-nav{grid-column:1/-1}.settings-nav ul{margin:0;padding:0;list-style:none}.settings-link{border-bottom:1px solid var(--rule);min-height:64px;color:var(--ink);align-items:center;gap:12px;padding:10px 8px;text-decoration:none;display:flex}.settings-link:hover{background:var(--well)}.settings-link-text{flex-direction:column;flex-grow:1;min-width:0;display:flex}.settings-link-label{font-size:16px;font-weight:600;line-height:22px}.settings-link-summary{color:var(--ink-2);font-size:14px;line-height:20px}.settings-link-chevron{color:var(--ink-2)}.settings-body{grid-column:1/-1;min-width:0}.settings-back{min-height:44px;color:var(--ink-2);align-items:center;gap:4px;margin-top:4px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.settings-back:hover{color:var(--ink)}.settings-section-title{font-family:var(--display);letter-spacing:-.015em;padding:4px 0 16px;font-size:28px;font-weight:600;line-height:32px}.settings.at-menu .settings-body,.settings.at-section .settings-nav{display:none}@media (width>=760px){.settings{padding-bottom:80px}.settings-top,.page-top{padding:40px 0 24px}.settings-title,.page-title{font-size:56px;line-height:60px}.settings.at-menu .settings-body,.settings.at-section .settings-nav{display:block}.settings-nav{grid-column:1/4;align-self:start;padding-top:16px;position:sticky;top:16px}.settings-link{min-height:44px;color:var(--ink-2);border-bottom:0;border-radius:4px;gap:10px;padding:8px 12px}.settings-link[aria-current=page]{background:var(--well);color:var(--ink)}.settings-link-label{font-size:15px;font-weight:500;line-height:20px}.settings-link[aria-current=page] .settings-link-label{font-weight:600}.settings-link-summary,.settings-link-chevron,.settings-back{display:none}.settings-body{grid-column:4/12;padding-top:16px}.settings-section-title{padding:4px 0 20px;font-size:32px;line-height:36px}}.settings-group{border-top:1px solid var(--rule);gap:12px;padding:20px 0 32px;display:grid}.settings-group h3{font-size:17px;font-weight:600;line-height:24px}.settings-group>p{color:var(--ink-2);margin-top:-6px;font-size:15px;line-height:22px}.settings-group>.fine{margin-top:0}.theme-choices{gap:12px;display:grid}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;display:grid}.theme-subhead{color:var(--ink-2);margin:8px 0 0;font-size:13px;font-weight:600;line-height:18px}.theme-card{border:1px solid var(--rule);cursor:pointer;border-radius:8px;flex-direction:column;gap:10px;padding:8px;display:flex;position:relative}.theme-card:hover{background:var(--well)}.theme-card:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.theme-card:has(input:focus-visible){outline:2px solid var(--signal);outline-offset:2px}.theme-card-foot{align-items:center;gap:8px;min-width:0;padding:0 2px 2px;display:flex}.theme-radio{border:1.5px solid var(--ink-2);border-radius:50%;flex-shrink:0;width:16px;height:16px}.theme-card input:checked~.theme-card-foot .theme-radio{border:5px solid var(--ink)}.theme-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.theme-card-badge{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--mono);border-radius:9px;padding:1px 6px;font-size:11px;font-weight:500;line-height:14px;position:absolute;top:12px;right:12px}.theme-preview{aspect-ratio:16/10;outline:1px solid var(--rule);outline-offset:-1px;background:var(--p-paper);border-radius:4px;flex-direction:column;gap:5px;padding:9px 10px;display:flex;overflow:hidden}.tp-top{align-items:center;gap:4px;margin-bottom:3px;display:flex}.tp-star{background:var(--p-signal);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:8px;height:8px}.tp-brand{background:var(--p-heading);border-radius:2px;width:34%;height:4px}.tp-headline{background:var(--p-heading);border-radius:2px;width:80%;height:7px}.tp-text{background:var(--p-ink-2);border-radius:2px;width:58%;height:4px}.tp-rule{background:var(--p-ink);height:1px;margin-top:auto}.tp-row{background:var(--p-well);border-radius:2px;align-items:center;gap:8px;padding:4px;display:flex}.tp-bar{flex-grow:1;gap:2px;height:4px;display:flex}.tp-held{background:var(--p-held);border-radius:2px;flex:3}.tp-paused{background:var(--p-paused);border-radius:2px;flex:1}.tp-button{background:var(--p-button);border-radius:2px;width:30%;height:10px}.theme-preview-split{display:grid}.theme-preview-split>*{grid-area:1/1}.theme-preview-split>:last-child{clip-path:polygon(100% 0,100% 100%,0 100%)}.theme-name{max-width:360px;margin:0}.color-group{padding-top:12px;display:grid}.color-group h4{color:var(--ink-2);margin:0;padding-bottom:6px;font-size:13px;font-weight:600;line-height:18px}.color-row{border-top:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr) 92px;align-items:center;column-gap:12px;padding:10px 0;display:grid}.color-swatch{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:6px;width:44px;height:44px;padding:3px}.color-swatch::-webkit-color-swatch-wrapper{padding:0}.color-swatch::-webkit-color-swatch{border:0;border-radius:4px}.color-swatch::-moz-color-swatch{border:0;border-radius:4px}.color-text{flex-direction:column;min-width:0;display:flex}.color-label{cursor:pointer;font-size:15px;font-weight:600;line-height:20px}.color-hint{color:var(--ink-2);font-size:13px;line-height:18px}.color-warn{color:var(--signal);margin-top:2px;font-size:13px;font-weight:500;line-height:18px}.color-hex{height:40px;font-family:var(--mono);padding:0 8px;font-size:14px}.color-hex[aria-invalid=true]{border-color:var(--signal)}.theme-editor>.button-row{padding-top:8px}.save-bar{z-index:5;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--ink);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex;position:sticky;bottom:0}.save-bar p{font-size:15px;font-weight:600;line-height:20px}.save-bar .button-row{flex-grow:1;justify-content:flex-end}@media (width>=760px){.save-bar .button-row{flex-grow:0}}.plank{z-index:50;background:var(--paper);color:var(--ink);animation:.2s plank-in;position:fixed;inset:0;overflow-y:auto}@keyframes plank-in{0%{opacity:0}}.plank-inner{max-width:560px;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.plank-top{flex-shrink:0;justify-content:space-between;align-items:center;height:56px;display:flex}.plank-label{font-size:15px;font-weight:600;line-height:20px}.plank-song{align-items:center;gap:14px;margin-top:8px;display:flex}.plank-song-text{flex-direction:column;gap:2px;min-width:0;display:flex}.plank-title{font-family:var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;font-size:28px;font-weight:600;line-height:32px}.plank-album{color:var(--ink-2);font-size:15px;line-height:22px}.plank-clock{margin-top:32px}.plank-clock-label{color:var(--ink-2);font-size:14px;font-weight:500;line-height:20px}.plank-time{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(88px,34vw,152px);font-weight:600;line-height:.94}.plank-time.long{font-size:clamp(72px,26vw,124px)}.plank-time.counting{animation:1s count-in}@keyframes count-in{0%{opacity:0;transform:translateY(12px)}30%{opacity:1;transform:none}}.plank-progress{flex-direction:column;gap:8px;margin-top:20px;display:flex}.plank-progress-times{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;line-height:18px;display:flex}.plank-pauses{color:var(--paused-ink)}.plank-coach{margin-top:20px;font-size:18px;font-weight:600;line-height:26px}.plank-music{gap:8px;margin-top:24px;display:grid}.music-note{color:var(--ink-2);font-size:14px;line-height:20px}.music-note a{color:var(--ink);font-weight:600}.video-frame{aspect-ratio:16/9;background:var(--screen);border-radius:4px;width:100%;min-height:200px;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;display:block}.plank-actions{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;margin-top:auto;padding-top:24px;display:grid}.receipt{flex-direction:column;gap:10px;margin-top:28px;display:flex}.receipt-bar{gap:2px;height:12px;margin-top:20px;display:flex}.receipt-hold{background:var(--held);border-radius:2px;flex-basis:0;min-width:2px}.receipt-pause{background:var(--paused);border-radius:2px;flex-basis:0;min-width:6px;position:relative}.receipt-label{font-family:var(--mono);color:var(--paused-ink);white-space:nowrap;font-size:12px;font-weight:500;line-height:14px;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50%}.receipt-summary{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.plank-done{flex-direction:column;margin-top:40px;display:flex}.done-streak{align-items:flex-end;gap:12px;display:flex}.done-num{font-family:var(--display);letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums;font-size:clamp(112px,40vw,160px);font-weight:600;line-height:.9}.done-unit{color:var(--ink-2);flex-direction:column;gap:6px;padding-bottom:14px;font-size:17px;font-weight:500;line-height:22px;display:flex}.done-title{font-family:var(--display);letter-spacing:-.015em;margin-top:32px;font-size:36px;font-weight:600;line-height:40px}.done-text{color:var(--ink-2);margin-top:8px;font-size:17px;line-height:26px}.done-next{border-top:1px solid var(--ink);flex-direction:column;gap:16px;margin-top:40px;padding-top:16px;display:flex}.done-next-head{justify-content:space-between;align-items:baseline;display:flex}.done-next-head h3{font-size:15px;font-weight:600;line-height:20px}.song-line{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;column-gap:14px;display:grid}.song-line-text{flex-direction:column;gap:2px;min-width:0;display:flex}.song-line-title{font-family:var(--display);font-size:22px;font-weight:600;line-height:26px}.song-line-album{color:var(--ink-2);font-size:14px;line-height:20px}.song-line-len{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.plaque{--plaque-edge:color-mix(in srgb, var(--ink) 10%, transparent);background:var(--plaque);height:20px;box-shadow:inset 0 0 0 1px var(--plaque-edge);color:var(--plaque-ink);font-family:var(--sans);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:0 7px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.plaque>span{text-box:trim-both cap alphabetic}.plaque-div{opacity:.7;font-weight:500}.plaque-md{border-radius:5px;height:26px;padding:0 10px;font-size:13px}.plaque-lg{border-radius:6px;gap:6px;height:32px;padding:0 12px;font-size:15px}.plaque-link{border-radius:5px;text-decoration:none;display:inline-flex}.plaque-link:hover .plaque{box-shadow:inset 0 0 0 1px var(--plaque-edge), 0 0 0 2px var(--rule)}.plaque-clear{--plaque:transparent;--plaque-ink:var(--ink-2);--plaque-edge:var(--faint)}.profile-badge.plaque-clear{--plaque:var(--paper)}.rank{flex-direction:column;gap:8px;margin-top:20px;display:flex}.rank-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-xp,.rank-next{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.rank .bar>span{background:var(--held)}.rank-card{align-items:center;gap:20px;display:flex}.rank-card .emblem{flex:none}.rank-card .rank{flex:1;min-width:0;margin-top:0}.done-xp{border-top:1px solid var(--rule);flex-direction:column;margin-top:28px;padding-top:16px;display:flex}.done-xp-total{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:34px}.done-xp-detail{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:20px}.done-xp .rank{margin-top:16px}.done-rankup{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.done-rankup-label{color:var(--ink-2);font-size:13px;font-weight:600;line-height:18px}.done-streak{position:relative}.confetti-anchor{pointer-events:none;width:0;height:0;position:absolute;top:55%;left:56px}.confetti{z-index:60;pointer-events:none;width:0;height:0;position:fixed}.confetti>span{opacity:0;border-radius:1px;animation-name:confetti-burst;animation-fill-mode:forwards;position:absolute;top:0;left:0}.confetti-star{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}@keyframes confetti-burst{0%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translate(0)rotate(0)}35%{opacity:1;transform:translate(calc(var(--x) * .7), var(--y)) rotate(calc(var(--spin) * .4));animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 420px)) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.plank,.plank-time.counting{animation:none}.confetti{display:none}}.info-page{padding-bottom:32px}.info-page .section-body{padding-top:16px}.ranks-yours .rank-card{gap:24px}.ranks-yours>p{max-width:560px;margin-bottom:16px;font-size:16px;line-height:24px}.divisions{--plaque-edge:color-mix(in srgb, var(--ink) 10%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:480px;margin:24px 0 0;padding:0;list-style:none;display:grid}.divisions li{box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.divisions li.is-past{color:var(--ink)}.divisions li.is-here{background:var(--plaque);box-shadow:inset 0 0 0 1px var(--plaque-edge);color:var(--plaque-ink)}.divisions-name{font-size:15px;font-weight:600;line-height:18px}.divisions-xp{font-variant-numeric:tabular-nums;font-size:12.5px;line-height:16px}.rules{grid-template-columns:minmax(0,1fr);max-width:720px;margin:0;display:grid}.rules dt{border-top:1px solid var(--rule);padding-top:14px;font-size:15px;font-weight:600;line-height:22px}.rules dt:first-of-type{border-top:0;padding-top:0}.rules dd{color:var(--ink-2);margin:4px 0 14px;font-size:15px;line-height:23px}@media (width>=760px){.rules{grid-template-columns:140px minmax(0,1fr);column-gap:24px}.rules dt,.rules dd{border-top:1px solid var(--rule);margin:0;padding:14px 0}.rules dt:first-of-type,.rules dd:first-of-type{border-top:0;padding-top:0}}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1100px){.tier-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.tier{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:12px;padding:20px 8px 18px;display:flex}.tier.is-here{background:var(--well)}.tier-needs{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.tier-here{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin-top:-4px;font-size:12px;font-weight:600;line-height:16px}.rank-table{border-top:1px solid var(--rule);margin-top:24px}.rank-table summary{cursor:pointer;align-items:center;min-height:48px;font-size:15px;font-weight:600;display:flex}.rank-table table{border-collapse:collapse;width:100%;max-width:640px;margin-bottom:8px}.rank-table th,.rank-table td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;padding:8px 12px 8px 0;font-size:14px;line-height:20px}.rank-table th{color:var(--ink-2);font-weight:500}.rank-table td{color:var(--ink-2)}.rank-table .num{text-align:right;padding-right:0}.rank-table td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink)}.rank-table tr.is-here td{background:var(--well)}