@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,.before-sheet,.divider,.backstage{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{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:14px;left:18px;right:14px}.sheet-hint{max-width:150px;color:var(--ink-muted);font-family:var(--voice);font-size:12px;font-weight:700;line-height:16px}.sheet-corner .primary{width:auto;min-width:124px;min-height:58px;box-shadow:inset 0 0 0 2px var(--ink);clip-path:polygon(2% 8%,98% 0,100% 92%,0 100%);justify-content:center;align-items:center;gap:10px;margin-left:auto;padding:0 22px;font-size:26px;display:inline-flex;transform:rotate(-2deg)}.sheet-corner .primary:focus-visible{clip-path:none}.write-first{color:var(--text);font-family:var(--voice);margin:0;font-size:14px;font-weight:700;line-height:20px}.write-first:empty{margin-top:-16px}.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)}@media (prefers-color-scheme:light){.chip[aria-checked=true]{border-color:var(--ink)}}.size-label{color:var(--text-muted);font-family:var(--voice);margin:4px 0 -8px;font-size:12px;font-weight:700;line-height:16px}.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}.spotify-row>*{flex:none}}.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;gap:8px}.update-choice>.secondary{flex:none}.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 footer{margin-top:12px}.settings-title,.before-title{color:var(--text);font-family:var(--label);margin:0;font-size:23px;font-weight:800;font-stretch:75%}.backstage{background:var(--card);color:var(--ink);border-radius:12px 12px 2px 2px;padding:16px}.backstage-head{align-items:center;gap:10px;display:flex}.backstage-title{color:var(--ink);font-family:var(--label);margin:0;font-size:22px;font-weight:800;font-stretch:75%;line-height:24px}.backstage-note{color:var(--ink-muted);font-family:var(--voice);margin:4px 0 0;font-size:12px;font-weight:700;line-height:16px}.backstage-label{color:var(--ink-muted);font-family:var(--voice);margin:18px 0 8px;font-size:12px;font-weight:700;line-height:16px}.backstage-line{color:var(--ink);font-family:var(--voice);margin:0;font-size:14px;font-weight:400;line-height:20px}.backstage-line b{font-weight:700}.backstage .chip{border:2px solid var(--ink-muted);color:var(--ink)}.backstage .chip[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:var(--card)}.backstage :focus-visible{outline-color:var(--ink)}.backstage-calls{border-collapse:collapse;table-layout:fixed;width:100%;font-family:var(--voice);font-size:12px;line-height:16px}.backstage-calls th{border-bottom:2px solid var(--ink);color:var(--ink-muted);text-align:left;padding:6px 6px 6px 0;font-weight:700}.backstage-calls th:first-child{width:24%}.backstage-calls th:nth-child(2){width:18%}.backstage-calls th:nth-child(3){width:16%}.backstage-calls th:nth-child(4),.backstage-calls th:nth-child(5){width:21%}.backstage-calls td{border-bottom:1px solid var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;padding:8px 6px 8px 0;overflow:hidden}.backstage-calls .backstage-num{text-align:right;padding-right:0}.backstage-again{border:2px solid var(--ink);min-height:48px;color:var(--ink);font-family:var(--label);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 14px;font-size:18px;font-weight:800;font-stretch:75%;display:inline-flex}.backstage-again:disabled{opacity:.5;cursor:default}.backstage .status-line{color:var(--ink-muted);font-family:var(--voice);margin-top:8px;font-size:14px;line-height:20px}.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}.start-crate{margin-top:8px}.start-tab-wrap{text-align:center;line-height:0}.start-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}.start-tab b{font-weight:700}.start-box{border:3px solid var(--edge);background:var(--bg);border-radius:4px 4px 8px 8px;padding:6px 6px 0}.start-slot{border:2px dashed var(--text-muted);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:68px;margin-bottom:6px;padding:10px 12px;display:grid}.start-slot-n{color:var(--text-muted);font-family:var(--label);text-align:center;font-size:26px;font-weight:800;font-stretch:75%;line-height:1}.start-slot p{color:var(--text);font-family:var(--voice);margin:0;font-size:14px;font-weight:400;line-height:20px}.start-slot b{font-weight:700}.start-lip{background:var(--edge);height:22px;margin:0 -6px}.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-head{align-items:center;gap:8px;min-width:0;display:flex}.strip-head .strip-title{min-width:0}.strip-head .strip-new{flex:none}.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-new-not-added{background:var(--paper);outline:2px solid var(--ink)}.strip-leaving{pointer-events:none;animation:.16s ease-out forwards strip-out}.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);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.take-out-inert{opacity:.5;cursor:default}.take-out:active{background:var(--card)}.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}.before-column{max-width:640px;margin:12px auto 0}.before-column>.notice{margin-bottom:20px}.before-title{margin-bottom:14px}.before-column .primary-rest{margin-top:-1px}.before-sheet{font-family:var(--voice);padding:20px 18px 24px;font-size:15px;font-weight:400;line-height:22px}.before-sheet>:first-child{margin-top:0}.before-sheet p,.before-sheet ul{margin:0}.before-sheet p+p,.before-sheet p+ul,.before-sheet ul+p,.before-sheet ul+ul{margin-top:8px}.before-sheet strong{font-weight:700}.before-sheet h2{color:var(--ink);font-family:var(--label);margin:24px 0 8px;font-size:20px;font-weight:800;font-stretch:75%;line-height:21px}.before-sheet ul{padding:0;list-style:none}.before-sheet li{padding-left:20px;position:relative}.before-sheet li+li{margin-top:8px}.before-sheet li:before{content:"-";position:absolute;left:0}.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}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:butt;stroke-linejoin:miter}.brand-label{flex:none;width:46px;height:31px}.brand-face{fill:var(--sticker)}.brand-line{fill:none;stroke:var(--ink);stroke-width:2px}.brand-word{fill:var(--ink);font-family:var(--voice);text-anchor:middle;font-size:17px;font-weight:700}@media (width<=1023px){.library-apart{display:none}}.library-page{gap:16px;margin-top:0}.destination-title{color:var(--text);font-family:var(--label);margin:0;font-size:30px;font-weight:800;font-stretch:75%;line-height:30px}.destination-note{color:var(--text-muted);font-family:var(--voice);margin:0;font-size:14px;line-height:20px}.brand{align-items:center;gap:10px;min-height:44px;display:flex}.brand-name{color:var(--text);font-family:var(--label);letter-spacing:.2px;font-size:24px;font-weight:800;font-stretch:75%;line-height:1}@media (width<=1023px){:root{--tab-bar-height:calc(77px + env(safe-area-inset-bottom,0px))}.home-shell{margin-top:60px}body:has(.tab-bar){padding-bottom:var(--tab-bar-height)}html:has(.tab-bar){scroll-padding-top:56px;scroll-padding-bottom:var(--tab-bar-height)}.app-bar{z-index:20;border-bottom:3px solid var(--edge);background:var(--bg);align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.app-bar-back{box-sizing:border-box;border:2px solid var(--text-muted);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:0;flex:none;place-items:center;margin:0;padding:0;display:grid}.app-bar-back-inert{opacity:.5;cursor:default}.app-bar-title{min-width:0;color:var(--text);font-family:var(--label);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;font-stretch:75%;line-height:1;overflow:hidden}.tab-bar{z-index:20;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:3px solid var(--edge);background:var(--surface);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{min-width:0;min-height:60px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;display:flex}.nav-tab[aria-current=page]{color:var(--text)}.nav-mark{place-items:center;width:52px;height:32px;display:grid;position:relative}.nav-tab .icon{position:relative}.nav-tab[aria-current=page] .nav-mark{background:var(--sticker);color:var(--ink);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.nav-name{font-family:var(--voice);font-size:12px;font-weight:700;line-height:16px}.home-shell .primary-bar{bottom:var(--tab-bar-height);padding-bottom:12px}.home-shell .primary-rest{top:var(--tab-bar-height);position:relative}.home-shell .undo-bar{bottom:var(--tab-bar-height);padding-bottom:8px}.wide-only{display:none}}@media (prefers-color-scheme:light) and (width<=1023px){.app-bar-back,.nav-tab[aria-current=page]{color:var(--ink)}.nav-tab[aria-current=page] .nav-mark{background:var(--ink)}.nav-tab[aria-current=page] .nav-mark:before{background:var(--sticker);clip-path:polygon(0 0,calc(100% - 7.83px) 0,100% 7.83px,100% 100%,0 100%);content:"";position:absolute;inset:2px}}@media (width>=600px){.primary-bar .primary,.size-stepper .primary,.secondary{width:280px}.spotify-row{flex-wrap:wrap}.spotify-row>*{flex:none}}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}.before-column{margin-top:32px}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.home-shell.home-versus{grid-template-columns:468px 400px;grid-template-areas:"current-head new-head""current-tab new-tab""current-body new-body";justify-content:center;display:grid}.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}}@media (width>=1024px){.app-bar,.tab-bar{display:none}#root:has(.shelf){max-width:none;margin:0 0 0 288px;padding:40px 48px 48px}.home.home-shell{margin:0;display:block}.home-shell .home-main{max-width:640px;margin:0 auto}.home-shell .undo-bar{left:288px}.shelf{z-index:5;border-right:3px solid var(--edge);background:var(--surface);flex-direction:column;width:288px;display:flex;position:fixed;top:0;bottom:0;left:0}.shelf .brand{box-sizing:content-box;padding:22px 20px 18px}.shelf-nav{border-bottom:3px solid var(--edge);flex-direction:column;flex:none;gap:2px;padding:0 12px 14px;display:flex}.shelf-tab{min-height:48px;color:var(--text-muted);font-family:var(--label);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0 8px;font-size:20px;font-weight:800;font-stretch:75%;line-height:1;display:flex}.shelf-tab[aria-current=page]{color:var(--text)}.shelf-mark{flex:none;place-items:center;width:48px;height:32px;display:grid;position:relative}.shelf-tab .icon{position:relative}.shelf-tab[aria-current=page] .shelf-mark{background:var(--sticker);color:var(--ink);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.shelf .library{flex:1 1 0;min-height:0;margin:0;padding:16px 20px;overflow-y:auto}#root .shelf footer{flex:none;max-width:none;margin:12px 20px 18px}}@media (prefers-color-scheme:light) and (width>=1024px){.shelf-tab[aria-current=page]{color:var(--ink)}.shelf-tab[aria-current=page] .shelf-mark{background:var(--ink)}.shelf-tab[aria-current=page] .shelf-mark:before{background:var(--sticker);clip-path:polygon(0 0,calc(100% - 7.83px) 0,100% 7.83px,100% 100%,0 100%);content:"";position:absolute;inset:2px}}@keyframes strip-in{0%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes strip-out{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){.strip,.strip-leaving{animation:none}.primary,.secondary{transition:none}}