/*! tailwindcss v4.2.2 | 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-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-leading:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--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;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-xl:.75rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}::-webkit-calendar-picker-indicator{line-height:1}:-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,utilities;:root{color-scheme:light dark;--color-text:#0f172a;--color-text-strong:#020617;--color-text-muted:#475569;--color-text-soft:#64748b;--color-accent-text:#0369a1;--color-accent-hover-text:#075985;--color-accent-strong:#0369a1;--color-accent-strong-hover:#075985;--color-accent-soft:#e0f2fe;--color-accent-soft-hover:#bae6fd;--color-accent-ring:#0ea5e92e;--color-bg-top:#7dd3fc59;--color-bg-start:#eff6ff;--color-bg-end:#f8fafc;--color-surface:#ffffffd9;--color-surface-strong:#ffffffeb;--color-surface-muted:#f8fafc;--color-surface-subtle:#f1f5f9;--color-border:#cbd5e1;--color-border-strong:#e0f2fee6;--color-border-soft:#ffffffb3;--color-shadow-lg:0 18px 60px #0f172a14;--color-shadow-md:0 16px 48px #0f172a0f;--color-shadow-sm:0 12px 30px #0f172a0d;--color-shadow-popover:0 30px 80px #0f172a2e;--color-shadow-accent:0 18px 50px #0ea5e91f;--color-placeholder:#94a3b8;--color-button-text:#fff;--color-disabled:#94a3b8;--color-empty-bg:#f8fafc;--color-loading-bg:#e0f2fe;--color-cover-placeholder:#e2e8f0;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--color-text:#e2e8f0;--color-text-strong:#f8fafc;--color-text-muted:#94a3b8;--color-text-soft:#cbd5e1;--color-accent-text:#7dd3fc;--color-accent-hover-text:#bae6fd;--color-accent-strong:#0369a1;--color-accent-strong-hover:#075985;--color-accent-soft:#0ea5e92e;--color-accent-soft-hover:#38bdf83d;--color-accent-ring:#38bdf838;--color-bg-top:#0ea5e92e;--color-bg-start:#0f172a;--color-bg-end:#020617;--color-surface:#0f172ad1;--color-surface-strong:#0f172af0;--color-surface-muted:#0f172a;--color-surface-subtle:#1e293b;--color-border:#334155;--color-border-strong:#38bdf838;--color-border-soft:#334155cc;--color-shadow-lg:0 18px 60px #0206176b;--color-shadow-md:0 16px 48px #02061757;--color-shadow-sm:0 12px 30px #0206174d;--color-shadow-popover:0 30px 80px #0206178c;--color-shadow-accent:0 18px 50px #0ea5e924;--color-placeholder:#64748b;--color-button-text:#e0f2fe;--color-disabled:#475569;--color-empty-bg:#0f172ab8;--color-loading-bg:#0ea5e929;--color-cover-placeholder:#1e293b}}html{min-height:100%}body{margin:calc(var(--spacing) * 0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,var(--color-bg-top),transparent 42%),linear-gradient(180deg,var(--color-bg-start) 0%,var(--color-bg-end) 34%,var(--color-bg-end) 100%);min-height:100vh;color:var(--color-text)}button,input{font:inherit}input,button,a{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}input::placeholder{color:var(--color-placeholder)}#root{min-height:100vh}.app-shell{max-width:var(--container-6xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 8);margin-inline:auto}@media (min-width:40rem){.app-shell{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 10)}}@media (min-width:64rem){.app-shell{padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 14)}}.app-shell>header{border-radius:var(--radius-4xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-width:1px}@media (min-width:40rem){.app-shell>header{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.app-shell>header{padding:calc(var(--spacing) * 10)}}.app-shell>header{background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--color-shadow-lg)}.app-shell>header h1{margin:calc(var(--spacing) * 0);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (min-width:40rem){.app-shell>header h1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.app-shell>header h1{color:var(--color-text-strong)}.app-shell>header p{margin-top:calc(var(--spacing) * 3);max-width:var(--container-3xl);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}@media (min-width:40rem){.app-shell>header p{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}.app-shell>header p{color:var(--color-text-muted)}.search-section,.selected-section,.results-section{margin-top:calc(var(--spacing) * 6)}@media (min-width:40rem){.search-section,.selected-section,.results-section{margin-top:calc(var(--spacing) * 8)}}.selected-section,.results-section{border-style:var(--tw-border-style);padding:calc(var(--spacing) * 5);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);border-width:1px;border-radius:1.75rem}@media (min-width:40rem){.selected-section,.results-section{padding:calc(var(--spacing) * 6)}}.selected-section,.results-section{background:var(--color-surface);border-color:var(--color-border-soft);box-shadow:var(--color-shadow-md)}.search-action-row{gap:calc(var(--spacing) * 3);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 3);border-width:1px;border-radius:1.75rem;flex-direction:column;display:flex;position:relative}@media (min-width:40rem){.search-action-row{gap:calc(var(--spacing) * 4)}}@media (min-width:64rem){.search-action-row{flex-direction:row;align-items:stretch}}.search-action-row{background:var(--color-surface-strong);border-color:var(--color-border-strong);box-shadow:var(--color-shadow-accent)}.search-input{min-width:calc(var(--spacing) * 0);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-outline-style:none;background:var(--color-surface-muted);border-width:1px;border-color:var(--color-border);color:var(--color-text);border-radius:1.15rem;outline-style:none;flex:1}.search-input:focus{background:var(--color-surface-strong);border-color:var(--color-accent-strong);box-shadow:0 0 0 4px var(--color-accent-ring)}.filters-control{flex-shrink:0;width:100%;display:flex;position:relative}@media (min-width:64rem){.filters-control{width:auto}}.filters-toggle{border-style:var(--tw-border-style);width:100%;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));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-width:1px;border-radius:1.15rem;justify-content:center;align-items:center;display:inline-flex}.filters-toggle:focus-visible{--tw-outline-style:none;outline-style:none}@media (min-width:64rem){.filters-toggle{width:auto}}.filters-toggle{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-muted)}.filters-toggle:hover,.filters-toggle:focus-visible{background:var(--color-accent-soft);border-color:var(--color-border-strong);color:var(--color-accent-text);box-shadow:0 0 0 4px var(--color-accent-ring)}.filters-toggle.active{background:var(--color-accent-soft);border-color:var(--color-border-strong);color:var(--color-accent-text)}.filters-toggle svg{margin-left:calc(var(--spacing) * 2);flex-shrink:0}.filters-popover{top:calc(100% + .75rem);right:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:20;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);border-width:1px;border-radius:1.15rem;position:absolute}@media (min-width:40rem){.filters-popover{padding:calc(var(--spacing) * 5)}}@media (min-width:64rem){.filters-popover{right:calc(var(--spacing) * 0);width:calc(var(--spacing) * 120);left:auto}}.filters-popover{background:var(--color-surface-strong);border-color:var(--color-border);box-shadow:var(--color-shadow-popover)}.bookshelf-filter{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.bookshelf-filter p{margin:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-text-muted)}.bookshelf-input-row{border-style:var(--tw-border-style);border-width:1px;border-radius:1.15rem;flex-direction:column;display:flex;overflow:hidden}@media (min-width:40rem){.bookshelf-input-row{flex-direction:row}}.bookshelf-input-row{background:var(--color-surface-muted);border-color:var(--color-border)}.username-input{min-width:calc(var(--spacing) * 0);padding-inline:calc(var(--spacing) * 4);flex:1;align-items:center;display:flex}.username-input span{padding-right:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.username-input input{min-width:calc(var(--spacing) * 0);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-outline-style:none;color:var(--color-text);background-color:#0000;border-width:0;outline-style:none;flex:1}.mini-button{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);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));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-top-width:1px;justify-content:center;align-items:center;display:inline-flex}.mini-button:disabled{cursor:not-allowed}@media (min-width:40rem){.mini-button{border-top-style:var(--tw-border-style);border-top-width:0;border-left-style:var(--tw-border-style);border-left-width:1px}}.mini-button{background:var(--color-accent-strong);border-color:var(--color-border);color:var(--color-button-text)}.mini-button:hover:not(:disabled){background:var(--color-accent-strong-hover)}.mini-button:disabled{background:var(--color-disabled)}.bookshelf-status,.bookshelf-count{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-text-muted)}.filter-section{margin-top:calc(var(--spacing) * 0)}.filter-section+.filter-section{margin-top:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 4);border-top-width:1px;border-color:var(--color-border)}.filter-header{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.filter-header h2,.filter-header h3,.results-section>h2{margin:calc(var(--spacing) * 0);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);color:var(--color-text-strong)}.filter-hint{margin:calc(var(--spacing) * 0);margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-text-muted)}.genre-filter{margin-top:calc(var(--spacing) * 3);max-height:calc(var(--spacing) * 64);gap:calc(var(--spacing) * 2);padding-right:calc(var(--spacing) * 1);flex-wrap:wrap;display:flex;overflow-y:auto}.filter-chip{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);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);background:var(--color-surface-subtle);border-width:1px;border-color:var(--color-border);color:var(--color-text-muted);border-radius:3.40282e38px}.filter-chip:hover{background:var(--color-accent-soft);border-color:var(--color-accent-strong);color:var(--color-accent-text)}.filter-chip.selected{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:var(--color-button-text)}.filter-chip.selected:hover{background:var(--color-accent-strong-hover);border-color:var(--color-accent-strong-hover);color:var(--color-button-text)}.search-section>small,.loading-inline{margin-top:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-accent-text);display:block}.suggestions{margin-top:calc(var(--spacing) * 3);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);background:var(--color-surface-strong);border-width:1px;border-color:var(--color-border);box-shadow:var(--color-shadow-lg);overflow:hidden}.suggestions li{cursor:pointer;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);list-style-type:none}.suggestions li:hover{background:var(--color-surface-muted)}.selected-books{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.pill{align-items:center;gap:calc(var(--spacing) * 2);max-width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);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);background:var(--color-accent-soft);color:var(--color-accent-hover-text);border-radius:3.40282e38px;display:inline-flex}.pill:hover{background:var(--color-surface-subtle);color:var(--color-text)}.pill button{border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;color:inherit;background-color:#0000;border-width:0;flex-shrink:0;line-height:1}.recommendations{margin-top:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.rec-card{gap:calc(var(--spacing) * 4);border-radius:var(--radius-3xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 4);border-width:1px;display:grid}@media (min-width:40rem){.rec-card{padding:calc(var(--spacing) * 5)}}.rec-card{background:var(--color-surface-strong);border-color:var(--color-border);box-shadow:var(--color-shadow-sm);grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.rec-card{grid-template-columns:96px minmax(0,1fr)}}.rec-card img,.book-cover-placeholder{height:calc(var(--spacing) * 56);border-radius:var(--radius-xl);object-fit:cover;width:100%}@media (min-width:40rem){.rec-card img,.book-cover-placeholder{height:calc(var(--spacing) * 36);width:calc(var(--spacing) * 24)}}.rec-card img,.book-cover-placeholder{background:var(--color-cover-placeholder)}.book-cover-placeholder{border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-border)}.rec-card>div{min-width:calc(var(--spacing) * 0)}.rec-card h3{margin:calc(var(--spacing) * 0);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);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}.rec-card h3 a{color:var(--color-accent-text);text-decoration-line:none}.rec-card h3 a:hover{color:var(--color-accent-hover-text)}.rec-meta{margin-top:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 3);row-gap:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-muted);flex-wrap:wrap;display:flex}.rec-card p{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}@media (min-width:40rem){.rec-card p{font-size:.95rem}}.rec-card p{color:var(--color-text-muted)}.genre-chip-list{margin-top:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.genre-chip{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);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-wide);letter-spacing:var(--tracking-wide);background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:3.40282e38px}.genre-chip:hover{background:var(--color-accent-soft);color:var(--color-accent-hover-text)}.load-more{margin-top:calc(var(--spacing) * 6);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-width:1px;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media (min-width:40rem){.load-more{width:auto}}.load-more{border-color:var(--color-accent-strong);color:var(--color-accent-text);background:0 0}.load-more:hover{background:var(--color-accent-strong);color:var(--color-button-text)}button.cta{border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-width:0;border-radius:1.15rem;justify-content:center;align-items:center;display:inline-flex}@media (min-width:64rem){button.cta{width:auto;min-width:calc(var(--spacing) * 52)}}button.cta{background:var(--color-accent-strong);color:var(--color-button-text)}button.cta:hover:not(:disabled){background:var(--color-accent-strong-hover)}button.cta:disabled{background:var(--color-disabled);cursor:not-allowed}.empty-state{border-style:var(--tw-border-style);--tw-border-style:dashed;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 6);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);background:var(--color-empty-bg);border-style:dashed;border-width:1px;border-color:var(--color-border);color:var(--color-text-muted);border-radius:1.25rem}.loading-state{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 5);text-align:center;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);background:var(--color-loading-bg);color:var(--color-accent-text);border-radius:1.25rem}.link-button{border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);background-color:#0000;border-width:0;margin-left:auto}@media (hover:hover){.link-button:hover{text-decoration-line:underline}}.link-button{color:var(--color-accent-text)}.link-button:hover{color:var(--color-accent-hover-text)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}