/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */@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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;--font-serif:"Iowan Old Style","Charter","Apple Garamond",Georgia,ui-serif,serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--spacing:.25rem;--container-xl:36rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:oklch(.97 .012 80);--color-surface:oklch(.99 .008 80);--color-ink:oklch(.22 .015 50);--color-ink-muted:oklch(.45 .012 50);--color-ink-subtle:oklch(.62 .012 60);--color-border:oklch(.88 .012 70);--color-border-subtle:oklch(.93 .01 70);--color-accent:oklch(.42 .13 25);--color-accent-hover:oklch(.36 .14 25);--color-danger:oklch(.5 .13 35)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.-mt-6{margin-top:calc(var(--spacing)*-6)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-20{min-height:calc(var(--spacing)*20)}.w-full{width:100%}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.gap-10{gap:calc(var(--spacing)*10)}.self-start{align-self:flex-start}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.no-underline{text-decoration-line:none}.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 (min-width:40rem){.sm\:inline{display:inline}.sm\:w-32{width:calc(var(--spacing)*32)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:flex-row{flex-direction:row}}@media (min-width:64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}}}.dark{--color-paper:oklch(.16 .008 60);--color-surface:oklch(.2 .008 60);--color-ink:oklch(.92 .008 80);--color-ink-muted:oklch(.68 .008 70);--color-ink-subtle:oklch(.52 .008 70);--color-border:oklch(.3 .01 60);--color-border-subtle:oklch(.25 .01 60);--color-accent:oklch(.62 .14 25);--color-accent-hover:oklch(.7 .15 25);--color-accent-soft:oklch(.28 .05 25);--color-danger:oklch(.62 .14 35)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-serif);font-feature-settings:"liga","kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .18s cubic-bezier(.16,1,.3,1),border-color .18s,color .18s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-paper)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{color:var(--color-ink);border-color:var(--color-border);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--color-ink-muted)}.btn-danger{color:var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,oklch(.5 .13 35)8%,transparent)}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover:not(:disabled){background:color-mix(in oklch,var(--color-danger)8%,transparent)}}.btn-ghost{color:var(--color-ink-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,oklch(.22 .015 50)6%,transparent);color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.btn-ghost:hover:not(:disabled){background:color-mix(in oklch,var(--color-ink)6%,transparent)}}.btn-active{background:color-mix(in srgb,oklch(.22 .015 50)8%,transparent);color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.btn-active{background:color-mix(in oklch,var(--color-ink)8%,transparent)}}.form-input{width:100%;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.25rem;padding:.5rem .75rem;font-size:.9375rem;transition:border-color .18s}.form-input::placeholder{color:var(--color-ink-subtle)}.form-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.form-label{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.375rem;overflow:hidden}.nav-link{font-family:var(--font-sans);color:var(--color-ink-muted);border-radius:.25rem;padding:.375rem .625rem;font-size:.875rem;transition:color .18s}.nav-link:hover{color:var(--color-ink)}.nav-link-active{color:var(--color-ink);font-weight:500}.progress-number{font-variant-numeric:tabular-nums;text-align:right}.field-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:.875rem;padding:.5rem 0;display:grid}.field-row:first-of-type{border-top:1px solid var(--color-border-subtle)}.field-row>label,.field-row>.field-row-label{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);margin:0;font-size:.6875rem;font-weight:500}.field-row .form-input,.field-row select.form-input{text-align:right;color:var(--color-ink);background:0 0;border:0;border-radius:0;padding:.25rem 0;font-size:.9375rem;transition:none}.field-row .form-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.field-row select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-ink-muted)50%),linear-gradient(135deg,var(--color-ink-muted)50%,transparent 50%);background-position:calc(100% - .5rem) calc(50% - 2px),calc(100% - .25rem) calc(50% - 2px);background-repeat:no-repeat;background-size:.25rem .25rem,.25rem .25rem;padding-right:1.25rem}.field-stack{flex-direction:column;gap:.375rem;margin-top:1.25rem;display:flex}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem;display:grid}@media (min-width:640px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1440px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.container-custom{max-width:80rem;margin:0 auto;padding:0 1.25rem}@media (min-width:640px){.container-custom{padding:0 2rem}}.page-section{padding:2rem 0 4rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}.page-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--color-ink);margin:0;font-size:1.875rem;font-weight:600}.page-meta{font-family:var(--font-sans);color:var(--color-ink-muted);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:.8125rem}.screen-tabs{flex-wrap:wrap;align-items:baseline;gap:1.25rem;display:inline-flex}.screen-tab{font-family:var(--font-sans);color:var(--color-ink-subtle);cursor:pointer;letter-spacing:.01em;background:0 0;border:0;padding:.25rem 0;font-size:.875rem;font-weight:400;transition:color .18s}.screen-tab:hover{color:var(--color-ink-muted)}.screen-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:.125rem}.screen-tab.is-active{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink);text-underline-offset:6px;font-weight:500;text-decoration-thickness:1px}.filter-pill-count{font-variant-numeric:tabular-nums;color:var(--color-ink-subtle);letter-spacing:.04em;margin-left:.375rem;font-size:.6875rem;display:inline-block}.btn-active .filter-pill-count{color:var(--color-ink-muted)}.empty-state{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.section-heading{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin:0 0 1.25rem;font-size:.75rem;font-weight:500;display:block}.detail-panel{flex-direction:column;align-self:start;padding:0;display:flex}.detail-panel:focus{outline:none}.detail-panel-body{scrollbar-gutter:stable;flex:1 1 0;height:100%;min-height:0;padding:1.5rem;overflow:hidden auto}@media (min-width:1024px){.detail-panel{height:calc(100vh - 3rem);max-height:calc(100vh - 3rem);position:sticky;top:1.5rem}}@media (max-width:1023px){.detail-panel{z-index:60;border:0;border-radius:0;height:100vh;max-height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}.detail-panel-body{padding:1.25rem 1.25rem 3rem}}.detail-backdrop{z-index:55;background:color-mix(in srgb,oklch(.22 .015 50)35%,transparent);cursor:pointer;border:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.detail-backdrop{background:color-mix(in oklch,var(--color-ink)35%,transparent)}}@media (min-width:1024px){.detail-backdrop{display:none}}.field-suffix{justify-self:end;align-items:baseline;gap:.25rem;display:inline-flex}.field-suffix>.form-input{width:auto;min-width:3rem}.field-suffix>.field-suffix-unit{font-family:var(--font-sans);color:var(--color-ink-subtle);letter-spacing:.05em;font-size:.75rem}.alert{font-family:var(--font-sans);border:1px solid;border-radius:.25rem;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.alert-error{background:color-mix(in srgb,oklch(.5 .13 35)8%,oklch(.97 .012 80));border-color:color-mix(in srgb,oklch(.5 .13 35)30%,transparent);color:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.alert-error{background:color-mix(in oklch,var(--color-danger)8%,var(--color-paper));border-color:color-mix(in oklch,var(--color-danger)30%,transparent)}}.fade-in{animation:.24s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-card{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;gap:.625rem;padding:0;display:flex}.book-cover{aspect-ratio:2/3;background:color-mix(in srgb,oklch(.22 .015 50)6%,oklch(.97 .012 80));box-shadow:0 1px 2px color-mix(in srgb,oklch(.22 .015 50)8%,transparent);outline-offset:2px;border-radius:.125rem;outline:2px solid #0000;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s,outline-color .18s;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.book-cover{background:color-mix(in oklch,var(--color-ink)6%,var(--color-paper));box-shadow:0 1px 2px color-mix(in oklch,var(--color-ink)8%,transparent)}}.book-card:hover .book-cover{box-shadow:0 6px 16px color-mix(in srgb,oklch(.22 .015 50)14%,transparent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.book-card:hover .book-cover{box-shadow:0 6px 16px color-mix(in oklch,var(--color-ink)14%,transparent)}}.book-card:focus-visible{outline:none}.book-card:focus-visible .book-cover,.book-card.is-selected .book-cover{outline-color:var(--color-accent)}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover-empty{font-family:var(--font-sans);color:var(--color-ink-subtle);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.6875rem;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.book-meta{flex-direction:column;gap:.125rem;padding:0 .125rem;display:flex}.book-title{font-family:var(--font-serif);color:var(--color-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.book-title-button{width:100%;color:var(--color-ink);cursor:pointer;font-family:var(--font-serif);text-align:left;-webkit-line-clamp:2;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;font-size:.9375rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.book-title-button:hover{color:var(--color-accent)}.book-title-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.125rem}.book-author{font-family:var(--font-sans);color:var(--color-ink-muted);letter-spacing:.01em;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.75rem;display:-webkit-box;overflow:hidden}.catalog-details{font-family:var(--font-sans);color:var(--color-ink-subtle);letter-spacing:.01em;flex-direction:column;gap:.125rem;margin:.375rem 0 0;font-size:.6875rem;display:flex}.catalog-details div{gap:.375rem;display:flex}.catalog-details dt{color:var(--color-ink-muted)}.catalog-details dd{font-variant-numeric:tabular-nums;margin:0}.catalog-description{-webkit-line-clamp:4;font-family:var(--font-serif);color:var(--color-ink-muted);-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.catalog-panel{align-self:start}.panel-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-ink);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;margin:0;font-size:1.25rem;font-weight:600}.catalog-panel-details{font-family:var(--font-sans);color:var(--color-ink-muted);flex-direction:column;gap:.375rem;margin:0;font-size:.8125rem;display:flex}.catalog-panel-details div{grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;display:grid}.catalog-panel-details dt{color:var(--color-ink-subtle)}.catalog-panel-details dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.catalog-panel-description{color:var(--color-ink);margin:1.5rem 0 0;font-size:.9375rem;line-height:1.55}.book-progress-text{font-family:var(--font-sans);color:var(--color-ink-subtle);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:.6875rem}.status-chip{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);align-items:center;padding:.125rem .375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.status-chip-reading{color:var(--color-accent)}.skeleton{background:color-mix(in srgb,oklch(.22 .015 50)5%,oklch(.97 .012 80));border:1px solid var(--color-border-subtle);border-radius:.125rem}@supports (color:color-mix(in lab,red,red)){.skeleton{background:color-mix(in oklch,var(--color-ink)5%,var(--color-paper))}}.auth-container{background:var(--color-paper);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.375rem;width:100%;max-width:22rem;padding:2.5rem 2rem}.auth-title{font-family:var(--font-serif);text-align:center;letter-spacing:-.015em;color:var(--color-ink);margin:0 0 1.25rem;font-size:1.875rem;font-weight:600}.main-layout{min-height:100vh}.content-area{padding:0 0 4rem}.social-shell{max-width:44rem;margin:0 auto}.composer{border-bottom:1px solid var(--color-border-subtle);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.composer-textarea{resize:vertical;min-height:7rem;line-height:1.5}.composer-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;display:grid}@media (max-width:640px){.composer-row{grid-template-columns:1fr;align-items:stretch}}.social-list{flex-direction:column;gap:0;display:flex}.social-post{border-bottom:1px solid var(--color-border-subtle);padding:1.25rem 0}.social-post-header,.social-post-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.social-author{color:var(--color-ink);font-family:var(--font-sans);align-items:center;gap:.625rem;font-size:.875rem;text-decoration:none;display:inline-flex}.social-author img,.social-author span,.profile-header img,.profile-header>span{background:color-mix(in srgb,oklch(.22 .015 50)10%,transparent);object-fit:cover;border-radius:999px;flex:none;width:2rem;height:2rem}@supports (color:color-mix(in lab,red,red)){:is(.social-author img,.social-author span,.profile-header img,.profile-header>span){background:color-mix(in oklch,var(--color-ink)10%,transparent)}}.social-post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.875rem;line-height:1.55}.social-post-body a,.catalog-panel-description a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.social-post-actions{justify-content:flex-start;margin-top:1rem}.social-book{border:1px solid var(--color-border-subtle);background:color-mix(in srgb,oklch(.99 .008 80)75%,transparent);border-radius:.375rem;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.875rem;margin-top:1rem;padding:.75rem;display:grid}@supports (color:color-mix(in lab,red,red)){.social-book{background:color-mix(in oklch,var(--color-surface)75%,transparent)}}.social-book-cover,.post-book-cover{aspect-ratio:2/3;background:color-mix(in srgb,oklch(.22 .015 50)6%,oklch(.97 .012 80));border-radius:.125rem;overflow:hidden}@supports (color:color-mix(in lab,red,red)){:is(.social-book-cover,.post-book-cover){background:color-mix(in oklch,var(--color-ink)6%,var(--color-paper))}}.social-book-cover img,.post-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.social-book-cover span,.post-book-cover span{height:100%;font-family:var(--font-sans);color:var(--color-ink-subtle);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;font-size:.625rem;display:flex}.social-book-title{color:var(--color-ink);margin:0;font-weight:600;line-height:1.3}.post-book-detail{border-top:1px solid var(--color-border-subtle);grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}@media (max-width:640px){.post-book-detail{grid-template-columns:5rem minmax(0,1fr)}}.profile-header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.settings-form{flex-direction:column;gap:1rem;max-width:28rem;display:flex}.settings-layout{grid-template-columns:minmax(0,28rem) minmax(0,34rem);align-items:start;gap:3rem;display:grid}.settings-api{border-top:1px solid var(--color-border-subtle);flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.api-token-output{min-height:5.5rem;font-family:var(--font-mono);resize:vertical;font-size:.8125rem}.settings-check{font-family:var(--font-sans);color:var(--color-ink-muted);align-items:center;gap:.625rem;font-size:.875rem;display:flex}@media (max-width:860px){.settings-layout{grid-template-columns:1fr;gap:2rem}}.review-actions{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;display:flex}.library-layout{grid-template-columns:11rem minmax(0,1fr);align-items:start;gap:3rem;display:grid}@media (max-width:1023px){.library-layout{grid-template-columns:1fr;gap:1.25rem}}.library-rail{flex-direction:column;gap:1.75rem;display:flex;position:sticky;top:1.5rem}.library-rail-group{flex-direction:column;gap:.125rem;display:flex}.library-rail-add{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:.375rem 0;font-size:.75rem;font-weight:500;transition:color .18s}.library-rail-add:after{content:" →";margin-left:.125rem;display:inline}.library-rail-add:hover{color:var(--color-ink)}.library-rail-add:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:.125rem}@media (max-width:1023px){.library-rail{border-bottom:1px solid var(--color-border-subtle);scrollbar-width:none;flex-direction:row;align-items:center;gap:1.5rem;padding-bottom:.625rem;position:static;overflow-x:auto}.library-rail::-webkit-scrollbar{display:none}.library-rail-group{flex-direction:row;flex:none;gap:1.5rem}.library-rail-add{white-space:nowrap;flex:none;margin-left:auto;padding:.25rem 0 .625rem}}.library-rail-item{text-align:left;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-subtle);cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.625rem;padding:.375rem 0;font-size:.75rem;font-weight:400;transition:color .18s;display:grid;position:relative}.library-rail-item:hover{color:var(--color-ink-muted)}.library-rail-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:.125rem}.library-rail-item.is-active{color:var(--color-ink);font-weight:500}.library-rail-item.is-active:after{content:"";background:var(--color-accent);width:1.25rem;height:1px;position:absolute;bottom:.125rem;left:0}@media (max-width:1023px){.library-rail-item{white-space:nowrap;flex:none;grid-template-columns:auto auto;padding:.25rem 0 .625rem}.library-rail-item.is-active:after{width:100%;bottom:0;left:0;right:0}}.library-rail-count{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--color-ink-subtle);font-size:.6875rem}.library-rail-item.is-active .library-rail-count{color:var(--color-ink-muted)}.library-content{min-width:0}@media (min-width:1024px){.library-content.has-detail{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:2.5rem;display:grid}}.library-section+.library-section{margin-top:3rem}.library-section-heading{border-bottom:1px solid var(--color-border-subtle);align-items:baseline;gap:.875rem;margin:0 0 1.25rem;padding-bottom:.5rem;display:flex}.library-section-heading-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--color-ink);margin:0;font-size:1.0625rem;font-weight:600}.library-section-heading-count{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-subtle);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:500}.book-quick-status{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:.5rem;padding:.125rem 0;font-size:.6875rem;font-weight:500;transition:color .18s}.book-quick-status:hover{color:var(--color-ink)}.book-quick-status:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.125rem}.book-quick-status.is-reading{color:var(--color-accent)}.book-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.625rem;margin-top:.5rem;display:grid}.book-progress-track{background:var(--color-border);cursor:pointer;outline-offset:3px;border-radius:999px;outline:2px solid #0000;height:4px;transition:outline-color .18s;position:relative}.book-progress-track:focus-visible{outline-color:var(--color-accent)}.book-progress-track-fill{background:color-mix(in srgb,oklch(.22 .015 50)70%,transparent);pointer-events:none;border-radius:999px;height:100%;transition:width .24s cubic-bezier(.16,1,.3,1)}@supports (color:color-mix(in lab,red,red)){.book-progress-track-fill{background:color-mix(in oklch,var(--color-ink)70%,transparent)}}.empty-state-literary{flex-direction:column;align-items:flex-start;gap:1.25rem;max-width:28rem;margin-top:3rem;display:flex}.empty-state-literary p{font-family:var(--font-serif);color:var(--color-ink-muted);margin:0;font-size:1.125rem;line-height:1.5}.empty-state-literary em{color:var(--color-ink);font-style:italic}.empty-state-actions{flex-wrap:wrap;gap:.5rem;display:flex}.page-back-link{font-family:var(--font-sans);color:var(--color-ink-muted);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.8125rem;transition:color .18s}.page-back-link:hover{color:var(--color-ink)}.page-back-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:.125rem}@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}
