.os{--accent: #d8a24a;--wood: #1b140d;--wood-edge: #0e0a06;position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--mono);color:var(--text);background:radial-gradient(130% 90% at 50% -10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 55%),var(--ink);overflow:hidden}.os-head{flex:0 0 auto;display:flex;align-items:center;gap:14px 16px;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.os-brand{font-size:14px;letter-spacing:.22em;color:var(--text);white-space:nowrap}.os-mark{color:var(--accent);letter-spacing:1px;margin-right:6px;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}.os-search{flex:1 1 260px;display:flex;min-width:0;border:1px solid var(--line-2);border-radius:2px;background:var(--ink-1);overflow:hidden}.os-search:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-2))}.os-input{flex:1;min-width:0;padding:9px 12px;background:transparent;border:0;outline:0;color:var(--text);font-family:var(--sans);font-size:13px}.os-input::placeholder{color:var(--text-faint)}.os-go{flex:0 0 auto;padding:0 16px;border:0;border-left:1px solid var(--line-2);background:color-mix(in srgb,var(--accent) 14%,var(--ink-2));color:color-mix(in srgb,var(--accent) 78%,var(--text));font-family:var(--mono);font-size:10px;letter-spacing:.18em;cursor:pointer;transition:background .15s}.os-go:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 26%,var(--ink-2))}.os-go:disabled{opacity:.4;cursor:default}.os-chips{display:flex;gap:5px;flex-wrap:wrap}.os-chip{padding:5px 9px;border:1px solid var(--line);background:var(--ink-2);color:var(--text-dim);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .13s}.os-chip:hover{color:var(--text);border-color:var(--line-2)}.os-chip.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--ink-2))}.os-body{flex:1;display:flex;min-height:0}.os-library{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:14px 16px 28px}.os-stamp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.os-stamp-sub{font-size:9px;letter-spacing:.24em;color:var(--text-faint)}.os-stamp-name{font-family:var(--serif);font-size:21px;font-weight:500;color:var(--text);text-transform:capitalize}.os-stamp-count{margin-left:auto;font-size:9px;letter-spacing:.16em;color:color-mix(in srgb,var(--accent) 60%,var(--text-faint))}.os-shelf{display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-start;gap:26px 2px;padding-bottom:4px}.os-spine{--cloth: hsl(20 24% 22%);--cloth-hi: hsl(20 24% 29%);--gilt: hsl(44 60% 78%);--tall: 0px;position:relative;height:calc(196px + var(--tall));align-self:flex-end;display:flex;flex-direction:column;justify-content:space-between;padding:9px 0;border:0;cursor:pointer;border-radius:1px 1px 0 0;background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.12) 7%,var(--cloth-hi) 18%,var(--cloth) 50%,rgba(0,0,0,.16) 92%,rgba(0,0,0,.5) 100%);box-shadow:inset 0 1px #ffffff14,0 6px 10px #0006;transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,filter .22s;transform-origin:bottom center}.os-spine:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-10px;height:10px;background:linear-gradient(180deg,var(--wood),var(--wood-edge));box-shadow:0 4px 8px #0000008c;border-top:1px solid rgba(255,255,255,.04);z-index:-1}.os-spine-head,.os-spine-foot{flex:0 0 auto;height:12px;margin:0 5px;border-radius:1px;background:repeating-linear-gradient(0deg,var(--gilt) 0 1px,transparent 1px 3px);opacity:.7}.os-spine.band-1 .os-spine-head,.os-spine.band-1 .os-spine-foot{background:var(--gilt);height:3px;box-shadow:0 4px 0 -1px var(--gilt);opacity:.85}.os-spine.band-2 .os-spine-head,.os-spine.band-2 .os-spine-foot{background:none;border-top:1px solid var(--gilt);border-bottom:1px solid var(--gilt);height:8px;opacity:.6}.os-spine-text{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;overflow:hidden;gap:10px;padding:4px 0}.os-spine-title{font-family:var(--serif);font-weight:500;font-size:13px;line-height:1;letter-spacing:.01em;color:var(--gilt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:100%;text-shadow:0 1px 1px rgba(0,0,0,.5)}.os-spine-author{font-family:var(--mono);font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--gilt) 62%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:50%}.os-spine:hover,.os-spine:focus-visible{outline:none;transform:translateY(-13px);box-shadow:inset 0 1px #ffffff1a,0 16px 22px #0000008c,0 0 18px color-mix(in srgb,var(--accent) 22%,transparent);filter:brightness(1.12);z-index:3}.os-spine.pulled{transform:translateY(-22px) rotateX(4deg);box-shadow:inset 0 1px #ffffff1f,0 22px 28px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 0 26px color-mix(in srgb,var(--accent) 30%,transparent);filter:brightness(1.16);z-index:4}.os-detail{flex:0 0 clamp(232px,32%,320px);border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);padding:18px 16px;display:flex;flex-direction:column;overflow-y:auto}.os-detail-idle{margin:auto 0;display:flex;flex-direction:column;gap:12px}.os-detail-eyebrow{font-size:9px;letter-spacing:.26em;color:color-mix(in srgb,var(--accent) 70%,var(--text-faint))}.os-detail-idle p{font-family:var(--sans);font-weight:300;font-size:12px;line-height:1.55;color:var(--text-dim);margin:0}.os-detail-cta{color:var(--text-faint)!important;font-size:11px!important}.os-pull{display:flex;flex-direction:column;gap:16px;animation:os-pull-in .28s cubic-bezier(.2,.8,.3,1)}@keyframes os-pull-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.os-pull-cover{position:relative;aspect-ratio:2 / 3;border-radius:3px;overflow:hidden;background:var(--ink-1);border:1px solid var(--line-2);box-shadow:0 24px 40px #0000008c,0 0 0 4px color-mix(in srgb,var(--cloth) 80%,var(--ink)),-3px 0 6px #0006 inset;display:grid;place-items:center}.os-pull-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.os-pull-loading{position:absolute;font-size:9px;letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase}.os-pull-bare{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;text-align:center;background:linear-gradient(150deg,var(--cloth-hi, var(--cloth)),var(--cloth))}.os-pull-bare-title{font-family:var(--serif);font-size:18px;line-height:1.15;color:var(--gilt);text-shadow:0 1px 1px rgba(0,0,0,.5)}.os-pull-bare-rule{width:42px;height:1px;background:var(--gilt);opacity:.7}.os-pull-bare-author{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--gilt) 70%,transparent)}.os-pull-bare-note{margin-top:auto;font-size:8px;letter-spacing:.16em;color:color-mix(in srgb,var(--gilt) 45%,transparent)}.os-pull-meta{display:flex;flex-direction:column;gap:9px}.os-pull-title{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.15;color:var(--text);margin:0}.os-pull-author{font-family:var(--sans);font-size:12px;color:var(--text-dim)}.os-pull-facts{display:flex;gap:18px;margin:4px 0 2px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.os-pull-facts div{display:flex;flex-direction:column;gap:3px}.os-pull-facts dt{font-size:8px;letter-spacing:.18em;color:var(--text-faint)}.os-pull-facts dd{margin:0;font-family:var(--serif);font-size:17px;color:var(--text);display:flex;align-items:center;gap:6px}.os-pull-swatch{width:12px;height:12px;border-radius:2px;background:var(--cloth);border:1px solid var(--gilt);flex:0 0 auto}.os-pull-facts dd:not(:has(.os-pull-swatch)){font-size:17px}.os-pull-facts div:nth-child(2) dd{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--text-dim)}.os-pull-link{align-self:flex-start;margin-top:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 80%,var(--text));text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent);padding-bottom:2px;transition:color .15s,border-color .15s}.os-pull-link:hover{color:var(--accent);border-color:var(--accent)}.os-pull-link--dead{color:var(--text-faint);border-color:transparent;cursor:default}.os-shelf--skel{pointer-events:none}.os-skel{align-self:flex-end;min-height:150px;border-radius:1px 1px 0 0;background:linear-gradient(90deg,var(--ink-1),var(--ink-2),var(--ink-1));background-size:200% 100%;animation:os-shimmer 1.3s linear infinite;border-bottom:9px solid var(--wood)}@keyframes os-shimmer{to{background-position:-200% 0}}.os-err{margin:auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#e89a86;font-size:13px}.os-err span{font-size:10px;color:var(--text-faint);word-break:break-word}.os-retry{margin-top:4px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line-2));background:color-mix(in srgb,var(--accent) 10%,var(--ink-2));color:color-mix(in srgb,var(--accent) 80%,var(--text));font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:2px}.os-retry:hover{background:color-mix(in srgb,var(--accent) 20%,var(--ink-2))}.os-empty{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--text-dim)}.os-empty-glyph{font-size:46px;color:color-mix(in srgb,var(--accent) 40%,var(--text-faint))}.os-empty p{font-family:var(--sans);font-size:12px;line-height:1.5;max-width:320px;margin:0}@media(max-width:720px){.os-detail{flex-basis:clamp(180px,38%,220px);padding:14px 12px}.os-spine{height:calc(166px + var(--tall) * .7)}}@media(max-width:560px){.os-head{padding:9px 12px;gap:9px 12px}.os-brand{font-size:12px;letter-spacing:.16em}.os-chips{order:3;width:100%}.os-detail{flex-basis:144px;padding:12px 9px}.os-pull-facts{flex-direction:column;gap:8px}.os-spine{height:calc(148px + var(--tall) * .6)}.os-spine-title{font-size:11px}.os-stamp-name{font-size:17px}}