@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Noto+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Noto Sans", system-ui, sans-serif;--font-serif: "Noto Serif", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-50: oklch(97% .014 254.604);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-black: #000;--color-white: #fff;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--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);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wider: .05em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-lg: .5rem;--ease-out: cubic-bezier(0, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--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%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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{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{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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}::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{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.container{width:100%}@media (width >= 40rem){.container{max-width:40rem}}@media (width >= 48rem){.container{max-width:48rem}}@media (width >= 64rem){.container{max-width:64rem}}@media (width >= 80rem){.container{max-width:80rem}}@media (width >= 96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-gray-50);font-family:var(--font-sans);--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-gray-900)}h1{margin-bottom:calc(var(--spacing) * 6);font-family:var(--font-serif);font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));--tw-leading: var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}@media (width >= 48rem){h1{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}h2{margin-bottom:calc(var(--spacing) * 4);font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-leading: var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}h3{margin-bottom:calc(var(--spacing) * 5);font-family:var(--font-serif);font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-leading: var(--leading-snug);line-height:var(--leading-snug);--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}h4{margin-bottom:calc(var(--spacing) * 3);font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}p{margin-bottom:calc(var(--spacing) * 4);--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-gray-900)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.layout{display:flex;min-height:100vh;background-color:var(--color-gray-50)}.sidebar{position:fixed;top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:10;height:100%;width:280px;overflow-y:auto;border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding-top:calc(var(--spacing) * 10);padding-bottom:calc(var(--spacing) * 6)}.sidebar-title{margin-bottom:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 6);font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.sidebar-nav{padding-inline:calc(var(--spacing) * 3)}:where(.sidebar-nav>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.sidebar-link{display:block;border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-900);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.sidebar-link:hover{background-color:var(--color-blue-50)}}.sidebar-link-active{display:block;border-radius:var(--radius-lg);background-color:var(--color-blue-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-blue-800)}.sidebar-section{padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 2)}.sidebar-heading{margin-bottom:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 6);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-gray-900);text-transform:uppercase}.main-content{position:relative;z-index:0;margin-left:280px;flex:1;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8)}@media (width >= 48rem){.main-content{padding-inline:calc(var(--spacing) * 10)}}.page-header{margin-bottom:calc(var(--spacing) * 12)}.card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 6);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.card:hover{border-color:var(--color-gray-300)}}.book-card{overflow:hidden;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.book-card:hover{border-color:var(--color-gray-500)}}.book-card-image{height:calc(var(--spacing) * 60);overflow:hidden}.book-card-image img{-o-object-fit:contain;object-fit:contain}.book-card-content{padding:calc(var(--spacing) * 5)}:where(.book-card-content>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.btn{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-800);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-sans);color:var(--color-blue-800);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.btn:hover{background-color:var(--color-blue-50)}}.btn:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn:focus{--tw-ring-color: var(--color-blue-800)}.btn:focus{--tw-outline-style: none;outline-style:none}.btn-primary{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:0px;background-color:var(--color-black);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-sans);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.btn-primary:hover{background-color:var(--color-gray-800)}}.btn-primary:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-primary:focus{--tw-ring-color: var(--color-black)}.btn-primary:focus{--tw-outline-style: none;outline-style:none}.btn-subtle{border-radius:var(--radius-lg);background-color:transparent;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-family:var(--font-sans);color:var(--color-gray-600);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media (hover: hover){.btn-subtle:hover{color:var(--color-blue-800)}}.metrics-container{margin-bottom:calc(var(--spacing) * 8);display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:calc(var(--spacing) * 6)}@media (width >= 48rem){.metrics-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.metric-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5)}.metric-value{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-serif);font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height));color:var(--color-gray-900)}.metric-label{font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-500)}.breadcrumbs{margin-bottom:calc(var(--spacing) * 4);display:flex;align-items:center}:where(.breadcrumbs>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-900)}@media (hover: hover){.breadcrumb-link:hover{color:var(--color-blue-900)}}.breadcrumb-separator{margin-inline:calc(var(--spacing) * 2);color:var(--color-gray-900)}.breadcrumb-current{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-blue-600)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height));--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider);color:var(--color-gray-500);text-transform:uppercase}.data-table td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-600)}.data-table tbody tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.mock-data-banner{position:relative;margin-block:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-blue-300);background-color:var(--color-blue-50);padding:calc(var(--spacing) * 4)}.banner-content{color:var(--color-black)}.banner-content h2{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.banner-content p{margin-bottom:calc(var(--spacing) * 3)}.banner-content ol{margin-left:calc(var(--spacing) * 6);list-style-type:decimal}.banner-content li{margin-bottom:calc(var(--spacing) * 1)}.banner-content a{color:var(--color-blue-600);text-decoration-line:underline}@media (hover: hover){.banner-content a:hover{color:var(--color-blue-800)}}.dark-theme{background:#0a0a0a;color:#e0e0e0}.dark-theme body{background-color:var(--color-gray-900);color:var(--color-gray-100)}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4{color:var(--color-gray-100)}.dark-theme p{color:var(--color-gray-300)}.dark-theme .card,.dark-theme .book-card{border-color:var(--color-gray-700);background-color:var(--color-gray-800);color:var(--color-gray-100)}.dark-theme .metric-card{border-color:var(--color-gray-700);background-color:var(--color-gray-800)}.dark-theme .metric-value{color:var(--color-gray-100)}.dark-theme .metric-label{color:var(--color-gray-400)}.dark-theme .breadcrumb-link{color:var(--color-gray-300)}@media (hover: hover){.dark-theme .breadcrumb-link:hover{color:var(--color-blue-300)}}.dark-theme .breadcrumb-current{color:var(--color-blue-400)}.dark-theme .data-table th,.dark-theme .data-table td{border-color:var(--color-gray-700);background-color:var(--color-gray-800);color:var(--color-gray-300)}.dark-theme .mock-data-banner{border-color:var(--color-blue-700);background-color:var(--color-blue-900)}.dark-theme .banner-content{color:var(--color-gray-100)}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-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;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@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-ease{syntax: "*"; inherits: false;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@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-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-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;--tw-outline-style: solid;--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-ease: initial;--tw-leading: initial;--tw-font-weight: initial;--tw-space-y-reverse: 0;--tw-tracking: initial;--tw-space-x-reverse: 0}}}.sidebar{width:280px;background:#000;color:#fc0!important;height:100vh;overflow-y:auto;position:fixed;left:0;top:0;padding:0;box-shadow:2px 0 15px #00000080;z-index:1000;border-right:1px solid #333}.sidebar-header h2{margin:0;font-size:1.5rem;font-weight:300;color:#fc0!important;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sidebar-link{display:flex;align-items:center;padding:1rem 1.5rem;color:#fc0!important;text-decoration:none;transition:all .3s ease;border-left:4px solid transparent;cursor:pointer;background:transparent;opacity:.9}.sidebar-link:hover{background:linear-gradient(90deg,rgba(139,69,19,.2) 0%,transparent 100%);color:#fff!important;border-left-color:#8b4513;opacity:1}.sidebar-link.active{background:linear-gradient(90deg,rgba(139,69,19,.3) 0%,transparent 100%);color:#fff!important;border-left-color:#8b4513;box-shadow:inset 0 0 20px #8b45131a;opacity:1}.sidebar-text{flex:1;font-weight:400;font-size:.95rem;color:inherit!important}.sidebar-sublink{display:flex;align-items:center;padding:.8rem 1.5rem .8rem 3rem;color:#fc0!important;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;font-size:.9rem;background:transparent;min-height:44px;box-sizing:border-box;position:relative;opacity:.8}.sidebar-sublink:hover{background:linear-gradient(90deg,rgba(139,69,19,.15) 0%,transparent 100%);color:#fff!important;padding-left:3.2rem;opacity:1}.sidebar-sublink.active{background:linear-gradient(90deg,rgba(139,69,19,.25) 0%,transparent 100%);color:#fc0!important;border-left-color:#8b4513;opacity:1}.sidebar-link.expandable{justify-content:space-between;cursor:pointer}.sidebar-link.expandable:hover{background:linear-gradient(90deg,rgba(139,69,19,.2) 0%,transparent 100%)}.sidebar-link.expanded{background:linear-gradient(90deg,rgba(139,69,19,.25) 0%,transparent 100%);border-left-color:#8b4513}.sidebar-icon{margin-right:1rem;font-size:1.2rem;width:24px;text-align:center;opacity:.8;color:#8b4513}.sidebar-text{flex:1;font-weight:400;font-size:.95rem}.expand-arrow{font-size:.8rem;opacity:.7;transition:transform .3s ease;color:#8b4513}.sidebar-link.expanded .expand-arrow{transform:rotate(90deg);opacity:1}.sidebar-submenu{list-style:none;padding:0;margin:0;background:linear-gradient(180deg,#0a0a0a,#000);border-left:4px solid #8B4513;animation:slideDown .3s ease;max-height:calc(100vh - 220px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth}.sidebar-submenu::-webkit-scrollbar{width:8px}.sidebar-submenu::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px;margin:4px 0}.sidebar-submenu::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;border:2px solid #1a1a1a}.sidebar-submenu:hover::-webkit-scrollbar-thumb{background:#ffffff59}.sidebar-submenu::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b4513,sienna)}.sidebar-submenu{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) #1a1a1a}.sidebar-submenu:hover{scrollbar-color:rgba(255,255,255,.35) #1a1a1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sidebar-sublink{display:flex;align-items:center;padding:.8rem 1.5rem .8rem 3rem;color:#999;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;font-size:.9rem;background:transparent;min-height:44px;box-sizing:border-box;position:relative}.sidebar-sublink:hover{background:linear-gradient(90deg,rgba(139,69,19,.15) 0%,transparent 100%);color:#fff;padding-left:3.2rem}.sidebar-sublink.book-item{padding:.8rem 1rem .8rem 3rem;font-size:.85rem;line-height:1.3;flex-direction:column;align-items:flex-start}.sidebar-sublink.book-item .book-title{flex:none;font-weight:500;color:inherit;width:100%}.sidebar-sublink.book-item .book-author{font-size:.75rem;color:#666;margin-top:2px;width:100%}.submenu-icon{margin-right:.75rem;font-size:1rem;width:20px;text-align:center;color:#8b4513}.memorial-notice{padding:1rem;margin:1rem;background:linear-gradient(135deg,#1a1a1a,#000);border:1px solid #333;border-radius:8px;font-size:.8rem;color:#888;text-align:center;line-height:1.4;position:relative;overflow:hidden}.memorial-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8B4513,transparent)}.memorial-notice strong{color:#8b4513;display:block;margin-bottom:.5rem;font-size:.9rem}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#1a1a1a}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b4513,sienna);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,sienna,#8b4513)}.sidebar{scrollbar-width:thin;scrollbar-color:#8B4513 #1a1a1a}.books-submenu-container{max-height:500px;overflow-y:auto}.books-submenu-header{padding:.8rem 1.5rem;background:#8b45131a;border-bottom:1px solid #333;font-size:.8rem;color:#8b4513;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.books-submenu-count{font-size:.7rem;color:#666;margin-left:.5rem}.sidebar-sublink.with-cover{padding-left:4rem;position:relative}.book-cover-preview{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:24px;height:32px;background:#333;border-radius:2px;overflow:hidden;border:1px solid #8B4513}.book-cover-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;transform:translate(-100%);transition:transform .3s ease;background:#000;max-height:100vh;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{padding:1.5rem 1rem;background:#000;border-bottom:1px solid #333}.sidebar-link{padding:1rem;color:#b0b0b0}.sidebar-sublink{padding:.8rem 1rem .8rem 2.5rem;color:#999}.sidebar-sublink:hover{padding-left:3rem;color:#fff}.sidebar-submenu{max-height:300px}.sidebar-submenu.books-submenu{max-height:400px}}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:linear-gradient(135deg,#8b4513,sienna);border:none;color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;box-shadow:0 4px 12px #8b45134d}.mobile-menu-toggle:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 16px #8b451366}@media (max-width: 768px){.mobile-menu-toggle{display:block}}.main-content{margin-left:280px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#000)}@media (max-width: 768px){.main-content{margin-left:0;background:linear-gradient(135deg,#0a0a0a,#000)}}.sidebar-footer{padding:1rem;text-align:center;border-top:1px solid #333;margin-top:2rem;position:relative}.sidebar-footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,#8B4513,transparent)}.sidebar-footer .timeline-note{font-size:.8rem;color:#666;font-style:italic}.timeline-milestone{color:#8b4513;font-weight:700}.sidebar-link:focus,.sidebar-sublink:focus{outline:2px solid #8B4513;outline-offset:-2px}.memorial-badge{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.legacy-timeline{position:relative;padding:.5rem 1rem;margin:1rem;background:#8b45131a;border-radius:6px;border-left:3px solid #8B4513}.legacy-timeline:before{content:"✦";position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:#8b4513;font-size:1rem}.legacy-years{font-size:.75rem;color:#8b4513;font-weight:600}.legacy-label{font-size:.8rem;color:#b0b0b0}.sidebar-submenu .sidebar-submenu{margin-left:0;border-left:2px solid #8B4513;background:linear-gradient(180deg,#050505,#0a0a0a)}.sidebar-submenu .sidebar-submenu .sidebar-sublink{padding-left:4rem}.sidebar-submenu .sidebar-submenu .sidebar-sublink:hover{padding-left:4.2rem}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-scrollable{flex:1;overflow-y:auto;overflow-x:hidden}.books-submenu .sidebar-sublink{padding:.7rem 1rem .7rem 3rem;min-height:48px;border-bottom:1px solid rgba(255,255,255,.05)}.books-submenu .sidebar-sublink:last-child{border-bottom:none}.books-submenu .sidebar-sublink:hover{background:linear-gradient(90deg,rgba(139,69,19,.2) 0%,transparent 100%);transform:translate(2px)}.bookdetail{color:#fc0!important;padding:2rem;max-width:1200px;margin:0 auto;background:#1a1a1a!important;min-height:100vh}.bookdetail__header{margin-bottom:2rem;border-bottom:2px solid #ffcc00;padding-bottom:1.5rem}.bookdetail__title{color:#fc0!important;margin:0 0 1rem;font-size:clamp(1.25rem,2vw + 1rem,2.5rem);line-height:1.2;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.bookdetail__meta{display:flex;gap:1.25rem;color:#fc0!important;flex-wrap:wrap;font-size:1.1rem;margin-top:1rem;padding:0;list-style:none}.bookdetail__meta li{background:#ffcc001a;padding:.5rem 1rem;border-radius:6px;border:1px solid #ffcc00}.bookdetail__body{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start;margin-top:2rem}.bookdetail__coverwrap{background:#2a2a2a;border:3px solid #ffcc00;border-radius:12px;padding:12px;box-shadow:0 8px 25px #fc03}.bookdetail__cover{width:100%;height:auto;display:block;border-radius:8px;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#000}.bookdetail__cover-placeholder{width:100%;aspect-ratio:3 / 4;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fc0;font-size:1.1rem;font-style:italic;text-align:center;border:2px dashed #ffcc00;padding:1rem}.bookdetail__text{padding:1rem 0;color:#fc0!important}.bookdetail__text p,.bookdetail__desc{margin:0 0 1.5rem;color:#fc0!important;line-height:1.7;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.8)}.bookdetail__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.bookdetail__btn{display:inline-block;background:#fc0;color:#000!important;padding:1rem 2rem;border-radius:8px;text-decoration:none;border:2px solid #ffcc00;font-weight:700;transition:all .3s ease;font-size:1.1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.bookdetail__btn:hover{background:#000;color:#fc0!important;transform:translateY(-3px);box-shadow:0 6px 20px #fc06}.bookdetail__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ffcc008c}.bookdetail__btn--ghost{background:transparent;color:#fc0!important;border:2px solid #ffcc00}.bookdetail__btn--ghost:hover{background:#fc0;color:#000!important}.bookdetail__missing{color:#fc0!important;font-style:italic;padding:1.5rem;background:#ffcc001a;border-radius:8px;border-left:4px solid #ffcc00;margin-top:1.5rem;text-align:center}.bookdetail__description{background:#ffffff0d;padding:2rem;border-radius:12px;border-left:4px solid #ffcc00;margin:2rem 0}.bookdetail__description h3{color:#fc0!important;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.bookdetail__info{margin-top:2rem;padding:1.5rem;background:#ffcc000d;border:1px solid #ffcc00;border-radius:8px}.bookdetail__info h3{color:#fc0!important;margin-bottom:1rem;font-size:1.3rem}.bookdetail__info p{color:#fc0!important;margin:.5rem 0}@media (max-width: 900px){.bookdetail__body{grid-template-columns:220px 1fr;gap:2rem}}@media (max-width: 768px){.bookdetail{padding:1.5rem}.bookdetail__body{grid-template-columns:1fr;gap:2rem}.bookdetail__coverwrap{max-width:280px;margin:0 auto}.bookdetail__meta{gap:.75rem;font-size:1rem}.bookdetail__actions{gap:.8rem;justify-content:center}.bookdetail__btn{padding:.9rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.bookdetail{padding:1rem}.bookdetail__title{font-size:2rem}.bookdetail__meta{flex-direction:column;gap:.5rem}.bookdetail__meta li{text-align:center}.bookdetail__actions{flex-direction:column}.bookdetail__btn{width:100%;text-align:center}}@media (prefers-reduced-motion: reduce){.bookdetail__btn{transition:none}}.books-container{padding:20px!important;max-width:1400px!important;margin:0 auto!important;background:#1a1a1a!important;min-height:100vh!important}.books-container h2{color:#fc0!important;margin-bottom:30px!important;font-size:2.5rem!important;text-align:center!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.books-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:25px!important;padding:20px!important;width:100%!important}.book-card{display:flex!important;flex-direction:column!important;background:#2a2a2a!important;border:2px solid #ffcc00!important;border-radius:15px!important;transition:all .3s ease!important;cursor:pointer!important;color:#fc0!important;min-height:450px!important;overflow:hidden!important;position:relative!important;box-shadow:0 4px 15px #0000004d!important}.book-card:hover{transform:translateY(-8px)!important;box-shadow:0 12px 30px #ffcc004d!important;border-color:#fc0!important}.book-image{width:100%!important;height:220px!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-bottom:3px solid #ffcc00!important}.book-image img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;transition:transform .3s ease!important}.book-card:hover .book-image img{transform:scale(1.1)!important}.book-card-content{padding:20px!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;background:#2a2a2a!important;border-radius:0 0 13px 13px!important}.book-title{color:#fc0!important;margin:0 0 10px!important;font-size:1.4rem!important;font-weight:700!important;line-height:1.3!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.book-author{color:#fc0!important;margin:0 0 10px!important;font-size:1.1rem!important;font-style:italic!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.book-year{color:#fc0!important;font-size:1rem!important;margin:0 0 15px!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.book-description{color:#fc0!important;margin:0 0 20px!important;font-size:1rem!important;line-height:1.5!important;flex-grow:1!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.book-link{color:#000!important;background:#fc0!important;text-decoration:none!important;font-weight:700!important;display:inline-block!important;margin-top:auto!important;padding:12px 20px!important;border-radius:8px!important;transition:all .3s ease!important;align-self:stretch!important;font-size:1rem!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:1px!important;border:2px solid #ffcc00!important}.book-link:hover{background:#000!important;color:#fc0!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px #fc06!important}.book-preview{margin-top:40px!important;padding:30px!important;background:#2a2a2a!important;border:3px solid #ffcc00!important;border-radius:15px!important;display:none!important;animation:fadeIn .5s ease-in!important;box-shadow:0 8px 25px #fc03!important}.book-preview.active{display:block!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.preview-content{display:flex!important;gap:30px!important;align-items:flex-start!important}.preview-image{width:280px!important;height:380px!important;background:#000!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fc0!important;font-size:1.2rem!important;flex-shrink:0!important;overflow:hidden!important;border:3px solid #ffcc00!important;box-shadow:0 4px 15px #00000080!important}.preview-image img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:7px!important}.preview-details{flex:1!important;color:#fc0!important}.preview-title{color:#fc0!important;font-size:2.5rem!important;margin-bottom:10px!important;font-weight:800!important;text-shadow:0 2px 4px rgba(0,0,0,.8)!important}.preview-author{color:#fc0!important;font-size:1.5rem!important;margin-bottom:20px!important;font-style:italic!important;font-weight:600!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.preview-year{color:#fc0!important;font-size:1.2rem!important;margin-bottom:25px!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.preview-description{color:#fc0!important;line-height:1.7!important;margin-bottom:30px!important;font-size:1.1rem!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.download-btn{background:#fc0!important;color:#000!important;border:none!important;padding:18px 35px!important;border-radius:10px!important;font-weight:800!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1.2rem!important;text-transform:uppercase!important;letter-spacing:1.5px!important;border:3px solid #ffcc00!important;box-shadow:0 4px 15px #ffcc004d!important}.download-btn:hover{background:#000!important;color:#fc0!important;transform:translateY(-4px)!important;box-shadow:0 8px 25px #ffcc0080!important}.close-preview{background:#f44!important;color:#fff!important;border:none!important;padding:12px 25px!important;border-radius:8px!important;cursor:pointer!important;margin-top:20px!important;font-weight:700!important;transition:all .3s ease!important;font-size:1rem!important;text-transform:uppercase!important;letter-spacing:1px!important}.close-preview:hover{background:#c00!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #ff00004d!important}@media (max-width: 1200px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}}@media (max-width: 768px){.books-container{padding:15px!important}.books-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px!important;padding:15px!important}.preview-content{flex-direction:column!important;gap:25px!important}.preview-image{width:250px!important;height:350px!important;align-self:center!important}}@media (max-width: 480px){.books-grid{grid-template-columns:1fr!important;gap:20px!important}.book-card{min-height:400px!important}}.book-image-placeholder{width:100%!important;height:100%!important;background:linear-gradient(135deg,#1a1a1a,#333)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fc0!important;font-style:italic!important;text-align:center!important;padding:20px!important}.placeholder-text{color:#fc0!important;font-size:1.1rem!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.8)!important}.about{color:#fc0!important;background:transparent;line-height:1.65;font-size:1rem}.about *{color:inherit!important}.about__header p{color:#fc0!important}.about a{color:#fc0!important;text-decoration:underline;opacity:.9}.about a:hover{text-decoration:none;opacity:1}.about__header{margin-bottom:1rem;border-bottom:1px solid rgba(255,204,0,.25);padding-bottom:.5rem}.about__header h1{margin:0 0 .25rem;font-size:clamp(1.25rem,2vw + 1rem,2rem);font-weight:700;color:#fc0!important}.about__lead{color:#fc0!important;opacity:.9}.about__section{margin-top:1rem}.about__section h2{margin:.75rem 0 .35rem;font-size:1.125rem;color:#fc0!important;border-left:3px solid #ffcc00;padding-left:.5rem}.about__section p{margin:.25rem 0;color:#fc0!important;opacity:.9}.about__section ul{margin:.25rem 0 .5rem 1.25rem;padding:0;list-style:disc;color:#fc0!important}.about__section li{margin:.25rem 0;color:#fc0!important;opacity:.9}.about__note{color:#fc0!important;opacity:.7}.about__columns{-moz-columns:1;columns:1}@media (min-width: 900px){.about__columns{-moz-columns:2;columns:2;-moz-column-gap:2rem;column-gap:2rem}.about__columns li{-moz-column-break-inside:avoid;break-inside:avoid}}.about,.about__section p,.about__section li{overflow-wrap:anywhere;word-break:break-word}.about__nowrap{white-space:nowrap}.about{animation:fadeInAbout .6s ease-out}@keyframes fadeInAbout{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.contact{color:#fc0!important;padding:1rem;max-width:760px;margin:0 auto}.contact h1{margin:0 0 .5rem;color:#fc0!important;font-size:clamp(1.25rem,1rem + 2vw,1.8rem)}.contact__lead{color:#fc0!important;margin:0 0 .75rem;opacity:.9}.contact__alert{padding:.6rem .8rem;border-radius:.5rem;margin:.5rem 0;line-height:1.4}.contact__alert--ok{background:#052e1e;color:#fc0!important;border:1px solid #14532d}.contact__alert--err{background:#3b0a0a;color:#fc0!important;border:1px solid #7f1d1d}.contact__form{display:grid;gap:.9rem;max-width:640px;margin-top:.5rem}.contact__form label{display:grid;gap:.35rem;font-size:.95rem}.contact__form label>span{color:#fc0!important}.contact__form input,.contact__form textarea{background:#0f172a;border:1px solid #334155;color:#fc0!important;border-radius:.5rem;padding:.6rem .7rem;width:100%;outline:none}.contact__form input::-moz-placeholder,.contact__form textarea::-moz-placeholder{color:#fc0!important;opacity:.6}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#fc0!important;opacity:.6}.contact__form input:focus-visible,.contact__form textarea:focus-visible{border-color:#fc0;box-shadow:0 0 0 3px #ffcc0059}.contact__btn{background:linear-gradient(135deg,#8b4513,sienna);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.7rem 1.1rem;border-radius:.6rem;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:-moz-fit-content;width:fit-content}.contact__btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 16px #8b451359}.contact__btn:focus-visible{outline:none;box-shadow:0 0 0 3px #8b45138c}.contact__btn[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}.optional{color:#fc0!important;font-style:normal;font-size:.9em;opacity:.7}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}@media (max-width: 680px){.contact{padding:.85rem}.contact__form{gap:.8rem}.contact__btn{width:100%;text-align:center}}@media (prefers-reduced-motion: reduce){.contact__btn{transition:none}}.facebook-posts-container{max-width:1200px;margin:0 auto;padding:20px;background:transparent;color:#e0e0e0}.facebook-posts-header{text-align:center;margin-bottom:40px;padding:2rem;background:linear-gradient(135deg,#1a1a1acc,#000000e6);border-radius:12px;border:1px solid #333;position:relative;overflow:hidden}.facebook-posts-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8B4513,transparent)}.facebook-posts-header h2{color:#fff;margin-bottom:15px;font-weight:300;font-size:2.5rem;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.facebook-posts-header p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto;font-style:italic}.pagination-info{color:#8b4513;font-size:14px;font-weight:500;margin-top:1rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px;margin-bottom:40px}.post-card{background:linear-gradient(135deg,#1a1a1a,#000);border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:25px;transition:all .4s ease;border:1px solid #333;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#8B4513,transparent);opacity:0;transition:opacity .3s ease}.post-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 35px #8b451340;border-color:#8b4513}.post-card:hover:before{opacity:1}.post-content{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.post-message{flex-grow:1;margin-bottom:20px}.post-message p{margin:0 0 15px;line-height:1.7;color:#e0e0e0;font-size:15px;text-align:justify}.post-message p:last-child{margin-bottom:0}.post-message p:first-child:first-letter{font-size:1.4em;color:#8b4513;font-weight:600;float:left;margin-right:8px;line-height:1}.post-attachment{margin:15px 0;border-radius:8px;overflow:hidden;border:1px solid #333}.post-attachment img{width:100%;height:auto;display:block;transition:transform .3s ease}.post-attachment:hover img{transform:scale(1.05)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #333}.post-date{color:#8b4513;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.post-date:before{content:"🕒";font-size:12px}.view-post-link{color:#8b4513;text-decoration:none;font-size:13px;font-weight:500;padding:8px 16px;border:1px solid #8B4513;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;gap:6px}.view-post-link:before{content:"🔗";font-size:12px}.view-post-link:hover{background:#8b4513;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #8b45134d}.post-stats{display:flex;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid #2a2a2a}.post-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.post-stat.likes:before{content:"👍"}.post-stat.comments:before{content:"💬"}.post-stat.shares:before{content:"🔄"}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:40px;padding:2rem;background:#1a1a1a80;border-radius:12px;border:1px solid #333}.pagination-button{padding:12px 24px;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #8b45134d}.pagination-button:before{content:"←"}.pagination-button.next:before{content:"→";order:2}.pagination-button.next{flex-direction:row-reverse}.pagination-button:hover:not(:disabled){background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 20px #8b451366}.pagination-button:disabled{background:#333;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.page-indicator{color:#b0b0b0;font-size:14px;font-weight:500;min-width:120px;text-align:center}.facebook-posts-loading,.facebook-posts-error,.facebook-posts-empty{text-align:center;padding:60px 20px;background:#1a1a1a80;border-radius:12px;border:1px solid #333;margin:2rem 0}.facebook-posts-loading h3,.facebook-posts-error h3,.facebook-posts-empty h3{color:#fff;margin-bottom:1rem;font-weight:300}.facebook-posts-loading p,.facebook-posts-error p,.facebook-posts-empty p{color:#b0b0b0;font-size:1.1rem}.loading-spinner{border:3px solid #333;border-top:3px solid #8B4513;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-button{padding:12px 24px;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:20px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #8b45134d}.retry-button:hover{background:linear-gradient(135deg,sienna,#8b4513);transform:translateY(-2px);box-shadow:0 6px 20px #8b451366}.memorial-post-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 2px 8px #8b45134d}.legacy-post-indicator{display:inline-block;background:#8b451333;color:#8b4513;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500;margin-left:8px;border:1px solid rgba(139,69,19,.3)}.post-timeline{position:relative;padding-left:30px;margin-bottom:25px}.post-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8B4513 0%,transparent 100%)}.post-timeline:after{content:"●";position:absolute;left:-6px;top:0;color:#8b4513;font-size:1.2rem}.memorial-posts-dedication{text-align:center;margin-top:4rem;padding:2rem;background:#1a1a1a80;border-radius:12px;border-top:1px solid #333;position:relative}.memorial-posts-dedication:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(90deg,transparent,#8B4513,transparent)}.dedication-quote{color:#8b4513;font-style:italic;font-size:1.2rem;margin-bottom:1rem;line-height:1.6}.dedication-signature{color:#fff;font-size:1.1rem;font-weight:300;letter-spacing:1px}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr;gap:20px}.facebook-posts-container{padding:15px}.facebook-posts-header{padding:1.5rem;margin-bottom:30px}.facebook-posts-header h2{font-size:2rem}.post-meta{flex-direction:column;gap:15px;align-items:flex-start}.pagination-controls{flex-direction:column;gap:15px;padding:1.5rem}.page-indicator{order:-1}.post-stats{justify-content:space-between}}@media (max-width: 480px){.posts-grid{grid-template-columns:1fr}.post-card{padding:20px}.facebook-posts-header h2{font-size:1.75rem}.pagination-button{width:100%;justify-content:center}}.post-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:12px;height:200px;margin-bottom:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.memorial-highlight-post{border:2px solid #8B4513;background:linear-gradient(135deg,#1a1a1a,#8b45131a)}.memorial-highlight-post:after{content:"🌟 Special Memory";position:absolute;top:15px;left:15px;background:#8b4513;color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.post-quote{border-left:4px solid #8B4513;margin:15px 0;font-style:italic;color:#b0b0b0;background:#8b45130d;padding:15px 20px;border-radius:0 8px 8px 0}.post-quote:before{content:'"';font-size:2rem;color:#8b4513;line-height:1;margin-right:5px}.facebook-posts,.fbp-wrap{color:#e6e7eb!important}.facebook-posts .post-card,.fbp-wrap .fbp-card{background:#151617;border:1px solid #2a2d31;border-radius:12px}.facebook-posts .post-text,.fbp-wrap .fbp-text{color:#e6e7eb!important;-webkit-text-fill-color:#e6e7eb!important;background:transparent!important;text-shadow:none!important;filter:none!important;white-space:pre-wrap;word-break:break-word}.facebook-posts .post-time,.fbp-wrap .fbp-time{color:#a5adb6!important}.facebook-posts .pager-btn,.fbp-wrap .fbp-btn{background:#1b1c1f;color:#e6e7eb!important;border:1px solid #2a2d31;border-radius:8px;padding:.5rem .9rem}.facebook-posts .pager-btn:hover:not(:disabled),.fbp-wrap .fbp-btn:hover:not(:disabled){background:#202226;border-color:#f59e0b}.facebook-posts .pager-btn:disabled,.fbp-wrap .fbp-btn:disabled{opacity:.45;cursor:not-allowed}.facebook-posts .post-media img,.fbp-wrap .fbp-media img{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;background:#0b0c0d;border-bottom:1px solid #2a2d31}.facebook-posts ::-moz-selection,.fbp-wrap ::-moz-selection{background:#f59e0b47;color:#fff}.facebook-posts ::selection,.fbp-wrap ::selection{background:#f59e0b47;color:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0a0a0a;color:#e0e0e0}.app-layout{display:flex;min-height:100vh;overflow:hidden;background:#0a0a0a}.sidebar{width:280px;background-color:#000;color:#fff;overflow-y:auto;flex-shrink:0;position:fixed;inset:0 auto 0 0;height:100vh;border-right:1px solid rgba(255,255,255,.06);will-change:transform}.close-drawer{display:none;position:absolute;top:10px;right:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:8px 10px;font-size:18px;line-height:1;cursor:pointer;z-index:5}.main-area{flex-grow:1;padding:20px;margin-left:280px;overflow-y:auto;background:linear-gradient(135deg,#0a0a0a,#000);min-height:100vh}.mobile-header{display:none;position:sticky;top:0;z-index:50;align-items:center;gap:12px;padding:12px 14px;background:#fffc;backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid #eee;color:#111}.mobile-header .hamburger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;font-size:20px;border-radius:10px;padding:8px 10px;line-height:1;cursor:pointer}.mobile-header .brand{font-weight:600;font-size:16px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:40}.drawer-overlay.show{opacity:1;pointer-events:auto}.sidebar-header{padding:.75rem .75rem 1rem;border-bottom:1px solid #333;margin-bottom:.75rem;background:linear-gradient(135deg,#000,#1a1a1a)}.sidebar-header h2{margin:0;font-size:1.5rem;text-align:center;color:#fff;font-weight:300}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{margin-bottom:.5rem}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;color:#fffc;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;cursor:pointer;background:transparent;border-radius:8px}.sidebar-link:hover{background:linear-gradient(90deg,rgba(139,69,19,.2) 0%,transparent 100%);color:#fff;border-left-color:#8b4513}.sidebar-link.active{background:linear-gradient(90deg,rgba(139,69,19,.3) 0%,transparent 100%);color:#fff;border-left-color:#8b4513}.sidebar-link.expandable{justify-content:space-between}.sidebar-icon{margin-right:.75rem;font-size:1.1rem;width:20px;text-align:center;color:#8b4513}.sidebar-text{flex:1}.expand-arrow{font-size:.8rem;color:#8b4513}.sidebar-submenu{list-style:none;padding:0;margin:0;background:linear-gradient(180deg,#0a0a0a,#000);border-left:3px solid #8B4513;border-radius:0 0 8px 8px}.sidebar-subitem{margin:0}.sidebar-sublink{display:flex;align-items:center;padding:.6rem 1rem .6rem 2rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;cursor:pointer;font-size:.9rem;background:transparent;border-radius:8px}.sidebar-sublink:hover{background:linear-gradient(90deg,rgba(139,69,19,.15) 0%,transparent 100%);color:#fff;padding-left:2.5rem}.sidebar-sublink.active{background:linear-gradient(90deg,rgba(139,69,19,.25) 0%,transparent 100%);color:#8b4513;border-left-color:#8b4513}.submenu-icon{margin-right:.5rem;font-size:1rem;color:#8b4513}.books-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.book-card{border:1px solid #333;padding:10px;text-align:center;background:#1a1a1a;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:#e0e0e0}.book-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b45134d;border-color:#8b4513}.book-image{max-width:100%;height:auto;border-radius:4px}.book-detail{padding:20px;background:#1a1a1a;border-radius:8px;border:1px solid #333;color:#e0e0e0}.book-image-large{max-width:400px;width:100%;height:auto;border-radius:8px;border:1px solid #333}.pdf-link{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;text-decoration:none;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;font-weight:500}.pdf-link:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 4px 12px #8b451366}.breadcrumbs{margin-bottom:20px;color:#b0b0b0;padding:1rem;background:#1a1a1a;border-radius:6px;border-left:4px solid #8B4513}.home-pane{text-align:center;color:#e0e0e0}.full-picture{max-width:100%;height:auto;border:1px solid #333;border-radius:8px;box-shadow:0 4px 8px #0000004d}.gallery-page{padding:1rem 0;color:#e0e0e0}.gallery-page h1{color:#fff;margin-bottom:.5rem}.gallery-page p{color:#b0b0b0;margin-bottom:2rem}.photos-grid,.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.photo-card,.video-card{border:1px solid #333;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background:#1a1a1a}.photo-card:hover,.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8b451333;border-color:#8b4513}.photo-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}.photo-info,.video-info{padding:1rem;background:#2a2a2a;border-top:1px solid #333;color:#b0b0b0}.filename{display:block;font-weight:500;margin-bottom:.5rem;word-break:break-word;color:#fff;font-size:.9rem}.size{font-size:.8rem;color:#888}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:1rem}.pagination button{padding:.75rem 1.5rem;border:1px solid #333;background:#1a1a1a;border-radius:8px;cursor:pointer;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;color:#e0e0e0}.pagination button:hover:not(:disabled){background:#8b4513;color:#fff;border-color:#8b4513;transform:translateY(-1px)}.pagination button:disabled{opacity:.55;cursor:not-allowed}.page-info{font-weight:500;color:#b0b0b0;min-width:120px;text-align:center}.loading{text-align:center;padding:3rem;font-size:1.1rem;color:#b0b0b0}.error{text-align:center;padding:2rem;background:#2a1a1a;border:1px solid #8B4513;border-radius:8px;color:#ff6b6b;margin:2rem 0}.no-media{text-align:center;padding:3rem;background:#1a1a1a;border-radius:8px;border:2px dashed #333;color:#b0b0b0}.no-media p{margin:.5rem 0;color:#b0b0b0}.no-media code{background:#2a2a2a;padding:.2rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:#8b4513}.photo-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.preview-content{position:relative;max-width:95vw;max-height:95vh;background:transparent;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.preview-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.close-button{position:absolute;top:20px;right:20px;background:#8b4513e6;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:background-color .15s ease,transform .1s ease}.close-button:hover{background:#8b4513;transform:translateY(-1px)}.preview-info{background:#1a1a1af2;padding:1rem 1.5rem;border-top:1px solid #333;color:#e0e0e0}.preview-info h3{margin:0;color:#fff;font-size:1.05rem;word-break:break-word}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}.video-card video{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:#000;display:block}.video-info{padding:1rem;background:#2a2a2a;border-top:1px solid #333;color:#b0b0b0}.video-info .filename{display:block;font-weight:500;margin-bottom:.5rem;word-break:break-word;color:#fff;font-size:.9rem}.video-info .size{font-size:.8rem;color:#888}.memorial-header{background:linear-gradient(135deg,#1a1a1a,#000);border-bottom:1px solid #333;padding:2rem 0;text-align:center;margin-bottom:2rem;position:relative}.memorial-header:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,#8B4513,transparent)}.memorial-header h1{color:#fff;font-weight:300;margin-bottom:.5rem;font-size:clamp(1.6rem,2.8vw,2.5rem)}.memorial-header .subtitle{color:#8b4513;font-size:1.05rem;font-style:italic}@media (max-width: 1200px){.books-list{gap:16px}}@media (max-width: 1024px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform .2s ease-out;width:min(86vw,320px);height:100%}.sidebar.open{transform:translate(0)}.close-drawer{display:inline-flex}.main-area{margin-left:0;padding:16px}}@media (max-width: 900px){.books-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width: 768px){.photos-grid,.videos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.pagination{flex-direction:column;gap:.5rem}.pagination button{width:100%;max-width:240px}}@media (max-width: 420px){body{font-size:16px}}@media (prefers-reduced-motion: reduce){.drawer-overlay,.sidebar,.book-card,.photo-card,.video-card,.pagination button,.close-button{transition:none!important}}*{color:#fc0!important}body{background-color:#121212!important;color:#fc0!important}div,p,span,h1,h2,h3,h4,h5,h6,li,a,label,input,textarea{color:#fc0!important}.main-content,.books-container,.book-card,.book-card-content{background-color:#1a1a1a!important}.books-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important}.book-card-content *{color:#fc0!important;background:#2a2a2a!important}