@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--container-3xl: 48rem;--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-6xl: 3.75rem;--text-6xl--line-height: 1;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0px}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-x-\[-30px\]{inset-inline:-30px}.top-0{top:0}.top-\[14\%\]{top:14%}.right-0\.5{right:calc(var(--spacing) * .5)}.bottom-0{bottom:0}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-\[14\%\]{left:14%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.ms-5{margin-inline-start:calc(var(--spacing) * 5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-auto{margin-top:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-2\/3{aspect-ratio:2/3}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-21{width:calc(var(--spacing) * 21);height:calc(var(--spacing) * 21)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-21{height:calc(var(--spacing) * 21)}.h-22{height:calc(var(--spacing) * 22)}.h-24{height:calc(var(--spacing) * 24)}.h-39{height:calc(var(--spacing) * 39)}.h-72{height:calc(var(--spacing) * 72)}.h-95{height:calc(var(--spacing) * 95)}.h-\[48\%\]{height:48%}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-dvh{min-height:100dvh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:calc(1 / 3 * 100%)}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:calc(2 / 3 * 100%)}.w-2\/5{width:40%}.w-3\/4{width:75%}.w-3\/5{width:calc(3 / 5 * 100%)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-27{width:calc(var(--spacing) * 27)}.w-50{width:calc(var(--spacing) * 50)}.w-60{width:calc(var(--spacing) * 60)}.w-75{width:calc(var(--spacing) * 75)}.w-\[72\%\]{width:72%}.w-auto{width:auto}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0px}.min-w-11{min-width:calc(var(--spacing) * 11)}.flex-1{flex:1}.flex-none{flex:none}.-rotate-4{rotate:-4deg}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--r-lg)}.rounded-md{border-radius:var(--r-md)}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}.border-line{border-color:var(--line)}.border-secondary{border-color:var(--secondary)}.bg-error-soft{background-color:var(--error-soft)}.bg-secondary-soft{background-color:var(--secondary-soft)}.bg-transparent{background-color:transparent}.bg-linear-to-b{--tw-gradient-position: to bottom;background-image:linear-gradient(var(--tw-gradient-stops))}@supports (background-image: linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position: to bottom in oklab}}.from-transparent{--tw-gradient-from: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-bg{--tw-gradient-to: var(--bg);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-read{--tw-gradient-to: var(--read);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:0px}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-0{padding-block:0px}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pe-2{padding-inline-end:calc(var(--spacing) * 2)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-text{font-family:var(--font-body)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-\[9px\]{font-size:9px}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-pre-line{white-space:pre-line}.text-error{color:var(--error)}.text-inherit{color:inherit}.text-muted{color:var(--muted)}.text-on-secondary{color:var(--on-secondary)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(hover:hover){.hover\:bg-surface-2:hover{background-color:var(--surface-2)}}.disabled\:cursor-wait:disabled{cursor:wait}.has-\[\:checked\]\:border-ink:has(:is(:checked)){border-color:var(--ink)}.has-\[\:checked\]\:bg-ink:has(:is(:checked)){background-color:var(--ink)}.has-\[\:checked\]\:text-bg:has(:is(:checked)){color:var(--bg)}.has-\[\:focus-visible\]\:outline-3:has(:is(:focus-visible)){outline-style:var(--tw-outline-style);outline-width:3px}.has-\[\:focus-visible\]\:outline-focus:has(:is(:focus-visible)){outline-color:var(--focus)}@media(width>=48rem){.md\:max-w-3xl{max-width:var(--container-3xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:items-center{align-items:center}}@media(width>=80rem){.xl\:inset-x-auto{inset-inline:auto}.xl\:right-8{right:calc(var(--spacing) * 8)}.xl\:bottom-8{bottom:calc(var(--spacing) * 8)}.xl\:mx-0{margin-inline:0px}.xl\:ms-0{margin-inline-start:0px}.xl\:mt-0{margin-top:0}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:w-75{width:calc(var(--spacing) * 75)}.xl\:max-w-160{max-width:calc(var(--spacing) * 160)}.xl\:max-w-275{max-width:calc(var(--spacing) * 275)}.xl\:flex-none{flex:none}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:gap-1{gap:var(--spacing)}.xl\:gap-3{gap:calc(var(--spacing) * 3)}.xl\:gap-4{gap:calc(var(--spacing) * 4)}.xl\:gap-8{gap:calc(var(--spacing) * 8)}.xl\:rounded-lg{border-radius:var(--r-lg)}.xl\:rounded-md{border-radius:var(--r-md)}.xl\:border{border-style:var(--tw-border-style);border-width:1px}.xl\:border-0{border-style:var(--tw-border-style);border-width:0px}.xl\:border-line{border-color:var(--line)}.xl\:bg-surface{background-color:var(--surface)}.xl\:p-3{padding:calc(var(--spacing) * 3)}.xl\:px-0{padding-inline:0px}.xl\:px-8{padding-inline:calc(var(--spacing) * 8)}.xl\:py-7{padding-block:calc(var(--spacing) * 7)}.xl\:pt-0{padding-top:0}.xl\:text-left{text-align:left}.xl\:shadow-card{--tw-shadow: var(--sh-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.\[\&_\.cover\]\:h-full .cover{height:100%}.\[\&_\.cover\]\:w-full .cover{width:100%}}:root,[data-theme=light]{--bg: #EAD8BA;--surface: #F7EBD3;--surface-2: #F0E0C2;--ink: #3A2517;--muted: #6B4E37;--line: #C9AE86;--line-strong: #8A6A48;--primary: #275C4A;--on-primary: #FFF6E3;--secondary: #7C410A;--secondary-soft: #F6DDB5;--on-secondary: #4A2606;--success: #275C4A;--warning: #7C410A;--error: #9C2B1A;--error-soft: #F4D3C8;--on-error: #FFF6E3;--focus: #1B4FD8;--own-bg: #3A2517;--own-fg: #FFF6E3;--buy: #7C410A;--buy-soft: #F6DDB5;--buy-fg: #4A2606;--buy-glow: none;--read: #FFF6E3;--read-on: #3A2517;--toread: #FFD27A;--missing: #8A6A48;--c0: #3F6B5A;--c1: #9E4A2B;--c2: #2E4A6B;--c3: #6B4B7A;--on-cover: #FFF6E3;--cover-disc: #E3A857;--shelf: repeating-linear-gradient(to bottom, transparent 0, transparent 80px, #A97B4E 80px, #A97B4E 90px, #7A5532 90px, #7A5532 94px);--bar-bg: #3A2517;--bar-fg: #FFF6E3;--scrim: rgba(58,37,23,.55);--font-display: "Young Serif",Georgia,serif;--fw-display: 400;--font-body: "Nunito Sans",system-ui,sans-serif;--fs-display: 2rem;--fs-title: 1.25rem;--fs-logo: 1.3125rem;--logo-case: none;--logo-track: 0;--r-tile: 2px 4px 4px 2px;--r-md: 12px;--r-lg: 16px;--r-btn: 24px;--r-pill: 999px;--r-sm: 4px;--sh-card: 0 2px 6px rgba(58,37,23,.16);--sh-cover: -3px 0 0 rgba(0,0,0,.25), 0 6px 12px rgba(58,37,23,.35);--sh-pop: 0 12px 32px rgba(58,37,23,.35)}[data-theme=dark]{--bg: #0F0B1E;--surface: #1A1533;--surface-2: #241D45;--ink: #F4F0FF;--muted: #B8AEDC;--line: #3A3166;--line-strong: #8478B8;--primary: #FF4FA3;--on-primary: #0F0B1E;--secondary: #38E8DC;--secondary-soft: #12383A;--on-secondary: #C8FFFA;--success: #38E8DC;--warning: #FFD84A;--error: #FF8A8A;--error-soft: #3A1520;--on-error: #0F0B1E;--focus: #FFD84A;--own-bg: #38E8DC;--own-fg: #0F0B1E;--buy: #FF4FA3;--buy-soft: #3A1530;--buy-fg: #FFB8DA;--buy-glow: 0 0 10px rgba(255,79,163,.5);--read: #38E8DC;--read-on: #0F0B1E;--toread: #FFD84A;--missing: #8478B8;--c0: #3B2A7A;--c1: #1F5F6B;--c2: #7A2A5B;--c3: #2A3F7A;--on-cover: #F4F0FF;--cover-disc: #FF4FA3;--shelf: repeating-linear-gradient(to bottom, transparent 0, transparent 82px, #3A3166 82px, #3A3166 84px, transparent 84px, transparent 94px);--bar-bg: #241D45;--bar-fg: #F4F0FF;--scrim: rgba(5,3,14,.7);--font-display: "Unbounded",system-ui,sans-serif;--fw-display: 700;--font-body: "Outfit",system-ui,sans-serif;--fs-display: 1.625rem;--fs-title: 1rem;--fs-logo: 1rem;--logo-case: uppercase;--logo-track: .02em;--r-tile: 8px;--r-md: 12px;--r-lg: 14px;--r-btn: 12px;--r-pill: 999px;--r-sm: 4px;--sh-card: 0 0 0 1px #3A3166;--sh-cover: 0 0 18px rgba(255,79,163,.45);--sh-pop: 0 0 0 1px #3A3166, 0 16px 40px rgba(0,0,0,.6)}:root{--fs-xs: .75rem;--fs-sm: .84375rem;--fs-md: .9375rem;--fs-lg: 1.0625rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--tap: 44px}@layer components{.ml,.ml *{box-sizing:border-box}.ml{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);line-height:1.4}.ml :where(button,input,textarea,select){font-family:inherit;font-size:inherit;color:inherit}.ml :where(a){color:inherit}.ml :where(h1,h2,h3,p){margin:0}.ml :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.t-display{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-display);line-height:1.1}.t-title{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-title);line-height:1.2}.t-muted{color:var(--muted)}.t-xs{font-size:var(--fs-xs)}.t-eyebrow{font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.logo{font-family:var(--font-display);font-weight:var(--fw-display);font-size:var(--fs-logo);text-transform:var(--logo-case);letter-spacing:var(--logo-track)}.logo b{color:var(--primary);font-weight:inherit}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.ico{width:var(--icon-md);height:var(--icon-md);flex:none}.ico-sm{width:var(--icon-sm);height:var(--icon-sm);flex:none}.ico-lg{width:var(--icon-lg);height:var(--icon-lg);flex:none}.btn{min-height:48px;padding:0 var(--s-5);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:2px solid transparent;border-radius:var(--r-btn);font-weight:800;cursor:pointer;text-decoration:none;transition:filter .15s,background-color .15s}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover,.btn-primary.is-hover{filter:brightness(1.12)}.btn-secondary{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-secondary:hover,.btn-secondary.is-hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:3px;padding:0 var(--s-3)}.btn-ghost:hover,.btn-ghost.is-hover{background:var(--surface-2)}.btn-danger{background:var(--error);color:var(--on-error)}.btn-danger:hover,.btn-danger.is-hover{filter:brightness(1.1)}.btn.is-focus{outline:3px solid var(--focus);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}.btn.is-loading{pointer-events:none;opacity:.85}.btn.is-loading:before{content:"";width:16px;height:16px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:ml-spin .8s linear infinite}@keyframes ml-spin{to{transform:rotate(360deg)}}.btn-block{width:100%}.iconbtn{width:var(--tap);height:var(--tap);border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);cursor:pointer;color:var(--ink)}.iconbtn:hover{background:var(--surface-2)}.iconbtn[aria-pressed=true]{background:var(--surface);color:var(--primary);box-shadow:var(--sh-card)}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 8px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--sh-card)}.nav{display:flex;border-top:1px solid var(--line);background:var(--surface);padding:6px 8px 12px}.nav a{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:var(--fs-xs);font-weight:600;text-decoration:none;border-radius:var(--r-md)}.nav a[aria-current=page]{color:var(--primary);font-weight:800}.tabs{display:flex;border-bottom:2px solid var(--line)}.tab{flex:1;min-height:48px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;font-weight:700;color:var(--muted);cursor:pointer}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--primary)}.chip{min-height:var(--tap);padding:0 var(--s-4);display:inline-flex;align-items:center;gap:6px;border:2px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:800}[data-theme=dark] .chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chips{display:flex;gap:var(--s-2);overflow-x:auto}.field{display:flex;flex-direction:column;gap:6px}.label{font-weight:800;font-size:var(--fs-sm)}.input{min-height:48px;width:100%;padding:0 14px;border:2px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink)}.input::placeholder{color:var(--muted);opacity:1}.input.is-focus{outline:3px solid var(--focus);outline-offset:2px}.input.has-error{border-color:var(--error)}.hint{font-size:var(--fs-xs);color:var(--muted)}.error{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:700;color:var(--error)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-right:52px}.input-wrap .iconbtn{position:absolute;right:2px}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:14px;color:var(--muted)}.search .input{padding-left:44px;border-radius:var(--r-pill)}.check{position:relative;display:inline-flex;align-items:center;gap:var(--s-3);min-height:var(--tap);cursor:pointer;font-weight:600}.check input{position:absolute;opacity:0;width:var(--tap);height:var(--tap);margin:0;left:-10px;cursor:pointer}.check .box{width:24px;height:24px;border:2px solid var(--line-strong);border-radius:6px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex:none}.check input:checked+.box{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.check input:focus-visible+.box{outline:3px solid var(--focus);outline-offset:2px}.check .box svg{display:none}.check input:checked+.box svg{display:block}.bar{position:relative;height:10px;border-radius:5px;background:var(--line);overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--own-bg)}.bar i.read{top:6px;background:var(--primary)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-2)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) var(--s-2);text-align:center}.stat b{display:block;font-family:var(--font-display);font-weight:var(--fw-display);font-size:20px;line-height:1.1}.stat span{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.cover{position:relative;overflow:hidden;flex:none;border-radius:var(--r-tile);color:var(--on-cover);box-shadow:var(--sh-cover)}.cover .disc{position:absolute;border-radius:50%;background:var(--cover-disc)}.cover .ttl{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-family:var(--font-display);font-weight:var(--fw-display);letter-spacing:.1em;text-transform:uppercase;line-height:1.1;padding:0 4px}.cover-s{width:56px;height:84px}.cover-s .disc{left:9px;top:12px;width:38px;height:38px}.cover-s .ttl{font-size:8px}.cover-m{width:108px;height:156px}.cover-m .disc{left:16px;top:26px;width:76px;height:76px}.cover-m .ttl{font-size:13px}.cover-l{width:200px;height:288px}.cover-l .disc{left:30px;top:48px;width:140px;height:140px}.cover-l .ttl{font-size:20px}.cv0{background:var(--c0)}.cv1{background:var(--c1)}.cv2{background:var(--c2)}.cv3{background:var(--c3)}.cover.generated{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--fw-display)}.shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:78px;row-gap:16px;column-gap:8px;padding:0 var(--s-5);background:var(--shelf)}.tile{position:relative;display:block;width:100%;height:78px;padding:0;margin:0;cursor:pointer;overflow:hidden;border-radius:var(--r-tile);font-family:var(--font-display);font-weight:var(--fw-display);font-size:15px;border:0;background:transparent;color:var(--on-cover)}.tile .n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tile.cv0,.tile.cv1,.tile.cv2,.tile.cv3{border:1px solid rgba(255,255,255,.18)}.tile.cv0{background:var(--c0)}.tile.cv1{background:var(--c1)}.tile.cv2{background:var(--c2)}.tile.cv3{background:var(--c3)}.tile .b{display:none;position:absolute}.tile .b-own{top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--own-bg);color:var(--own-fg);align-items:center;justify-content:center}.tile .b-buy{top:3px;right:3px;color:var(--buy)}.tile .b-lu{left:0;right:0;bottom:0;height:7px;background:var(--read)}.tile .b-cours{left:0;bottom:0;height:7px;width:50%;background:var(--read)}.tile .b-toread{top:0;left:3px;color:var(--toread)}.tile.own .b-own{display:flex}.tile.buy{background:var(--buy-soft);color:var(--buy-fg);border:2px solid var(--buy);box-shadow:var(--buy-glow)}.tile.buy .b-buy{display:block}.tile.none{border:1.5px dashed var(--missing);color:var(--muted)}.tile.lu .b-lu,.tile.cours .b-cours,.tile.toread .b-toread{display:block}.tile.is-sel{outline:3px solid var(--focus);outline-offset:-3px}.tile .sel{display:none;position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:6px;background:var(--focus);color:var(--bg);align-items:center;justify-content:center}.tile.is-sel .sel{display:flex}.badge{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 10px 0 7px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;white-space:nowrap;border:1.5px solid transparent}.badge-own{background:var(--own-bg);color:var(--own-fg)}.badge-buy{background:var(--buy-soft);color:var(--buy-fg);border-color:var(--buy)}.badge-none{background:transparent;color:var(--muted);border:1.5px dashed var(--missing)}.badge-lu{background:transparent;color:var(--ink);border-color:var(--ink)}.badge-cours{background:var(--secondary-soft);color:var(--on-secondary);border-color:var(--secondary)}.badge-nonlu{background:transparent;color:var(--muted);border-color:var(--line-strong)}.badge-toread{background:transparent;color:var(--primary);border-color:var(--primary)}.list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);min-height:64px}.series-card{display:flex;gap:var(--s-4);padding:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card);text-decoration:none}.missing-note{display:inline-flex;align-items:center;gap:6px;color:var(--buy);font-weight:800;font-size:var(--fs-sm)}[data-theme=dark] .missing-note{color:var(--buy-fg)}.selbar{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);background:var(--bar-bg);color:var(--bar-fg);border-radius:var(--r-lg);box-shadow:var(--sh-pop)}.selbar .btn{min-height:44px;padding:0 var(--s-3);font-size:var(--fs-sm);background:transparent;border:2px solid var(--bar-fg);color:var(--bar-fg);border-radius:var(--r-md)}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bar-bg);color:var(--bar-fg);border-radius:var(--r-md);box-shadow:var(--sh-pop);font-weight:700}.toast button{background:none;border:0;color:var(--toread);font-weight:800;text-decoration:underline;min-height:var(--tap);cursor:pointer}.scrim{background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.dialog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--sh-pop);display:flex;flex-direction:column;gap:var(--s-3);width:100%}.skeleton{background:var(--surface-2);border-radius:var(--r-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:ml-shimmer 1.4s infinite}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(244,240,255,.08),transparent)}@keyframes ml-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after,.btn.is-loading:before{animation:none}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-7) var(--s-6)}.offline{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--secondary-soft);color:var(--on-secondary);font-weight:700;font-size:var(--fs-sm);border-bottom:1px solid var(--secondary)}.danger-zone{border:2px solid var(--error);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);background:var(--error-soft)}.shell{display:flex;min-height:100%}.sidebar{width:248px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:var(--s-1)}.sidebar a{display:flex;align-items:center;gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-3);border-radius:var(--r-md);font-weight:600;color:var(--muted);text-decoration:none}.sidebar a[aria-current=page]{background:var(--bg);color:var(--primary);font-weight:800;box-shadow:var(--sh-card)}.main{flex:1;min-width:0;padding:var(--s-7) var(--s-8)}.shelf-wide{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:78px;row-gap:16px;column-gap:10px;background:var(--shelf)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-outline-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}