:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary-bg:var(--lightningcss-light,#ece9ea)var(--lightningcss-dark,#161314);--primary-fg:var(--lightningcss-light,#161314)var(--lightningcss-dark,#ece9ea);--bg:var(--primary-bg);--topbar-bg:oklch(from var(--primary-bg) l c h / .82);--surface:var(--lightningcss-light,oklch(from var(--primary-bg) calc(l - .02) c h))var(--lightningcss-dark,oklch(from var(--primary-bg) calc(l + .03) c h));--surface-soft:var(--lightningcss-light,oklch(from var(--surface) calc(l + .03) c h))var(--lightningcss-dark,oklch(from var(--surface) calc(l - .025) c h));--input-bg:var(--primary-bg);--empty-bg:var(--surface);--ink:var(--primary-fg);--ink-soft:var(--lightningcss-light,oklch(from var(--ink) calc(l + .2) c h))var(--lightningcss-dark,oklch(from var(--ink) calc(l - .2) c h));--muted:var(--lightningcss-light,oklch(from var(--primary-fg) calc(l + .3) c h))var(--lightningcss-dark,oklch(from var(--primary-fg) calc(l - .3) c h));--line:var(--lightningcss-light,oklch(from var(--primary-bg) calc(l - .15) c h))var(--lightningcss-dark,oklch(from var(--primary-bg) calc(l + .2) c h));--line-strong:var(--lightningcss-light,oklch(from var(--line) calc(l - .15) c h))var(--lightningcss-dark,oklch(from var(--line) calc(l + .2) c h));--brand:#427aa1;--brand-hover:oklch(from var(--brand) calc(l - .1) c h);--brand-soft:oklch(from var(--brand) calc(l + .3) c h);--brand-ink:#fff;--on-brand:#fff;--focus-ring:rgb(from var(--brand) r g b / .5);--badge-bg:var(--brand);--badge-ink:var(--brand-soft);--notice-bg:var(--lightningcss-light,#f2efe5)var(--lightningcss-dark,#271f02);--notice-line:var(--lightningcss-light,oklch(from var(--notice-bg) calc(l - .2) c h))var(--lightningcss-dark,oklch(from var(--notice-bg) calc(l + .2) c h));--success-ink:var(--lightningcss-light,#1d4d2d)var(--lightningcss-dark,#6ba78c);--success-bg:var(--lightningcss-light,#dbf1dc)var(--lightningcss-dark,#172318);--success-line:var(--lightningcss-light,oklch(from var(--success-bg) calc(l - .2) c h))var(--lightningcss-dark,oklch(from var(--success-bg) calc(l + .2) c h));--notice-ink:var(--lightningcss-light,#4c3d05)var(--lightningcss-dark,#a79246);--violet-soft:var(--lightningcss-light,#9fa0c3)var(--lightningcss-dark,#2e2f45);--violet-ink:var(--lightningcss-light,#474865)var(--lightningcss-dark,#9fa0c3);--danger-bg:var(--lightningcss-light,#f1d8d3)var(--lightningcss-dark,#5c180b);--danger-ink:var(--lightningcss-light,#5c180b)var(--lightningcss-dark,#c59991);--danger-line:var(--lightningcss-light,oklch(from var(--danger-bg) calc(l - .2) c h))var(--lightningcss-dark,oklch(from var(--danger-bg) calc(l + .1) c h));--spotify-bg:var(--lightningcss-light,#dff6e8)var(--lightningcss-dark,#2f754a);--spotify-border:var(--lightningcss-light,oklch(from var(--spotify-bg) calc(l - .3) c h))var(--lightningcss-dark,oklch(from var(--spotify-bg) calc(l + .3) c h));--spotify-ink:var(--lightningcss-light,oklch(from var(--spotify-bg) calc(l - .5) c h))var(--lightningcss-dark,oklch(from var(--spotify-bg) calc(l + .5) c h));--progress-track:var(--lightningcss-light,oklch(from var(--brand) calc(l + .1) c h))var(--lightningcss-dark,var(--brand-soft));--shadow:0 16px 40px #3b2a2817;--gutter:1rem;--gap:.6rem;--inline-gap:.35rem;--text-gap:.2rem;--border-radius:5px;--fs-100:.3em;--fs-200:.475em;--fs-300:.65em;--fs-350:.75em;--fs-400:.825em;--fs-500:1em;--fs-550:1.1em;--fs-600:1.175em;--fs-700:1.35em;--fs-800:1.525em;--fs-900:1.7em;--fs-normal:var(--fs-500);--fs-small:var(--fs-400);--fs-smaller:var(--fs-350);--fs-large:var(--fs-550);--fs-larger:var(--fs-600);--fs-xl:var(--fs-700);color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0;line-height:1.4}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}h1{letter-spacing:0;max-width:820px;margin:0;margin-block-end:var(--inline-gap);font-size:clamp(2.5rem,7vw,5.4rem);line-height:.95}h2,h3,h4{margin:0;margin-block-end:var(--inline-gap);line-height:1.2}.user-name{max-width:14rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{border:1px solid var(--line);object-fit:cover;background:var(--surface-soft);border-radius:50%;width:2rem;height:2rem}.grid-line{grid-template-columns:1fr auto;align-items:center;display:grid}.align-text-and-icon{align-items:center;gap:var(--inline-gap);display:flex}.meta-row,.metric-row,.inline-row{align-items:center;gap:var(--gap);color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;line-height:.9;display:flex}.meta-row>span,.metric-row>span,.inline-row>span{align-items:center;gap:var(--gap);display:flex}.trek-title{gap:var(--inline-gap);display:grid}.card{padding:var(--gutter);border:1px solid var(--line);border-radius:var(--border-radius);background-color:var(--bg)}a.card{transition:background-color .125s ease-in,border-color .125s ease-in}a.card:hover{border-color:var(--line-strong);background-color:var(--lightningcss-light,oklch(from var(--surface-soft) calc(l - .02) c h))var(--lightningcss-dark,oklch(from var(--surface-soft) calc(l + .02) c h))}.participants{gap:var(--gap);display:grid}.participant{gap:var(--gap);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.participant strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.timeline{gap:var(--inline-gap);flex-wrap:wrap;display:flex}.round-chip{--chip-border:var(--line-strong);--chip-bg:var(--surface);--chip-ink:var(--ink);align-items:center;gap:var(--inline-gap);border:1px solid var(--chip-border);border-radius:var(--border-radius);padding:var(--inline-gap) var(--gap);background-color:var(--chip-bg);color:var(--chip-ink);grid-template-columns:1fr auto;font-weight:750;line-height:1.2;display:inline-grid}.round-chip .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.round-chip{transition:border-color .125s ease-in,background-color .125s ease-in}a.round-chip:hover{border-color:var(--lightningcss-light,oklch(from var(--chip-border) calc(l - .3) c h))var(--lightningcss-dark,oklch(from var(--chip-border) calc(l + .2) c h));background-color:var(--lightningcss-light,oklch(from var(--chip-bg) calc(l - .05) c h))var(--lightningcss-dark,oklch(from var(--chip-bg) calc(l + .05) c h))}.round-chip[data-status=completed]{--chip-border:oklch(from var(--brand) calc(l + .1) c h);--chip-bg:var(--brand);--chip-ink:var(--brand-ink)}.round-chip[data-status=rating]{--chip-bg:var(--amber-soft)}.round-chip[data-status=selecting]{--chip-bg:var(--violet-soft)}.album-grid{gap:var(--gap);grid-template-columns:1fr;display:grid}.album-card{gap:var(--gutter);padding:var(--gutter);background-color:var(--surface-soft);border-radius:var(--border-radius);border:1px solid var(--line);grid-template-columns:5rem minmax(0,1fr);display:grid}.album-card.wide{grid-template-columns:6rem minmax(0,1fr)}.cover{aspect-ratio:1;border-radius:var(--border-radius);place-items:center;width:5rem;font-weight:900;display:grid;overflow:hidden}.cover.noimage{border:1px solid var(--line)}.album-card.wide .cover{width:6rem}.cover img{object-fit:cover;width:100%;height:100%}.album-info{gap:var(--gap);min-width:0;display:grid}.album-info>div{text-overflow:ellipsis;max-width:100%;overflow:hidden}.album-info strong,.album-info span{text-overflow:ellipsis;white-space:nowrap}.album-info strong.shrink,.album-info strong.label,.album-info span.shrink,.album-info span.label{overflow:hidden}.rating-form{gap:var(--gap);margin-block-start:var(--gap);display:grid}:where(.rank-number){border-radius:var(--border-radius);width:2.1rem;height:2.1rem;color:var(--brand-ink);background:var(--brand);place-items:center;font-weight:900;display:grid}.ranked-list{gap:var(--gap);display:grid;container:ranked-list/inline-size}.ranked-album,.user-ranked-album,.ranked-year{gap:var(--gap);padding:var(--gutter);border:1px solid var(--line);border-radius:var(--border-radius);background:var(--surface-soft);align-items:center;display:grid}.ranked-album{grid-template-columns:2.4rem 4rem minmax(0,1fr) auto}.ranked-album .cover{width:4rem}@container ranked-list (width<600px){.ranked-album{grid-template-columns:4rem auto}.ranked-album .rank-number{grid-area:1/1/auto/1;place-self:center start;width:100%;height:100%}.ranked-album .cover{grid-area:2/1/auto/2}.ranked-album .album-info{grid-area:2/2/auto/3}.ranked-album .score-box{grid-area:1/2/auto/2;justify-self:end;height:100%}}.ranked-year{grid-template-columns:2.4rem minmax(0,1fr) auto}.search-results{gap:var(--gap);display:grid}.back-link{justify-self:start;width:auto}.score-box{min-width:5rem;padding:var(--gap);border-radius:var(--border-radius);color:var(--brand-ink);background:var(--brand);place-items:center;display:grid}.score-box span{font-size:var(--fs-large);font-weight:900;line-height:1}.score-box small{color:var(--brand-soft);font-size:var(--fs-smaller);font-weight:400}.score-box.compact{min-width:4.5rem;padding:.45rem .6rem}.score-box.compact span{font-size:1.25rem}.album-link{justify-self:start}@media screen and (width<=832px){.stack+aside.stack{margin-block-start:calc((var(--gutter) + 1px) * -1)}}.app-shell{width:auto;max-width:100%;min-height:100dvh;container:app/inline-size}.page{padding:var(--gutter)}.contents{width:min(1200px,100%);margin:0 auto}.eyebrow{color:var(--brand);text-transform:uppercase;font-size:small;font-weight:700}.brand-color{color:var(--brand)}.button{--button-bg:var(--surface);--button-fg:var(--ink-soft);--button-line:var(--line);--button-bg-hover:var(--lightningcss-light,oklch(from var(--button-bg) calc(l - .07) c h))var(--lightningcss-dark,oklch(from var(--button-bg) calc(l + .09) c h));--button-fg-hover:var(--lightningcss-light,oklch(from var(--button-fg) calc(l - .07) c h))var(--lightningcss-dark,oklch(from var(--button-fg) calc(l + .09) c h));--button-line-hover:var(--lightningcss-light,oklch(from var(--button-line) calc(l - .1) c h))var(--lightningcss-dark,oklch(from var(--button-line) calc(l + .1) c h));appearance:button;padding:var(--inline-gap) var(--gap);align-items:center;gap:var(--inline-gap);border:1px solid var(--button-line);border-radius:var(--border-radius);color:var(--button-fg);background-color:var(--button-bg);cursor:default;justify-content:center;display:inline-flex}.button.primary{--button-bg:var(--brand);--button-fg:var(--brand-ink);--button-line:var(--lightningcss-light,oklch(from var(--brand) calc(l - .2) c h))var(--lightningcss-dark,oklch(from var(--brand) calc(l + .1) c h))}.button.danger{--button-bg:var(--danger-bg);--button-fg:var(--danger-ink);--button-line:var(--danger-line)}.button.ghost{background-color:#0000}.button.small{padding:calc(var(--inline-gap) / 1.5) var(--inline-gap);font-size:var(--fs-small);border-radius:calc(var(--border-radius) / 1.2)}.button.small-text{font-size:var(--fs-small)}.button.muted{--button-fg:var(--muted)}.button.muted:hover{--button-fg:var(--ink)}a.button,button.button{cursor:pointer;transition:border-color .125s ease-out,background-color .125s ease-out,color .125s ease-out}a.button:hover:not(:disabled),button.button:hover:not(:disabled){border-color:var(--button-line-hover);background-color:var(--button-bg-hover);color:var(--button-fg-hover)}.panel{padding:var(--gutter);background-color:var(--surface);border:1px solid var(--line);border-radius:var(--border-radius)}@container app (width<834px){.panel{margin-inline:calc(-1 * var(--gutter));border-inline:0;border-radius:0}}.panel-header,.section-header{justify-content:space-between;align-items:center;margin-block-end:var(--inline-gap);display:flex}.panel-header.main-header,.section-header.main-header{margin-block-end:calc(var(--gutter) * 2)}.panel-footer{margin-block-start:var(--gap);overflow-x:auto}.badge{align-items:center;gap:var(--inline-gap);min-height:1.65rem;color:var(--badge-ink);background:var(--badge-bg);font-size:var(--fs-smaller);white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-weight:700;display:inline-flex}:where(.stack){gap:var(--gutter);flex-direction:column;display:flex}@container app (width<600px){:where(.stack) .panel+.panel{margin-block-start:calc((var(--gutter) + 1px) * -1)}}.field{gap:var(--inline-gap);display:grid}.field label{color:var(--muted);font-weight:700;font-size:var(--fs-small)}input:not([type=radio],[type=checkbox],[type=submit],[type=button],[type=reset]),textarea,select{border:1px solid var(--line);border-radius:var(--border-radius);font-size:inherit;padding:calc(var(--inline-gap)) var(--inline-gap);background-color:var(--bg);width:100%;font-family:inherit}input:not([type=radio],[type=checkbox],[type=submit],[type=button],[type=reset]):focus,textarea:focus,select:focus{border-color:var(--line-strong);outline:1px solid var(--brand)}.form-grid{gap:var(--gap);max-width:100%;display:grid;container:form-grid/inline-size}.two-col{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}@container form-grid (width<480px){.two-col{grid-template-columns:1fr}}.meta-row,.metric-row{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:var(--gap);display:flex}.meta-row>span,.metric-row>span{align-items:center;gap:calc(var(--gap) / 2);display:flex}.progress-track{background:var(--progress-track);border-radius:999px;height:.55rem;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--brand);height:100%}.progress-fill.completed{background-color:var(--success-ink)}:where(.no-button){appearance:none;background-color:#0000;border:0;margin:0;padding:0}button{cursor:pointer}.trek-hero{align-items:start;gap:var(--gutter);grid-template-columns:minmax(0,1fr) auto;margin-block-end:calc(var(--gutter) * 2);display:grid}@container app (width<834px){.trek-hero{grid-template-columns:1fr}}.panel-content,.panel-body{gap:var(--gap);flex-direction:column;display:flex}.collapsible .panel-header{cursor:pointer}.collapsed .panel-header{margin-bottom:0}.collapsed .panel-header h2,.collapsed .panel-header h3{margin-block-end:0}.panel-body.collapsible.collapsed .panel-content{display:none}.footer-note{color:var(--muted);margin-block:0}.footer-note.small{font-size:var(--fs-small)}.divider{border:0;border-block-start:1px dashed var(--line);background-color:#0000;width:100%;height:1px}.alert{border-radius:var(--border-radius);margin:0;padding:.75rem .85rem;line-height:1.45}.alert:not(:last-child){margin-block-end:var(--gap)}.notice{border:1px solid var(--notice-line);color:var(--notice-ink);background:var(--notice-bg)}.success{border:1px solid var(--success-line);color:var(--success-ink);background:var(--success-bg)}.form-error{border:1px solid var(--danger-line);color:var(--danger);background:var(--danger-soft)}form{--form-pending-label:"Working…"}form[data-submitting=true] :is(input,select,textarea,button):disabled{cursor:progress;opacity:.72}form[aria-busy=true]{cursor:progress}form[aria-busy=true] button[type=submit]{pointer-events:none;cursor:progress;opacity:.72}form[aria-busy=true] button[type=submit]:after{content:var(--form-pending-label);margin-inline-start:.45rem;font-size:.85em}.empty{border:1px dashed var(--line);color:var(--muted);background:var(--empty-bg)}.line-height-small{line-height:1}.align-self-start{align-self:flex-start}.margin-gutter-block-start{margin-block-start:var(--gutter)}.muted{color:var(--muted)}.small{font-size:var(--fs-small)}.underline{text-decoration:underline}.goto{align-items:center;gap:var(--text-gap);color:var(--muted);display:inline-flex}.goto:hover{color:var(--ink);text-decoration:underline}.user-filter{align-items:center;gap:var(--gap);grid-template-columns:auto 1fr;margin-block-end:var(--gutter);display:grid}.user-filter label{color:var(--muted);display:block}.topbar.svelte-12qhfyh{z-index:10;border-bottom:1px solid var(--line);padding:calc(var(--gutter) / 2) var(--gutter);background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;container:topbar/inline-size}.topbar.svelte-12qhfyh .contents:where(.svelte-12qhfyh){justify-content:space-between;align-items:center;gap:var(--inline-gap);display:flex}.brand.svelte-12qhfyh{cursor:pointer;align-items:center;min-width:0;display:flex}.brand-logo.svelte-12qhfyh{width:auto;height:2.55rem;display:block}.user-tools.svelte-12qhfyh{align-items:center;gap:var(--inline-gap);min-width:0;display:flex}.user-name.svelte-12qhfyh{max-width:14rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar.svelte-12qhfyh{border:1px solid var(--line);object-fit:cover;background:var(--surface-soft);border-radius:50%;width:2rem;height:2rem}.user-link.svelte-12qhfyh{align-items:center;gap:var(--gap);display:flex}