@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/courier-prime/courier-prime-400.woff2)format("woff2")}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/courier-prime/courier-prime-700.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:75%;font-display:swap;src:url(/fonts/bricolage-grotesque/bricolage-800-wdth75.woff2)format("woff2")}:root{--bg:#17171a;--surface:#222226;--edge:#2e2e33;--paper:#d6d6d0;--card:#c9c9c4;--ink:#141414;--ink-muted:#4a4a4f;--text:#f1f1ee;--text-muted:#a3a3a8;--sticker:#ff7a1a;--strip-gap:var(--bg);--voice:"Courier Prime", "Courier New", monospace;--label:"Bricolage Grotesque", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#edede8;--surface:#e0e0da;--edge:#bdbdb7;--paper:#fafafa;--text:#141414;--text-muted:#55555a;--strip-gap:var(--edge);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.prompt-sheet,.name-paper,.notice,.divider{box-shadow:2px 2px 0 var(--ink-muted)}.torn-wrap{filter:drop-shadow(2px 2px 0 var(--ink-muted))}.paper:focus-within{box-shadow:none}.field-error{box-shadow:2px 2px 0 var(--ink-muted);position:relative}.name-paper:focus-within+.field-error{position:static}.strip-failed:after{background:var(--ink-muted);clip-path:polygon(100% 0,calc(100% - 5px) 14%,100% 28%,calc(100% - 6px) 43%,100% 57%,calc(100% - 4px) 72%,100% 86%,calc(100% - 5px) 100%,calc(100% - 7px) 100%,calc(100% - 2px) 86%,calc(100% - 6px) 72%,calc(100% - 2px) 57%,calc(100% - 8px) 43%,calc(100% - 2px) 28%,calc(100% - 7px) 14%,calc(100% - 2px) 0);content:"";width:10px;position:absolute;top:0;bottom:0;right:0}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--voice);margin:0;font-size:16px;line-height:1.4}#root{max-width:640px;margin:0 auto;padding:16px}a{color:var(--text)}:focus-visible{outline:2px solid var(--text);outline-offset:3px}.home{flex-direction:column;gap:16px;margin:20px 0 28px;display:flex}.paper{background-color:var(--paper);color:var(--ink);background-image:radial-gradient(#00000012 1px,#0000 1.2px);background-size:3px 3px}.field{width:100%;color:var(--ink);font-family:var(--voice);resize:none;background:0 0;border:0;margin:0;padding:0;font-weight:400;display:block}.field::placeholder{color:var(--ink-muted);opacity:1}.field:focus-visible{outline:none}.paper:focus-within{outline:2px solid var(--text);outline-offset:3px}.prompt-sheet{padding:18px 18px 84px;position:relative}.sheet-corner{width:112px;position:absolute;bottom:14px;right:14px}.prompt-field{font-size:26px;line-height:32px}.torn{clip-path:polygon(0 6%,4% 0,9% 5%,15% 1%,22% 6%,30% 0,38% 4%,46% 0,55% 5%,63% 1%,71% 6%,80% 0,88% 5%,95% 1%,100% 6%,100% 94%,96% 100%,89% 95%,82% 100%,74% 95%,66% 100%,57% 96%,49% 100%,40% 95%,31% 100%,23% 95%,14% 100%,6% 95%,0 100%)}.prompt-read{padding:20px 18px 22px;font-size:21px;line-height:27px}.prompt-read p{overflow-wrap:anywhere;margin:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--text-muted);min-width:56px;min-height:44px;color:var(--text);font-family:var(--voice);cursor:pointer;background:0 0;border-radius:0;padding:8px 13px;font-size:14px;font-weight:700}.chip[aria-checked=true]{border-color:var(--card);background:var(--card);color:var(--ink)}.primary{background:var(--sticker);width:100%;height:58px;color:var(--ink);clip-path:polygon(1% 6%,99% 0,100% 94%,0 100%);font-family:var(--label);cursor:pointer;border:0;border-radius:0;font-size:23px;font-weight:800;font-stretch:75%;transition:filter 80ms linear;position:relative}.primary:active:not(:disabled):not([aria-disabled=true]){filter:brightness(.8)}.primary[aria-disabled=true]{cursor:default}.primary:focus-visible{clip-path:none}.primary:disabled{color:var(--ink-muted);clip-path:none;cursor:default;background:0 0}.primary:disabled:before{background:var(--ink-muted);clip-path:polygon(1% 6%,99% 0,100% 94%,0 100%,1% 6%,calc(1% + 2px) calc(6% + 2px),2px calc(100% - 2px),calc(100% - 2px) calc(94% - 2px),calc(99% - 2px) 2px,calc(1% + 2px) calc(6% + 2px));content:"";pointer-events:none;position:absolute;inset:0}.primary-bar .primary:disabled{color:var(--text-muted)}.primary-bar .primary:disabled:before{background:var(--text-muted)}.secondary{border:2px solid var(--text-muted);width:100%;height:52px;color:var(--text);font-family:var(--label);cursor:pointer;background-color:#0000;border-radius:0;padding:0 16px;font-size:20px;font-weight:800;font-stretch:75%;transition:background-color 80ms linear}.secondary:active{background-color:var(--surface)}a.secondary{text-align:center;justify-content:center;align-items:center;text-decoration:none;display:flex}.spotify-row{gap:16px;display:flex}.spotify-row>*{flex:1 1 0;min-width:0}@media (width<=399px){.spotify-row{flex-direction:column}}.secondary-inert{opacity:.5;cursor:default}.secondary-ink,.notice .secondary{border-color:var(--ink);color:var(--ink)}.secondary-ink:active,.notice .secondary:active{background-color:var(--card)}.notice .secondary{margin-top:12px}.confirm-buttons{gap:12px;margin-top:12px;display:flex}.confirm-buttons .secondary{flex:1 1 0;min-width:0;margin-top:0}.update-choice{flex-direction:column}.delete-confirm .notice-title{overflow-wrap:anywhere}.delete-confirm .notice-title:focus{outline:none}.delete-confirm .notice-title:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.edit-line,.version-line{color:var(--text-muted);font-family:var(--voice);margin:0;font-size:12px;font-weight:700;line-height:16px}.edit-done,.deleted-line{color:var(--text);font-family:var(--voice);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700;line-height:20px}.announce,.rating-announce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legend{color:var(--text-muted);font-family:var(--voice);margin:0;font-size:12px;font-weight:700;line-height:16px}.settings{flex-direction:column;gap:16px;min-width:0;display:flex}.settings-title{color:var(--text);font-family:var(--label);margin:0;font-size:23px;font-weight:800;font-stretch:75%}.fell-out{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.fell-out-title{color:var(--text-muted);font-family:var(--voice);margin:0;font-size:12px;font-weight:700;line-height:16px}.fell-out-note{color:var(--text-muted);font-family:var(--voice);margin:0;font-size:14px;font-weight:400;line-height:20px}.fell-out-rows{width:100%;color:var(--text);font-family:var(--voice);overflow-wrap:anywhere;margin:0;padding:0;font-size:14px;line-height:20px;list-style:none}.link-button{min-height:44px;color:var(--text);font-family:var(--voice);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;line-height:20px;text-decoration:underline}.status-line{color:var(--text-muted);margin:0;font-size:15px;line-height:20px}.tab-wrap{text-align:center;margin-top:6px;line-height:0}.tab{background:var(--card);color:var(--ink);border-radius:12px 12px 2px 2px;padding:10px 18px 9px;font-size:15px;font-weight:400;line-height:20px;display:inline-block}.tab b{font-weight:700}.tab-part{white-space:nowrap}@media (width<=599px){.tab-line{display:block}.tab-join{display:none}}.crate{border:3px solid var(--edge);background:var(--bg);border-radius:4px 4px 8px 8px;padding:6px 6px 0}.crate-empty{padding-top:0}.crate-hollow{background:var(--bg);height:24px}.strips{margin:0;padding:0;list-style:none}.strip{border-top:3px solid var(--strip-gap);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px;animation:.16s ease-out strip-in;display:grid}.strip:first-child{border-top:0}.not-for-me-strip{grid-template-columns:minmax(0,1fr) 44px}.lip{background:var(--edge);height:22px;margin:0 -6px}.cover{object-fit:cover;border-radius:4px;width:44px;height:44px;display:block}.cover-none{border:2px dashed var(--ink-muted)}.cover-plain{background:var(--ink-muted);position:relative}.cover-plain:after{background:var(--paper);content:"";border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%}.strip-text{flex-direction:column;min-width:0;display:flex}.strip-title{font-family:var(--label);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;font-stretch:75%;line-height:21px;overflow:hidden}.strip-artist{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;overflow:hidden}.strip-edit{grid-template-columns:44px minmax(0,1fr) 44px}.strip-rate{grid-template-columns:44px minmax(0,1fr) 56px;gap:0 12px;padding-top:6px;padding-bottom:6px}.rating-sticker{box-sizing:border-box;border:2px dashed var(--ink-muted);width:56px;height:56px;color:var(--ink-muted);font-family:var(--voice);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;line-height:1;display:inline-flex;transform:rotate(-8deg)}.rating-sticker-set{border:2px solid var(--sticker);background:var(--sticker);box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}.rating-sticker-static{cursor:default}.rating-tray{grid-column:1/-1;justify-content:flex-end;gap:12px;padding:6px 0 14px;display:flex}.rating-tray .rating-sticker:first-child{transform:rotate(-8deg)}.rating-tray .rating-sticker:nth-child(2){transform:rotate(5deg)}.rating-tray .rating-sticker:nth-child(3){transform:rotate(-4deg)}.rating-tray .rating-sticker:nth-child(4){transform:rotate(7deg)}.strip-has-new{grid-template-columns:44px minmax(0,1fr) auto}.strip-has-new.strip-edit{grid-template-columns:44px minmax(0,1fr) auto 44px}.strip-new{background:var(--sticker);color:var(--ink);font-family:var(--voice);padding:2px 6px;font-size:12px;font-weight:700;line-height:16px;transform:rotate(-3deg)}.strip-follows{touch-action:pan-y;-webkit-user-select:none;user-select:none}.strip-pulled{animation:none;transform:translate(-26px)rotate(-1.2deg)}.strip-out{opacity:.5;text-decoration:line-through;animation:none}.crate-cut{border-bottom:3px solid var(--card);height:23px;margin:0 -6px;list-style:none;position:relative}.crate-cut-tab{background:var(--card);color:var(--ink);font-family:var(--voice);white-space:nowrap;border-radius:10px 10px 0 0;padding:2px 10px;font-size:12px;font-weight:700;line-height:16px;position:absolute;bottom:0;left:12px}.take-out{box-sizing:border-box;border:2px solid var(--ink-muted);cursor:pointer;background:0 0;border-radius:0;width:44px;height:44px;padding:0;position:relative}.take-out-inert{opacity:.5;cursor:default}.take-out:active{background:var(--card)}.take-out-cross{width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.take-out-cross:before,.take-out-cross:after{background:var(--ink);content:"";width:100%;height:2.4px;margin-top:-1.2px;position:absolute;top:50%;left:0}.take-out-cross:before{transform:rotate(45deg)}.take-out-cross:after{transform:rotate(-45deg)}.reasons-item{border-top:0;padding:0 12px 12px;list-style:none}.reasons-why{color:var(--text-muted);font-family:var(--voice);margin:12px 0 6px;font-size:12px;font-weight:700;line-height:16px}.reasons-row{flex-wrap:wrap;gap:8px;display:flex}.reason{box-sizing:border-box;border:2px solid var(--text-muted);min-height:44px;color:var(--text);font-family:var(--voice);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;line-height:20px;display:inline-flex;transform:rotate(1deg)}.reason[aria-pressed=true]{background:var(--card);color:var(--ink)}.reason-tick{border:solid var(--ink);border-width:0 2px 2px 0;width:5px;height:10px;margin-bottom:3px;display:inline-block;transform:rotate(45deg)}.undo-bar{z-index:10;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:var(--card);color:var(--ink);font-family:var(--voice);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:700;line-height:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.undo-text{overflow-wrap:anywhere;min-width:0}.undo-button{min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 8px;text-decoration:underline}.name-field{flex-direction:column;display:flex}.name-field .legend{margin-bottom:6px}.name-paper{padding:10px 14px;position:relative}.name-input{font-size:20px;line-height:26px}.name-read{color:var(--text);font-family:var(--voice);overflow-wrap:anywhere;margin:0;font-size:21px;font-weight:400;line-height:27px}.size-stepper{flex-direction:column;gap:8px;display:flex}.size-row{align-items:center;gap:12px;display:flex}.size-paper{flex:0 0 96px;width:96px;height:52px}.size-input{text-align:center;height:52px;padding:0 8px;font-size:26px;font-weight:700;line-height:32px}.size-step{flex:0 0 52px;width:52px;padding:0;position:relative}.size-bar{background:currentColor;width:18px;height:2.4px;margin:-1.2px 0 0 -9px;position:absolute;top:50%;left:50%}.size-bar-up{transform:rotate(90deg)}.size-line{color:var(--text);font-family:var(--voice);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:400;line-height:20px}.size-line b{font-weight:700}.primary-bar{z-index:1;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);position:sticky;bottom:0}.primary-bar[data-stuck=true]:before{background:var(--edge);content:"";height:3px;position:absolute;top:0;left:0;right:0}.primary-rest{height:1px;margin-top:-17px}.saved-line{min-height:58px;color:var(--text);font-family:var(--voice);align-items:center;margin:0;font-size:14px;font-weight:700;line-height:20px;display:flex}.version-tally{color:var(--text);font-family:var(--voice);margin:0;padding:19px 0;font-size:14px;line-height:20px}.version-tally b{font-weight:700}.version-saved{color:var(--text);font-family:var(--voice);margin:0;padding:19px 0;font-size:14px;font-weight:700;line-height:20px}.version-saved:focus,.version-saved:focus-visible,.saved-line:focus,.saved-line:focus-visible{outline:none}.name-bad:after{border:2px dashed var(--ink);content:"";pointer-events:none;position:absolute;inset:5px}.field-error{background:var(--card);color:var(--ink);border-radius:0 0 10px 10px;align-self:flex-start;margin:0;padding:6px 12px 7px;font-size:14px;font-weight:700;line-height:20px}.field-error:before{content:"! "}.notice{padding:14px;font-size:15px;line-height:20px}.notice p{margin:0}.notice p+p{margin-top:6px}.notice-title{font-weight:700}.library{flex-direction:column;gap:12px;margin-top:12px;display:flex}.dividers{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.divider{background:var(--card);min-width:0;min-height:86px;color:var(--ink);border-radius:10px 10px 2px 2px;flex-direction:column;flex:0 calc(50% - 3px);gap:4px;display:flex;position:relative}.divider-open{transform:translate(12px)}.divider-open:before{background:var(--text);content:"";width:3px;position:absolute;top:0;bottom:0;left:-3px}.divider-label{pointer-events:none;flex:none}.divider-press{border-radius:inherit;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;gap:4px;margin:0;padding:10px 10px 14px;display:flex}.divider-press:disabled{cursor:default}.divider-name{overflow-wrap:anywhere;font-family:var(--label);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:19px;font-weight:800;font-stretch:75%;line-height:20px;display:-webkit-box;overflow:hidden}.divider-meta{color:var(--ink-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:700;line-height:16px;display:flex}.divider-part{white-space:nowrap}.divider-sticker{background:var(--sticker);color:var(--ink);font-family:var(--voice);flex:none;padding:2px 6px;font-size:12px;font-weight:700;line-height:16px;transform:rotate(-3deg)}.divider-locked{opacity:.5}.library-locked{color:var(--text-muted);margin:0;font-size:12px;font-weight:700;line-height:16px}.home-main{flex-direction:column;gap:16px;min-width:0;display:flex}.strip-reading,.strip-failed,.strip-not-read{animation:none}.strip-bar{background:var(--ink-muted);opacity:.3;height:14px;margin:3px 0;display:block}.strip-bar-short{width:60%}.cover-crossed{position:relative}.cover-crossed:before,.cover-crossed:after{background:var(--ink-muted);content:"";width:26px;height:2px;margin:-1px 0 0 -13px;position:absolute;top:50%;left:50%}.cover-crossed:before{transform:rotate(45deg)}.cover-crossed:after{transform:rotate(-45deg)}.strip-failed{clip-path:polygon(0 0,100% 0,calc(100% - 5px) 14%,100% 28%,calc(100% - 6px) 43%,100% 57%,calc(100% - 4px) 72%,100% 86%,calc(100% - 5px) 100%,0 100%);position:relative}.attribution{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.slogo{width:78px;height:24px;font-family:var(--label);border:1px dashed;border-radius:3px;place-items:center;font-size:10px;font-weight:600;display:inline-grid}@media (width<=1023px){.library-apart{display:none}}@media (width>=600px){.primary-bar .primary,.secondary{width:280px}}footer{color:var(--text-muted);font-family:var(--voice);overflow-wrap:anywhere;margin:28px 0 0;font-size:12px;font-weight:400}@media (width>=1024px){#root{max-width:1280px}footer{max-width:928px;margin:28px auto 0}.home{grid-template-columns:260px minmax(0,640px);grid-template-areas:"library main";justify-content:center;align-items:start;column-gap:28px;display:grid}.home-main{grid-area:main}.library{grid-area:library;margin-top:0}.divider{flex-basis:100%;min-height:0}}@media (width>=1280px){.home.home-versus{grid-template:"library current-head new-head""library current-tab new-tab""library current-body new-body"1fr/260px 532px 400px;gap:16px 28px}.home-versus .home-main{display:contents}.versus-current-head{grid-area:current-head}.versus-current-tab{grid-area:current-tab}.versus-current-body{grid-area:current-body}.versus-new-head{grid-area:new-head}.versus-new-tab{grid-area:new-tab}.versus-new-body{grid-area:new-body}.versus-current-body,.versus-new-body{flex-direction:column;gap:16px;min-width:0;display:flex}body:has(.home-versus) footer{max-width:1248px}}@keyframes strip-in{0%{transform:translateY(-12px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.strip{animation:none}.primary,.secondary{transition:none}}