@layer theme,base;@layer components{.studio-shelf{--wood:#b98b5f;--wood-edge:#9a6f48;margin-top:28px}@media (max-width:1023.98px){.studio-shelf{overflow-clip-margin:12px;overflow-x:clip}}.studio-shelf-row{gap:3px;display:grid}@media (min-width:640px) and (max-width:1023px){.studio-shelf-row{grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--half), auto);grid-auto-flow:column;align-items:end;column-gap:28px}}.studio-shelf-book{min-width:0;list-style:none}.studio-shelf-link{color:inherit;-webkit-tap-highlight-color:transparent;border-radius:6px;display:block}.studio-shelf-lift{display:block}.studio-shelf-body{min-height:var(--t);margin-left:var(--inset);margin-right:calc(22px - var(--inset));background:var(--spine-bg);color:var(--spine-ink);transition:transform var(--dur-spring) var(--ease-spring);border-radius:3px 7px 7px 3px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kicker count""name count";align-content:center;gap:1px 12px;padding:7px 20px 8px 22px;display:grid;position:relative;box-shadow:inset 0 -2px #0000001a,inset 0 1px #ffffff29,0 6px 12px -8px #402c188c}.studio-shelf-book[data-tone=light] .studio-shelf-body{box-shadow:inset 0 0 0 1px #0f172a1a,inset 0 -2px #0000000d,0 6px 12px -8px #402c1880}.studio-shelf-body:before,.studio-shelf-body:after{content:"";opacity:.32;border-left:1px solid;border-right:1px solid;width:2px;position:absolute;top:7px;bottom:7px}.studio-shelf-book[data-tone=dark] .studio-shelf-body:before,.studio-shelf-book[data-tone=dark] .studio-shelf-body:after{color:#d9b878;opacity:.7}.studio-shelf-body:before{left:8px}.studio-shelf-body:after{right:8px}.studio-shelf-kicker{letter-spacing:.14em;opacity:.75;white-space:nowrap;text-overflow:ellipsis;grid-area:kicker;min-width:0;font-size:9px;font-weight:700;line-height:1.4;overflow:hidden}.studio-shelf-spine{display:none}.studio-shelf-name{text-wrap:balance;grid-area:name;min-width:0;font-size:15px;font-weight:800;line-height:1.3}.studio-shelf-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.85;white-space:nowrap;grid-area:count;align-self:center;font-size:11px}.studio-shelf-book[data-tone=accent] .studio-shelf-kicker,.studio-shelf-book[data-tone=accent] .studio-shelf-count{opacity:1}.studio-shelf-ribbon{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);background:#1f2b45;width:9px;height:18px;position:absolute;bottom:-12px;right:34px}@media (max-width:639px){.studio-shelf-body{min-height:var(--tm);grid-template-areas:"name count";padding-block:6px}.studio-shelf-kicker{display:none}}@media (prefers-reduced-motion:no-preference){.studio-shelf-link:active .studio-shelf-body{transform:translate(8px)}}@media (hover:hover) and (pointer:fine) and (max-width:1023px) and (prefers-reduced-motion:no-preference){.studio-shelf-link:hover .studio-shelf-body{transform:translate(8px)}}.studio-shelf-bookend,.studio-shelf-card{display:none}@media (min-width:1024px){.studio-shelf{align-items:flex-end;gap:44px;margin-top:40px;display:flex}.studio-shelf-stage{flex:none;padding:0 18px;position:relative}.studio-shelf-stage:after{content:"";background:var(--wood);height:14px;box-shadow:inset 0 -3px 0 var(--wood-edge), 0 14px 18px -12px #402c1873;border-radius:3px;position:absolute;bottom:-14px;left:0;right:0}.studio-shelf-row{align-items:flex-end;gap:7px;display:flex}.studio-shelf-book,.studio-shelf-link,.studio-shelf-lift{display:flex}.studio-shelf-book{flex:none}.studio-shelf-body{width:var(--w);height:var(--h);min-height:0;transition:transform var(--dur-spring) var(--ease-spring), box-shadow var(--dur-hover) ease;border-radius:6px 6px 3px 3px;flex-direction:column;justify-content:space-between;align-items:center;gap:0;margin:0;padding:22px 0 14px;display:flex;box-shadow:inset -3px 0 #00000014,inset 2px 0 #ffffff24,0 10px 18px -12px #402c188c}.studio-shelf-book[data-tone=light] .studio-shelf-body{box-shadow:inset 0 0 0 1px #0f172a1a,inset -3px 0 #0000000d,0 10px 18px -12px #402c1880}.studio-shelf-body:before,.studio-shelf-body:after{border:1px solid;border-left:0;border-right:0;width:auto;height:2px;inset:auto 8px}.studio-shelf-body:before{top:9px}.studio-shelf-body:after{bottom:38px}.studio-shelf-kicker,.studio-shelf-name{display:none}.studio-shelf-spine{writing-mode:vertical-rl;letter-spacing:.08em;white-space:nowrap;font-size:18px;font-weight:800;line-height:1.1;display:block}.studio-shelf-tcy{text-combine-upright:all;letter-spacing:0}.studio-shelf-ribbon{z-index:-1;width:10px;height:30px;margin-left:6px;inset:-16px auto auto 50%}.studio-shelf-bookend{background:var(--ink);clip-path:polygon(0 0,22% 0,22% 86%,100% 86%,100% 100%,0 100%);border-radius:4px 4px 0 0;flex:none;width:30px;height:150px;margin-left:6px;list-style:none;display:block}.studio-shelf-card{background:var(--paper);min-width:0;max-width:400px;box-shadow:0 0 0 1px #0f172a0d, var(--paper-shadow-lift);border-radius:16px;flex:1;margin-bottom:18px;padding:22px 24px 14px;display:block}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.studio-shelf-book[data-active] .studio-shelf-body{transform:translateY(-14px)rotate(-1.5deg);box-shadow:inset -3px 0 #00000014,inset 2px 0 #ffffff1f,0 26px 30px -16px #402c1880}.studio-shelf-link:active .studio-shelf-body{transform:translateY(-6px)}}@media (hover:hover) and (pointer:fine) and (min-width:1024px) and (prefers-reduced-motion:no-preference){.studio-shelf-link:hover .studio-shelf-body{transform:translateY(-14px)rotate(-1.5deg)}}@media (min-width:1024px) and (max-width:1279px){.studio-shelf-body{width:calc(var(--w) * .86);height:calc(var(--h) * .92)}.studio-shelf-spine{font-size:16px}.studio-shelf{gap:32px}}.studio-shelf-card-kicker{letter-spacing:.12em;color:var(--accent-ink);font-size:11px;font-weight:700}.studio-shelf-card-name{color:var(--ink);flex-wrap:wrap;align-items:baseline;column-gap:10px;margin-top:6px;font-size:22px;font-weight:900;line-height:1.3;display:flex}.studio-shelf-card-count{font-family:var(--font-mono);color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.studio-shelf-covers{margin-top:14px;padding-left:6px;display:flex}.studio-shelf-covers img{aspect-ratio:4/5;object-fit:cover;background:var(--paper-deep);width:72px;height:auto;box-shadow:0 0 0 1px #0f172a0f, var(--paper-shadow-low);transform:rotate(var(--tilt,0deg));border-radius:8px;margin-left:-10px}.studio-shelf-card-latest{color:var(--ink);margin-top:12px;padding-block:4px;display:block}.studio-shelf-card-label{color:var(--ink-2);font-size:12px;font-weight:700;display:block}.studio-shelf-card-post{-webkit-line-clamp:2;text-underline-offset:3px;-webkit-box-orient:vertical;margin-top:2px;font-size:15px;font-weight:700;line-height:1.55;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .16s;display:-webkit-box;overflow:hidden}@media (hover:hover) and (pointer:fine){.studio-shelf-card-latest:hover .studio-shelf-card-post{text-decoration-color:currentColor}}.studio-shelf-card-all{min-height:44px;color:var(--ink);align-items:center;gap:6px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.studio-shelf-card-all-text{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1.5px}@media (hover:hover) and (pointer:fine){.studio-shelf-card-all:hover .studio-shelf-card-all-text{text-decoration-thickness:2.5px}}}@layer utilities;