*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:#1a1410}:root{--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", sans-serif;--font-display: "Instrument Serif", "EB Garamond", "Times New Roman", serif}body{font:400 14px/1.5 var(--font);letter-spacing:-.005em;color:var(--ink, #2a1f14);background:var(--bg, #ece3d4);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss03"}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;cursor:pointer}.ico{vertical-align:-.14em;flex:none}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);transition:background .4s,color .4s}.hdr{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:20px 28px 18px;border-bottom:.5px solid var(--rule);background:var(--bg)}.hdr-brand{display:flex;align-items:baseline;gap:11px}.hdr-name{font:400 36px/1 var(--font-display);letter-spacing:-.012em;white-space:nowrap;color:var(--ink)}.hdr-name em{font-style:italic;letter-spacing:-.018em}.hdr-nav{display:flex;gap:26px;justify-content:center}.hdr-nav a,.hdr-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;color:var(--ink-soft);font:500 13.5px/1.3 var(--font);letter-spacing:-.012em;position:relative;padding:4px 0;transition:color .2s;white-space:nowrap}.hdr-nav a.is-active,.hdr-nav button.is-active{color:var(--ink)}.hdr-nav a.is-active:after,.hdr-nav button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:1px;background:var(--ink)}.hdr-nav a:hover,.hdr-nav button:hover{color:var(--ink)}.hdr-nav button:focus-visible{outline:2px solid var(--wood-1);outline-offset:3px;border-radius:2px}.hdr-actions{display:flex;align-items:center;gap:14px}.hdr-avatar{width:30px;height:30px;border-radius:50%;background:var(--wood-1);color:var(--paper);display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font)}.toolbar{display:grid;grid-template-columns:minmax(260px,380px) 1fr auto;gap:24px;align-items:center;padding:14px 28px;border-bottom:.5px solid var(--rule)}.toolbar-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--paper);border:.5px solid var(--rule);color:var(--ink-soft);border-radius:2px}.toolbar-search input{border:0;outline:0;background:transparent;flex:1;font-family:var(--font);font-size:13px;color:var(--ink)}.toolbar-search input::placeholder{color:var(--ink-soft)}.clear-search{border:0;background:transparent;color:var(--ink-soft);font-size:18px;line-height:1;padding:0 2px}.toolbar-filters{display:flex;gap:10px}.tb-select{position:relative;display:flex;align-items:center;gap:4px;background:var(--paper);border:.5px solid var(--rule);padding:7px 10px 7px 12px;font-size:12.5px;color:var(--ink);border-radius:2px}.tb-select-label{color:var(--ink-soft);font-family:var(--font);font-size:11px;letter-spacing:0;margin-right:6px;white-space:nowrap;opacity:.7}.tb-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:0;padding-right:14px;font-size:12.5px;color:var(--ink)}.tb-select svg{position:absolute;right:10px;pointer-events:none;color:var(--ink-soft)}.toolbar-count{display:flex;align-items:baseline;gap:6px;font-family:var(--font);font-size:12px;color:var(--ink-soft);letter-spacing:0;white-space:nowrap}.toolbar-count strong{color:var(--ink);font-size:16px;font-family:var(--font);font-weight:600}.hero{display:flex;flex-direction:column;gap:18px;padding:26px 4px 28px;margin:0 0 32px;border-bottom:.5px solid var(--rule)}.hero-meta{display:flex;align-items:center;gap:8px;font:500 11.5px/1.3 var(--font);letter-spacing:0;color:var(--ink-soft);white-space:nowrap}.hero-meta-dot{opacity:.4}.hero-body{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:end}.hero-text{display:flex;flex-direction:column;gap:10px;min-width:0}.hero-pick-title{margin:0;font:700 44px/1.05 var(--font);letter-spacing:-.034em;color:var(--ink);text-wrap:balance}.hero-pick-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font:400 14px/1.4 var(--font);letter-spacing:-.005em;color:var(--ink-soft)}.hero-dot{opacity:.4}.hero-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;border:0;background:transparent;color:var(--ink);padding:4px 0;margin-top:6px;font:600 13px/1 var(--font);letter-spacing:-.012em;border-bottom:1.5px solid var(--ink);transition:color .15s,border-color .15s}.hero-cta:hover{color:var(--wood-1);border-bottom-color:var(--wood-1)}.hero-cover-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));transition:transform .2s}.hero-cover-btn:hover{transform:translateY(-2px)}.coll-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 4px 14px}.coll-head-name{font:500 14px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink)}.coll-head-right{font:400 12.5px/1.3 var(--font);color:var(--ink-soft)}.coll-head-muted{opacity:.5}.mood-pill{display:inline-block;font:400 12.5px/1.3 var(--font);letter-spacing:-.005em;color:var(--ink-soft);padding:0;background:transparent;border:0;border-radius:0}.detail-moods{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap;font:400 12.5px/1.4 var(--font);color:var(--ink-soft)}.detail-moods .mood-pill:after{content:" ·";opacity:.4;margin-left:4px}.detail-moods .mood-pill:last-child:after{content:""}.shelf-section{display:flex;flex-direction:column;gap:0}@media (max-width: 880px){.hero-body{grid-template-columns:1fr;gap:20px}.hero-cover-btn{align-self:flex-start}.hero-pick-title{font-size:34px}}.journal-strip{display:flex;align-items:center;gap:28px;padding:14px 0;border-top:.5px solid var(--rule);border-bottom:.5px solid var(--rule)}.journal-stat{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;min-width:0}.journal-stat-label{font:400 11.5px/1.3 var(--font);letter-spacing:0;color:var(--ink-soft)}.journal-stat-value{font:500 14.5px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink);white-space:nowrap}.journal-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);padding:0 0 2px;margin-left:auto;font:600 12.5px/1 var(--font);letter-spacing:-.012em;border-bottom:1.5px solid var(--ink);transition:color .15s,border-color .15s;white-space:nowrap}.journal-play:hover{color:var(--wood-1);border-bottom-color:var(--wood-1)}.memory-pane{display:flex;flex-direction:column;gap:22px}.memory-field{display:flex;flex-direction:column;gap:6px;flex:1}.memory-field-row{display:flex;gap:16px}.memory-label{font:500 11px/1.2 var(--font);letter-spacing:0;color:var(--ink-soft)}.memory-display{margin:0;padding:10px 0;font:400 15px/1.65 var(--font);letter-spacing:-.01em;color:var(--ink);cursor:text;border-bottom:.5px solid var(--rule);min-height:32px;transition:border-color .15s}.memory-display:hover{border-bottom-color:var(--wood-1)}.memory-empty{color:var(--ink-soft);font-style:normal;opacity:.7}.memory-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--wood-1);background:var(--paper);padding:10px 12px;font:400 15px/1.65 var(--font);letter-spacing:-.01em;color:var(--ink);border-radius:2px;outline:0;resize:vertical;min-height:80px}.memory-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:.5px solid var(--rule);background:transparent;padding:6px 0;font:400 14.5px/1.4 var(--font);letter-spacing:-.01em;color:var(--ink);outline:0;width:100%;transition:border-color .15s}.memory-input:focus{border-bottom-color:var(--wood-1)}.memory-rating{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;border-top:.5px dashed var(--rule)}.memory-rating .stars{display:flex;gap:4px}.memory-rating .star{color:var(--rule);font-size:22px;cursor:pointer;transition:color .15s,transform .15s}.memory-rating .star:hover{transform:scale(1.15)}.memory-rating .star.is-filled{color:var(--wood-1)}.main{flex:1;padding:28px 28px 56px;max-width:1600px;margin:0 auto;width:100%}.empty{padding:80px 32px;text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:20px}.shelf-frame{position:relative;background:radial-gradient(120% 90% at 50% 0%,transparent 60%,rgba(0,0,0,.18) 100%),repeating-linear-gradient(89deg,color-mix(in oklab,var(--wood-1) 92%,black) 0,color-mix(in oklab,var(--wood-1) 92%,black) 1.5px,color-mix(in oklab,var(--wood-1) 100%,transparent) 1.5px,color-mix(in oklab,var(--wood-1) 100%,transparent) 5px),linear-gradient(180deg,var(--wood-high) 0%,var(--wood-1) 30%,var(--wood-1) 70%,var(--wood-2) 100%);padding:22px 18px;border-radius:4px;box-shadow:0 1px #ffffff26 inset,0 -2px #00000040 inset,0 30px 60px -20px #0006,0 10px 24px -8px #0000004d}.shelf-top{height:8px;margin:-22px -18px 16px;background:linear-gradient(180deg,color-mix(in oklab,var(--wood-1) 75%,black) 0%,var(--wood-2) 100%);border-radius:4px 4px 0 0;box-shadow:0 2px 4px #0000004d}.shelf-base{height:6px;margin:16px -18px -22px;background:linear-gradient(180deg,var(--wood-2) 0%,color-mix(in oklab,var(--wood-2) 60%,black) 100%);border-radius:0 0 4px 4px;box-shadow:0 2px 6px #00000040 inset}.shelf-body{display:flex;flex-direction:column;gap:0}.shelf-row{position:relative;padding:10px 14px 14px;background:radial-gradient(120% 100% at 50% 50%,color-mix(in oklab,var(--wood-low) 70%,var(--wood-2)) 0%,var(--wood-low) 100%);box-shadow:0 4px 12px #00000059 inset,0 -1px #0006 inset,0 1px #ffffff0d inset}.shelf-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#0000 0,#0000 8px,#ffffff04 8px,#ffffff04 9px),radial-gradient(80% 50% at 50% 30%,rgba(255,255,255,.05),transparent);pointer-events:none}.shelf-cells{position:relative;display:flex;align-items:stretch;gap:0;height:var(--shelf-h, 220px);padding:0}.shelf-cell{flex:1 1 0;min-width:0;position:relative;display:flex;align-items:stretch}.shelf-cell-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 50% at 50% 20%,rgba(255,255,255,.04),transparent 60%),repeating-linear-gradient(90deg,#0000 0,#0000 9px,#ffffff03 9px,#ffffff03 10px);pointer-events:none}.shelf-cell-lps{position:relative;display:flex;align-items:flex-end;gap:1px;width:100%;padding:0 8px 0 10px}.shelf-plank{height:14px;margin:0 -14px;background:linear-gradient(180deg,var(--wood-high) 0%,var(--wood-1) 30%,var(--wood-1) 70%,color-mix(in oklab,var(--wood-2) 80%,black) 100%),repeating-linear-gradient(91deg,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 1px,transparent 1px,transparent 4px);box-shadow:0 -3px 8px #0000004d,0 1px #ffffff26 inset,0 -1px #0000004d inset;position:relative;z-index:2}.shelf-divider{width:7px;align-self:stretch;background:linear-gradient(90deg,color-mix(in oklab,var(--wood-2) 70%,black) 0%,var(--wood-1) 35%,var(--wood-high) 50%,var(--wood-1) 65%,color-mix(in oklab,var(--wood-2) 70%,black) 100%);box-shadow:0 0 6px #00000059,0 1px #ffffff0d inset;flex:0 0 auto;position:relative;z-index:1}.shelf-divider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 1px,transparent 1px,transparent 6px);opacity:.5}.shelf-filler{flex:0 0 auto;display:flex;align-items:flex-end;gap:6px;padding-left:4px;position:relative}.shelf-leaner-lp{width:9px;height:94%;transform:rotate(-9deg);transform-origin:bottom right;border-radius:1px;position:relative;box-shadow:1px 0 #ffffff14 inset,-1px 0 #00000040 inset,0 4px 10px #00000073}.leaner-cap{position:absolute;left:1.5px;right:1.5px;top:3px;height:4px;opacity:.75;border-radius:.5px}.shelf-stack{width:56px;height:14px;align-self:flex-end;margin-bottom:1px;display:flex;flex-direction:column;gap:1px}.stack-lp{flex:1;border-radius:1px;box-shadow:0 1px #0006,0 -1px #ffffff12 inset;opacity:.92}.spine{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;flex:0 0 auto;height:100%;position:relative;transform-origin:bottom center;transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .25s,box-shadow .25s;box-shadow:1px 0 #ffffff14 inset,-1px 0 #00000047 inset,0 4px 10px #00000080;cursor:default;overflow:hidden}.spine:hover{transform:translateY(-10px) rotate(-1deg);filter:brightness(1.1);box-shadow:1px 0 #ffffff1a inset,-1px 0 #00000040 inset,0 10px 20px #00000073;z-index:2}.spine.is-selected{transform:translateY(-22px)}.spine:focus-visible{outline:2px solid var(--wood-high);outline-offset:2px;z-index:3}.spine-text{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:5px;padding:14px 0 12px;height:100%;width:100%;justify-content:flex-start;font-family:var(--font);font-size:6.5px;letter-spacing:.01em;color:var(--spine-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.95}.spine-artist{font-weight:600;opacity:.85;letter-spacing:0;font-size:5.5px}.spine-dot{opacity:.4;font-size:5.5px}.spine-title{font-family:var(--font);font-size:7px;letter-spacing:-.005em;font-weight:500;opacity:1}.spine-cap{position:absolute;left:1.5px;right:1.5px;top:3px;height:5px;border-radius:.5px;opacity:.8}.ftr{display:flex;justify-content:center;gap:14px;padding:18px 28px;font-family:var(--font);font-size:12px;letter-spacing:0;color:var(--ink-soft);border-top:.5px solid var(--rule)}.detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#140e0800;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;pointer-events:none;transition:opacity .3s,backdrop-filter .3s,background .3s;display:flex;align-items:center;justify-content:center}.detail.is-open{opacity:1;pointer-events:auto;background:#0f0a068c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-inner{position:relative;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1.05fr);gap:0;width:min(1180px,96vw);max-height:92vh;background:var(--paper);box-shadow:0 30px 80px #00000080;overflow:hidden;border-radius:3px}.detail-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;border:.5px solid var(--rule);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s}.detail-close:hover{background:var(--bg)}.detail-stage{position:relative;background:radial-gradient(120% 90% at 30% 30%,color-mix(in oklab,var(--wood-1) 30%,var(--paper)) 0%,var(--paper) 60%);padding:60px 40px;display:flex;align-items:center;justify-content:flex-start;min-height:540px;overflow:hidden}.detail-stage:before{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.06) 100%);pointer-events:none}.sleeve-back{position:absolute;left:40px;top:50%;transform:translateY(-50%) translate(-8px);width:360px;height:360px;background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--paper) 92%,var(--ink)) 0,color-mix(in oklab,var(--paper) 92%,var(--ink)) 2px,color-mix(in oklab,var(--paper) 96%,var(--ink)) 2px,color-mix(in oklab,var(--paper) 96%,var(--ink)) 4px),var(--paper);box-shadow:0 1px 2px #0003 inset,0 0 0 1px #00000026;opacity:0;transition:opacity .4s .1s;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px}.sleeve-back.is-out{opacity:1}.sleeve-back-label{display:flex;justify-content:space-between;font-family:var(--font);font-size:9px;color:var(--ink-soft);letter-spacing:.2em;text-transform:uppercase;opacity:.5}.sleeve-back-label:last-child{align-self:flex-end}.cover-slot{position:absolute;left:40px;top:50%;transform:translateY(-50%) translate(0) rotate(0);transition:transform .85s cubic-bezier(.2,.7,.2,1),box-shadow .6s;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));z-index:3}.cover-slot.is-out{transform:translateY(-50%) translate(0) rotate(-1.2deg)}.vinyl-slot{position:absolute;left:40px;top:50%;transform:translateY(-50%) translate(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 16px 26px rgba(0,0,0,.4));z-index:2}.vinyl-slot.is-out{transform:translateY(-50%) translate(58%)}.vinyl{position:relative;width:360px;height:360px}.vinyl-disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation-name:vinylSpin;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;will-change:transform}.vinyl-disc.is-spinning{animation-play-state:running}@keyframes vinylSpin{to{transform:rotate(360deg)}}.vinyl-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1a,#050505 60%,#000);box-shadow:0 0 0 1px #00000080,0 4px 8px #0000004d}.vinyl-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#ffffff0a 0,#ffffff0a 1px,#0009 1px,#0009 2.2px);mask:radial-gradient(circle at 50% 50%,transparent 22%,black 22%,black 100%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 22%,black 22%,black 100%)}.vinyl-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 28%,rgba(255,255,255,.05) 28.5%,transparent 30%),radial-gradient(circle at 50% 50%,transparent 38%,rgba(255,255,255,.03) 38.5%,transparent 40%),radial-gradient(circle at 50% 50%,transparent 46%,rgba(255,255,255,.06) 46.4%,transparent 47.6%)}.vinyl-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px #0000004d,0 0 8px #0003 inset}.vinyl-label-ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:.5px solid rgba(0,0,0,.18)}.vinyl-label-content{position:relative;text-align:center;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:90%}.vinyl-label-side{font-family:var(--font);font-size:7px;letter-spacing:.25em;opacity:.55}.vinyl-label-title{font-family:var(--font);font-size:11.5px;font-weight:600;line-height:1.1;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vinyl-label-artist{font-family:var(--font);font-size:7.5px;letter-spacing:0;font-weight:500;opacity:.8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vinyl-label-meta{display:flex;gap:4px;font-family:var(--font);font-size:6px;letter-spacing:.2em;opacity:.5;margin-top:2px;text-transform:uppercase}.vinyl-label-year{font-family:var(--font);font-size:6.5px;letter-spacing:.2em;opacity:.55;margin-top:1px}.vinyl-hole{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#060606;box-shadow:0 0 0 1px #ffffff0a,0 1px 2px #00000080 inset}.vinyl-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse 70% 22% at 30% 22%,rgba(255,255,255,.14) 0%,transparent 70%),radial-gradient(ellipse 50% 14% at 70% 78%,rgba(255,255,255,.06) 0%,transparent 60%);mix-blend-mode:screen}.detail-info{padding:48px 44px 28px;display:flex;flex-direction:column;gap:18px;background:var(--paper);overflow-y:auto}.detail-genre{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.chip{font-family:var(--font);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);padding:3px 8px;border:.5px solid var(--rule);border-radius:2px;white-space:nowrap}.detail-title{margin:0;font:700 40px/1.02 var(--font);letter-spacing:-.032em;color:var(--ink);text-wrap:balance}.detail-artist{font:500 17px/1.3 var(--font);letter-spacing:-.014em;color:var(--ink-soft);margin-top:6px}.detail-tabs{display:flex;gap:0;border-bottom:.5px solid var(--rule)}.detail-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:10px 16px 10px 0;margin-right:8px;font-size:13px;color:var(--ink-soft);position:relative;letter-spacing:-.01em;white-space:nowrap}.detail-tabs button.is-active{color:var(--ink)}.detail-tabs button.is-active:after{content:"";position:absolute;left:0;right:16px;bottom:-.5px;height:1.5px;background:var(--wood-1)}.detail-content{min-height:200px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin:0}.info-grid>div{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:.5px dashed var(--rule)}.info-grid dt{font:500 11.5px/1.3 var(--font);letter-spacing:0;color:var(--ink-soft)}.info-grid dd{margin:0;font:500 16px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink);font-variant-numeric:tabular-nums}.tracks{list-style:none;margin:0;padding:0;counter-reset:track}.tracks li{display:grid;grid-template-columns:36px 1fr auto;align-items:baseline;gap:14px;padding:11px 0;border-bottom:.5px solid var(--rule)}.t-n{font-family:var(--font);font-size:11px;letter-spacing:0;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:500}.t-title{font:500 15px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink)}.t-len{font:400 12px/1.3 var(--font);color:var(--ink-soft);font-variant-numeric:tabular-nums}.note{display:flex;flex-direction:column;gap:24px}.note p{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink)}.note-rating{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:.5px dashed var(--rule);border-bottom:.5px dashed var(--rule)}.note-rating>span:first-child{font-family:var(--font);font-size:11px;letter-spacing:0;color:var(--ink-soft)}.stars{display:flex;gap:2px}.star{color:var(--rule);font-size:18px}.star.is-filled{color:var(--wood-1)}.detail-actions{display:flex;gap:8px;padding-top:16px;margin-top:auto;border-top:.5px solid var(--rule)}.btn-ghost,.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--rule);background:transparent;color:var(--ink);padding:9px 16px;font-size:12.5px;letter-spacing:-.01em;border-radius:2px;transition:background .15s,color .15s;white-space:nowrap}.btn-ghost:hover{background:var(--bg)}.btn-primary{background:var(--wood-1);color:var(--paper);border-color:var(--wood-1);margin-left:auto}.btn-primary:hover{background:color-mix(in oklab,var(--wood-1) 85%,black)}.form-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a068c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-inner{width:min(900px,100%);max-height:90vh;background:var(--paper);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-radius:3px;box-shadow:0 30px 80px #00000080;animation:slideUp .35s cubic-bezier(.2,.7,.2,1) both}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-head{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:.5px solid var(--rule)}.form-head h2{margin:0;font:700 22px/1.15 var(--font);letter-spacing:-.022em}.form-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:32px;height:32px;color:var(--ink-soft);display:flex;align-items:center;justify-content:center}.form-x:hover{color:var(--ink)}.form-body{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:24px 28px;overflow-y:auto}.form-preview{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;align-items:center;gap:12px}.form-preview-spine{width:24px;height:200px;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:9px;letter-spacing:0;padding:8px 0;border-radius:1px;box-shadow:0 4px 8px #0000004d}.form-preview-hint{margin:0;font-family:var(--font);font-size:11px;letter-spacing:0;color:var(--ink-soft)}.form-fields{display:flex;flex-direction:column;gap:24px}.field-section{display:flex;flex-direction:column;gap:12px}.field-section h3{margin:0;font:600 13px/1.3 var(--font);letter-spacing:-.012em;color:var(--ink);padding-bottom:8px;border-bottom:.5px solid var(--rule)}.field{display:flex;flex-direction:column;gap:4px;flex:1}.field>span{font-family:var(--font);font-size:11px;letter-spacing:0;color:var(--ink-soft)}.field input,.field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:.5px solid var(--rule);background:transparent;padding:6px 0;outline:0;font-family:var(--font);font-size:15px;color:var(--ink);transition:border-color .2s;width:100%}.field textarea{font-family:var(--font);font-size:14px;line-height:1.5;resize:vertical;min-height:60px}.field input:focus,.field textarea:focus{border-bottom-color:var(--wood-1)}.field.has-err input{border-bottom-color:#c84a3a}.field em{font-style:normal;font-family:var(--font);font-size:10px;color:#c84a3a}.field-row{display:flex;gap:16px}.color-input{display:flex;align-items:center;gap:8px}.color-input input[type=color]{width:32px;height:24px;border:.5px solid var(--rule);background:transparent;padding:2px;cursor:pointer}.color-input input[type=text]{font-family:var(--font);font-size:12px;width:70px}.genre-chips,.cover-kinds{display:flex;flex-wrap:wrap;gap:6px}.genre-chip,.cover-kind{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--rule);background:transparent;padding:5px 11px;font-family:var(--font);font-size:12px;color:var(--ink-soft);border-radius:2px;transition:all .15s}.genre-chip.is-on,.cover-kind.is-on{background:var(--wood-1);color:var(--paper);border-color:var(--wood-1)}.tracks-edit{display:flex;flex-direction:column;gap:4px}.track-row{display:grid;grid-template-columns:50px 1fr 70px 32px;gap:8px;align-items:center}.track-row input{padding:6px 8px;border:.5px solid var(--rule);background:var(--bg);font-family:var(--font);font-size:13.5px;border-radius:2px;outline:0}.track-row .t-n-i,.track-row .t-l-i{font-family:var(--font);font-size:11.5px}.track-row input:focus{border-color:var(--wood-1)}.t-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--rule);background:transparent;color:var(--ink-soft);width:28px;height:28px;border-radius:2px;font-size:14px}.t-x:hover{background:#c84a3a;color:#fff;border-color:#c84a3a}.t-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px dashed var(--rule);background:transparent;padding:8px;margin-top:4px;font-family:var(--font);font-size:12px;letter-spacing:0;color:var(--ink-soft);border-radius:2px}.t-add:hover{color:var(--ink);border-color:var(--wood-1)}.form-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 28px;border-top:.5px solid var(--rule);background:var(--paper)}@media (max-width: 880px){.detail-inner{grid-template-columns:1fr;max-height:96vh;overflow-y:auto}.detail-stage{min-height:420px;padding:30px 20px}.form-body{grid-template-columns:1fr}.form-preview{position:relative}.toolbar{grid-template-columns:1fr;gap:12px}}@media (max-width: 560px){.hdr{grid-template-columns:1fr auto;gap:12px 16px;padding:14px 16px 0}.hdr-brand{grid-column:1;grid-row:1}.hdr-actions{grid-column:2;grid-row:1;gap:12px}.hdr-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:24px}.hdr-nav a,.hdr-nav button{padding:6px 0 12px}.hdr-nav a.is-active:after,.hdr-nav button.is-active:after{bottom:0}.hdr-name{font-size:27px}.toolbar{padding:12px 16px}.main{padding:20px 16px 48px}.dg-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 14px}.dg-add{padding:9px 0}.dg-want{width:44px;min-height:44px}}.edition-badge{font-family:var(--font);font-size:9.5px;letter-spacing:.12em;color:var(--ink-soft);padding:3px 7px;border:.5px solid var(--rule);border-radius:2px;white-space:nowrap;align-self:center}.edition-limited{color:var(--wood-1);border-color:color-mix(in oklab,var(--wood-1) 45%,var(--rule))}.explore{display:flex;flex-direction:column;gap:22px}.explore-head{display:flex;flex-direction:column;gap:4px}.explore-title{margin:0;font:700 28px/1.1 var(--font);letter-spacing:-.028em;color:var(--ink)}.explore-sub{margin:0;font-size:13.5px;color:var(--ink-soft)}.explore-search{display:flex;align-items:center;gap:10px;border:.5px solid var(--rule);border-radius:2px;padding:8px 10px 8px 14px;background:var(--paper);color:var(--ink-soft);max-width:720px}.explore-search:focus-within{border-color:var(--wood-1)}.explore-search input{flex:1;border:0;background:transparent;outline:none;font:400 15px/1.3 var(--font);color:var(--ink);min-width:0}.explore-search .btn-primary{margin-left:0}.explore-msg{color:var(--ink-soft);font-size:13.5px;padding:8px 0}.explore-hint{color:var(--ink-soft)}.explore-err{color:#b4452e}.dg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px 22px}.dg-card{display:flex;flex-direction:column;gap:9px}.dg-cover{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;position:relative;display:block;line-height:0;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.dg-cover:hover{transform:translateY(-3px)}.dg-cover:focus-visible{outline:2px solid var(--wood-1);outline-offset:3px}.dg-cover .cover{width:100%!important;height:auto!important;aspect-ratio:1}.dg-cover .edition-badge{position:absolute;left:8px;bottom:8px;background:color-mix(in oklab,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dg-meta{display:flex;flex-direction:column;gap:2px}.dg-title{font:600 14px/1.25 var(--font);letter-spacing:-.012em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-artist{font-size:12.5px;color:var(--ink-soft)}.dg-sub{font-size:11.5px;color:var(--ink-soft);display:flex;gap:5px}.dg-sub .tabular{font-variant-numeric:tabular-nums}.dg-dot{opacity:.5}.dg-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-add{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:2px;border:.5px solid var(--rule);background:transparent;color:var(--ink);border-radius:2px;padding:6px 0;font-size:12px;letter-spacing:-.01em;transition:background .15s,color .15s}.dg-add:hover:not(:disabled){background:var(--wood-1);color:var(--paper);border-color:var(--wood-1)}.dg-add:disabled{color:var(--ink-soft);opacity:.6}.discover{display:flex;flex-direction:column;gap:34px}.discover-row{display:flex;flex-direction:column;gap:14px}.discover-row-head{display:flex;flex-direction:column;gap:2px}.discover-row-title{margin:0;font:600 17px/1.2 var(--font);letter-spacing:-.02em;color:var(--ink)}.discover-row-copy{margin:0;font-size:12.5px;color:var(--ink-soft)}.discover-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.discover-strip::-webkit-scrollbar{height:6px}.discover-strip::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}.dg-card-compact{flex:0 0 150px;width:150px;scroll-snap-align:start}.discover-skel{flex:0 0 150px;width:150px;aspect-ratio:1;border-radius:2px;background:color-mix(in oklab,var(--ink) 6%,var(--paper))}.cur-list-view,.cur-detail{display:flex;flex-direction:column;gap:22px}.cur-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 24px}.cur-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;text-align:left;display:flex;flex-direction:column;gap:12px;cursor:pointer}.cur-card-covers{position:relative;height:104px;display:flex;align-items:flex-end;padding-left:12px}.cur-card-cover{position:relative;margin-left:-28px;box-shadow:0 4px 14px #0000002e;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.cur-card-cover:first-child{margin-left:0}.cur-card:hover .cur-card-cover{transform:translateY(-3px)}.cur-card-empty{width:96px;height:96px;border:.5px dashed var(--rule);border-radius:2px}.cur-card-title{font:600 16px/1.25 var(--font);letter-spacing:-.016em;color:var(--ink)}.cur-card-meta{font-size:12.5px;color:var(--ink-soft)}.cur-card-meta .tabular{font-variant-numeric:tabular-nums}.cur-card-desc{opacity:.8}.cur-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-soft);font-size:13px;padding:0;align-self:flex-start}.cur-back:hover{color:var(--ink)}.cur-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:.5px solid var(--rule);padding-bottom:18px}.cur-detail-title{margin:0;font:700 30px/1.08 var(--font);letter-spacing:-.03em}.cur-detail-desc{margin:8px 0 0;font-size:14px;color:var(--ink-soft)}.cur-detail-count{margin-top:10px;font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.cur-detail-actions{display:flex;gap:8px;flex:none}.cur-tracklist{list-style:none;margin:0;padding:0}.cur-row{display:grid;grid-template-columns:28px 48px 1fr auto;align-items:center;gap:14px;padding:10px 0;border-bottom:.5px solid var(--rule)}.cur-row-n{color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums}.cur-row-cover,.cur-row-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}.cur-row-cover{line-height:0}.cur-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cur-row-title{font:500 15px/1.3 var(--font);color:var(--ink);letter-spacing:-.012em}.cur-row-artist{font-size:12.5px;color:var(--ink-soft)}.cur-row.is-missing .cur-row-text{cursor:default}.cur-row.is-missing .cur-row-title,.cur-row.is-missing .cur-row-artist{color:var(--ink-soft)}.cur-row-missing-cover{display:block;width:48px;height:48px;border:.5px solid var(--rule);background:var(--paper)}.cur-row-ctl{display:flex;gap:4px}.cur-row-ctl button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border:.5px solid var(--rule);background:transparent;color:var(--ink-soft);border-radius:2px;font-size:13px;line-height:1}.cur-row-ctl button:hover:not(:disabled){color:var(--ink);background:var(--bg)}.cur-row-ctl button:disabled{opacity:.35}.cur-editor-body{display:flex;flex-direction:column;gap:18px}.cur-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.cur-pick{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;line-height:0;position:relative;border-radius:2px;opacity:.55;transition:opacity .15s,transform .15s;box-shadow:0 0 0 .5px var(--rule)}.cur-pick:hover{opacity:.85}.cur-pick.is-on{opacity:1;box-shadow:0 0 0 2px var(--wood-1)}.cur-pick.is-on:before,.cur-pick.is-on:after{content:"";position:absolute;top:4px;right:5px;width:16px;height:16px}.cur-pick.is-on:before{background:var(--wood-1);border-radius:100px}.cur-pick.is-on:after{background:var(--paper);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 9px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 9px no-repeat}.cur-add-lp{margin:0 0 16px;font-size:14px;color:var(--ink-soft)}.cur-add-lp strong{color:var(--ink)}.cur-add-list{list-style:none;margin:0 0 16px;padding:0}.cur-add-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:.5px solid var(--rule)}.cur-add-name{font-size:14px;color:var(--ink)}.cur-add-count{color:var(--ink-soft);font-variant-numeric:tabular-nums}.cur-add-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--rule);background:transparent;color:var(--ink);border-radius:2px;padding:6px 12px;font-size:12px;white-space:nowrap}.cur-add-toggle.is-on{background:var(--wood-1);color:var(--paper);border-color:var(--wood-1)}.cur-add-new{display:flex;gap:8px}.cur-add-new input{flex:1;border:.5px solid var(--rule);border-radius:2px;background:var(--paper);padding:8px 10px;font:400 14px var(--font);color:var(--ink);outline:none}.cur-add-new input:focus{border-color:var(--wood-1)}.dg-import{background:var(--bg);border-radius:3px;padding:4px 12px 12px}.dg-import-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;color:var(--ink)}.dg-import-toggle h3{margin:0}.dg-import-chev{color:var(--ink-soft);font-size:15px}.dg-import-search{display:flex;gap:8px;margin-bottom:10px}.dg-import-search input{flex:1;border:.5px solid var(--rule);border-radius:2px;background:var(--paper);padding:8px 10px;font:400 14px var(--font);color:var(--ink);outline:none}.dg-import-search input:focus{border-color:var(--wood-1)}.dg-import-err{margin:0 0 10px;font-size:12.5px;color:#b4452e}.dg-import-results{list-style:none;margin:0;padding:0}.dg-import-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:12px;padding:8px 0;border:0;border-bottom:.5px solid var(--rule);background:transparent;text-align:left;cursor:pointer;color:var(--ink)}.dg-import-row:hover:not(:disabled){background:color-mix(in oklab,var(--paper) 60%,transparent)}.dg-import-row:disabled{opacity:.5}.dg-import-thumb{width:44px;height:44px;object-fit:cover;border-radius:2px;flex:none;box-shadow:0 0 0 .5px var(--rule)}.dg-import-thumb-empty{background:var(--bg)}.dg-import-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dg-import-title{font:600 14px/1.25 var(--font);letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-import-meta{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-import-pick{font-size:12px;color:var(--wood-1);flex:none}button.hdr-avatar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;transition:transform .12s cubic-bezier(.2,.7,.2,1),box-shadow .12s}button.hdr-avatar:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.profile-modal{display:block;width:min(420px,100%)}.profile-body{display:flex;flex-direction:column;gap:16px;align-items:stretch}.profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--wood-1);color:var(--paper);display:flex;align-items:center;justify-content:center;font:600 26px/1 var(--font);align-self:center}.profile-hint{margin:0;font-size:12px;color:var(--ink-soft)}.dg-more{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0 8px}.dg-more-count{font-size:12.5px;color:var(--ink-soft)}.dg-more-count .tabular{font-variant-numeric:tabular-nums;color:var(--ink)}.detail-recall{margin-top:10px;font:400 13.5px/1.45 var(--font);letter-spacing:-.01em;color:var(--ink-soft);max-width:46ch}.shelf-caption{min-height:18px;padding:10px 4px 0;display:flex;gap:8px;align-items:baseline;font-size:12.5px;color:var(--ink-soft)}.shelf-caption-name{color:var(--ink);letter-spacing:-.01em}.shelf-caption-trace{position:relative;padding-left:9px}.shelf-caption-trace:before{content:"·";position:absolute;left:0;opacity:.6}.shelf-caption-hint{margin-left:auto;color:var(--ink-soft);opacity:.7}.hero-trace{margin-top:10px;font-size:13px;color:var(--ink-soft);letter-spacing:-.01em}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:.5px solid var(--rule);border-radius:3px;height:56px;padding:8px 9px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;cursor:pointer;overflow:hidden;transition:transform .12s cubic-bezier(.2,.7,.2,1),box-shadow .12s}.theme-swatch:hover{transform:translateY(-1px)}.theme-swatch.is-on{box-shadow:0 0 0 2px var(--wood-1)}.theme-swatch-wood{position:absolute;top:0;left:0;right:0;height:18px}.theme-swatch-ink{width:9px;height:9px;border-radius:50%}.theme-swatch-name{font-size:10.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cur-detail-cover,.cur-card-designed{line-height:0;flex:none}.cur-detail-cover{box-shadow:0 6px 20px #0003;border-radius:2px;overflow:hidden}.cur-card-designed{box-shadow:0 6px 18px #0000002e;border-radius:2px;overflow:hidden;align-self:flex-start}.cur-cover-head{display:flex;align-items:baseline;justify-content:space-between}.cur-cover-head h3{margin:0}.cur-cover-toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft)}.cur-cover-editor{display:flex;gap:16px;margin-top:12px;align-items:flex-start}.cur-cover-preview{flex:none;box-shadow:0 6px 20px #0003}.cur-cover-controls{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.profile-danger{display:flex;align-items:center;gap:10px;padding-top:6px;border-top:.5px solid var(--rule)}.profile-danger-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid color-mix(in oklab,#b4452e 50%,var(--rule));background:transparent;color:#b4452e;border-radius:2px;padding:6px 12px;font-size:12.5px;white-space:nowrap}.profile-danger-btn:hover{background:color-mix(in oklab,#b4452e 10%,transparent)}.profile-danger-hint{font-size:11.5px;color:var(--ink-soft)}.shelf-tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:.5px solid var(--rule)}.shelf-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:8px 2px 12px;margin-right:18px;font:600 15px/1 var(--font);letter-spacing:-.014em;color:var(--ink-soft);position:relative}.shelf-tabs button.is-active{color:var(--ink)}.shelf-tabs button.is-active:after{content:"";position:absolute;left:0;right:18px;bottom:-.5px;height:2px;background:var(--wood-1)}.shelf-tab-n{font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:3px}.dg-actions{display:flex;gap:6px;margin-top:2px}.dg-actions .dg-add{flex:1;margin-top:0}.dg-want{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;flex:none;border:.5px solid var(--rule);background:transparent;color:var(--ink-soft);border-radius:2px;font-size:13px;line-height:1}.dg-want:hover:not(:disabled){color:var(--wood-1);border-color:color-mix(in oklab,var(--wood-1) 45%,var(--rule))}.detail-remove{color:#b4452e;border-color:color-mix(in oklab,#b4452e 40%,var(--rule))}.detail-remove:hover{background:color-mix(in oklab,#b4452e 10%,transparent)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:300;display:flex;align-items:center;gap:14px;padding:11px 18px;background:var(--ink);color:var(--paper);border-radius:100px;box-shadow:0 8px 28px #00000052;font-size:13.5px;letter-spacing:-.01em;animation:toastIn .28s cubic-bezier(.2,.7,.2,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.toast-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--paper);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.login-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:.5px solid var(--rule);background:color-mix(in oklab,var(--wood-1) 7%,transparent)}.login-notice-msg{font-size:12.5px;line-height:1.45;letter-spacing:-.01em;color:var(--ink-soft)}.login-notice-msg strong{color:var(--ink);font-weight:600}.login-notice-actions{display:flex;align-items:center;gap:8px;flex:none}.login-notice-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:4px 2px;font:600 12.5px/1 var(--font);letter-spacing:-.012em;color:var(--wood-1);white-space:nowrap}.login-notice-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;display:grid;place-items:center;width:24px;height:24px;color:var(--ink-soft);flex:none}.login-notice-x:hover{color:var(--ink)}@media (max-width: 640px){.login-notice{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 16px}}.profile-account{padding-top:6px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-state{display:flex;align-items:center;gap:8px;min-width:0}.account-dot{width:6px;height:6px;border-radius:50%;background:#4a9e6a;flex:none}.account-email{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-hint{font-size:11.5px;line-height:1.45;color:var(--ink-soft)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.vinyl-disc,.vinyl-disc.is-spinning{animation:none!important}}