@layer components{.lb-page{--lb-paper:var(--risti-illus-cream);--lb-ink-line:var(--risti-illus-ink);--lb-tray:color-mix(in oklab,var(--m-room-library) 9%,var(--lb-paper));--lb-lilac:color-mix(in oklab,var(--m-room-library) 22%,var(--lb-paper));--lb-grape-fill:color-mix(in oklab,var(--m-room-library) 45%,var(--lb-paper));--lb-clay:color-mix(in oklab,var(--m-room-inbox) 30%,var(--lb-paper));--lb-grape-ink:color-mix(in oklab,var(--m-room-library) 78%,var(--m-ink));--lb-off:color-mix(in srgb,var(--lb-ink-line) 25%,transparent);--lb-shadow:0 12px 32px color-mix(in srgb,var(--risti-illus-ink) 12%,transparent),0 1px 2px color-mix(in srgb,var(--risti-illus-ink) 8%,transparent)}.lb-page .p-hero-words .m-hero{max-width:14ch}@media (min-width:64rem){.lb-page .p-hero-words .m-hero{max-width:none}}.lb-shelf{--k:0.78;display:flex;flex-direction:column;padding:var(--m-space-4) 0 var(--m-space-3);border-radius:1.5rem;background:var(--lb-paper);box-shadow:0 0 0 1px var(--m-line)}.lb-books{align-items:flex-end;gap:6px;padding-inline:var(--m-space-3)}.lb-book,.lb-books{display:flex;justify-content:center}.lb-book{flex:0 1 46px;min-width:0;height:calc(var(--h) * var(--k));align-items:center;border-radius:4px 4px 2px 2px;background:var(--fill);box-shadow:inset 0 0 0 1.5px var(--lb-ink-line),2.5px 2.5px 0 var(--lb-off);transform:rotate(var(--tilt));transform-origin:bottom}.lb-book[data-fill=oat]{--fill:var(--risti-color-accent-subtle)}.lb-book[data-fill=lilac]{--fill:var(--lb-lilac)}.lb-book[data-fill=paper]{--fill:var(--lb-paper)}.lb-book[data-fill=grape]{--fill:var(--lb-grape-fill)}.lb-book[data-fill=clay]{--fill:var(--lb-clay)}.lb-spine{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.75rem;font-weight:600;line-height:1.2;color:var(--m-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(100% - 1.25rem)}.lb-plank{height:14px;border-radius:3px;background:var(--risti-illus-clay);box-shadow:inset 0 0 0 1.5px var(--lb-ink-line)}.lb-shelf-caption{padding:.875rem var(--m-space-3) 0}@media (min-width:40rem){.lb-shelf{--k:1}}@media (prefers-reduced-motion:no-preference){.lb-book{transition:transform var(--m-dur-small) var(--m-ease-set);animation:lb-set-down var(--m-dur-card) var(--m-ease-set) backwards;animation-delay:calc(var(--i) * var(--m-stagger-row) + .12s)}.lb-book:hover{transform:translateY(-6px) rotate(var(--tilt))}}@keyframes lb-set-down{0%{opacity:0;transform:translateY(-14px) rotate(var(--tilt))}}.lb-ask-grid{row-gap:var(--m-space-5);align-items:start}.lb-ask-head{grid-column:1/-1;margin-bottom:0}.lb-card{grid-column:1/-1;display:flex;flex-direction:column;gap:1.25rem;padding:var(--m-space-3);border-radius:1.5rem;background:var(--lb-paper);box-shadow:var(--lb-shadow),0 0 0 1px var(--m-line)}.lb-card-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem var(--m-space-2)}.lb-ask-row{display:flex;gap:.625rem}.lb-field{flex:1;min-width:0;display:flex;align-items:center;height:3rem;padding-inline:.875rem;border-radius:var(--m-radius-button);box-shadow:inset 0 0 0 1.5px var(--m-sand);background:var(--m-surface);font-size:1rem;color:var(--m-ink);white-space:nowrap;overflow:hidden}.lb-field-text{overflow:hidden;text-overflow:ellipsis}.lb-caret{display:none;width:1.5px;height:1.15em;margin-inline-start:1px;vertical-align:-.2em;background:var(--m-ink)}.lb-field[data-typing] .lb-caret,[data-step=idle] .lb-caret{display:inline-block}.lb-ask-row .m-btn:disabled{cursor:default}.lb-reply{display:flex;align-items:flex-start;gap:.75rem}.lb-reply-body{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}.lb-answer{font-size:1.125rem;line-height:1.55}.lb-page sup{margin-inline-start:1px;font-size:.7em;font-weight:700;color:var(--lb-grape-ink)}.lb-cites{display:flex;flex-direction:column;gap:.5rem}.lb-cites li{padding:.75rem .875rem;border-radius:var(--m-radius-button);background:var(--lb-tray);font-size:.90625rem;line-height:1.5}.lb-cites b{color:var(--lb-grape-ink)}.lb-dots{position:absolute;inset-inline-start:0;top:.75rem;display:flex;gap:4px;opacity:0}.lb-dots i{display:block;width:8px;height:8px;border-radius:2px;background:var(--m-room-library);opacity:.3}.lb-dots i:nth-child(2){opacity:.6}.lb-dots i:nth-child(3){opacity:.9}[data-step=answer] .lb-cites li,[data-step=idle] .lb-answer,[data-step=idle] .lb-cites li,[data-step=thinking] .lb-answer,[data-step=thinking] .lb-cites li,[data-step=typing] .lb-answer,[data-step=typing] .lb-cites li{opacity:0;transform:translateY(8px)}[data-step=thinking] .lb-dots{opacity:1}[data-step]:not([data-step=cited]) .lb-sheet mark:before{transform:scaleX(0)}.lb-sheet{grid-column:1/-1;display:flex;flex-direction:column;gap:.75rem;padding:var(--m-space-4) 1.75rem;border-radius:6px;background:var(--m-surface);box-shadow:var(--lb-shadow),0 0 0 1px var(--m-line);transform:rotate(1.2deg)}.lb-sheet-where{font-size:.75rem;color:var(--m-subtle)}.lb-sheet-title{font-size:var(--m-text-subhead);line-height:1.3;letter-spacing:-.02em}.lb-sheet-line{font-size:.875rem;line-height:1.7;color:var(--m-subtle)}.lb-sheet mark,.lb-sheet-cited{color:var(--m-ink)}.lb-sheet mark{position:relative;isolation:isolate;display:inline-block;padding:1px 3px;background:none}.lb-sheet mark:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lb-lilac);transform-origin:left center}[dir=rtl] .lb-sheet mark:before{transform-origin:right center}@media (min-width:64rem){.lb-ask-head{grid-column:1/span 8}.lb-card{grid-column:1/span 7;padding:var(--m-space-4)}.lb-sheet{grid-column:8/span 5}}@media (prefers-reduced-motion:no-preference){.lb-answer,.lb-cites li{transition:opacity var(--m-dur-card) var(--m-ease-set),transform var(--m-dur-card) var(--m-ease-set)}.lb-cites li:nth-child(2){transition-delay:var(--m-stagger-card)}.lb-dots{transition:opacity var(--m-dur-hover) var(--m-ease-host)}[data-step=thinking] .lb-dots i{animation:lb-think var(--m-dur-beat) var(--m-ease-steam) infinite alternate}[data-step=thinking] .lb-dots i:nth-child(2){animation-delay:.12s}[data-step=thinking] .lb-dots i:nth-child(3){animation-delay:.24s}.lb-sheet mark:before{transition:transform var(--m-dur-beat) var(--m-ease-pour)}.lb-sheet-cited:last-of-type mark:before{transition-delay:var(--m-stagger-card)}.lb-field[data-typing] .lb-caret,[data-step=idle] .lb-caret{animation:lb-caret 1s steps(1) infinite}}@keyframes lb-think{to{transform:translateY(-3px)}}@keyframes lb-caret{50%{opacity:0}}.lb-jobs-stack{display:flex;flex-direction:column;gap:var(--m-space-7)}.lb-job{row-gap:var(--m-space-4);align-items:center}.lb-job-words{grid-column:1/-1;display:flex;flex-direction:column;gap:1.125rem}.lb-job-title{font-size:clamp(1.75rem,1.4859rem + 1.127vw,2.5rem);letter-spacing:-.03em}.lb-job-body{color:var(--m-muted)}.lb-job-art{grid-column:1/-1;min-width:0}@media (min-width:64rem){.lb-jobs-stack{gap:calc(var(--m-space-7) + var(--m-space-5))}.lb-job-words{grid-column:1/span 5;grid-row:1}.lb-job-art{grid-column:6/span 7;grid-row:1}.lb-job-flip .lb-job-words{grid-column:8/span 5}.lb-job-flip .lb-job-art{grid-column:1/span 7}}.lb-tray{padding:1.75rem;border-radius:1.25rem;background:var(--lb-tray)}.lb-panel{overflow:hidden;border-radius:1rem;background:var(--m-surface);box-shadow:var(--lb-shadow),0 0 0 1px var(--m-line)}.lb-panel,.lb-panel-head{display:flex;flex-direction:column}.lb-panel-head{padding:1rem 1.125rem;border-bottom:1px solid var(--m-line)}.lb-panel-head b{font-size:1rem}.lb-choices{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.125rem;font-size:var(--m-text-small)}.lb-choices li{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.lb-radio{position:relative;width:1rem;height:1rem;flex-shrink:0;border-radius:99em;box-shadow:inset 0 0 0 1.5px var(--m-sand);background:var(--m-surface)}.lb-radio[data-on]{box-shadow:inset 0 0 0 1.5px var(--m-choynak)}.lb-radio[data-on]:after{content:"";position:absolute;inset:4px;border-radius:99em;background:var(--m-choynak)}.lb-sources li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--m-line)}.lb-sources li:first-child{border-top:0}.lb-source-icon{color:var(--m-room-library)}.lb-source-name{flex:1;min-width:0;font-size:.90625rem;font-weight:600}.lb-state{display:inline-flex;align-items:center;min-height:1.375rem;padding:0 .5rem;border-radius:99em;font-size:.75rem;font-weight:600;text-align:center}.lb-state[data-tone=used]{background:color-mix(in srgb,var(--risti-color-success) 12%,transparent);color:color-mix(in oklab,var(--risti-color-success) 72%,var(--m-ink))}.lb-state[data-tone=unused]{background:color-mix(in srgb,var(--m-room-tickets) 20%,transparent);color:color-mix(in oklab,var(--m-room-tickets) 42%,var(--m-ink))}.lb-state[data-tone=paused]{background:var(--risti-color-accent-subtle);color:color-mix(in oklab,var(--m-choynak) 72%,var(--m-ink))}}