.logo-container{display:inline-block;position:relative}.site-logo--dark{display:block}.site-logo--light,[data-theme=dark] .site-logo--dark{display:none}[data-theme=dark] .site-logo--light{display:block}.site-logo{width:auto;height:100px;display:block}.header{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:72px;display:flex}.nav-toggle{gap:var(--space-1);border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;padding:10px 12px;display:inline-flex}.nav-toggle span{background:#111;width:22px;height:2px;display:block}.nav{background:var(--surface);border-top:1px solid var(--border);opacity:0;pointer-events:none;box-shadow:var(--shadow-md);transition:transform .2s,opacity .2s;position:fixed;inset:72px 0 auto;transform:translateY(-8px)}.nav__list{gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.nav__list a{color:inherit;border-radius:10px;padding:10px 12px;text-decoration:none;display:block}.nav__list a.active{color:var(--cta);font-weight:700}.nav__list a:hover{background:#f6f7f8}.nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu{position:relative}.menu__button{text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.menu__panel{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;margin-top:8px;padding:8px;display:none;position:relative}.menu--open .menu__panel{grid-template-columns:1fr 1fr;gap:6px;display:grid}.menu__panel a{color:inherit;border-radius:8px;padding:8px 10px;text-decoration:none}.menu__panel a:hover{background:#f3f4f6}.nav__actions{padding:var(--space-4);align-items:center;gap:8px;display:flex}@media (width>=960px){.nav-toggle{display:none}.nav{opacity:1;pointer-events:auto;box-shadow:none;border-top:0;position:static;transform:none}.header__inner{height:80px}.nav{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.nav__list{border:0;grid-template-columns:none;gap:6px;margin:0;padding:0;display:flex}.menu__button{border:0;padding:8px 10px}.menu__panel{min-width:280px;margin-top:12px;position:absolute;top:100%;left:0}.nav__actions{margin-left:auto;padding:0}.search{min-width:340px}.menu:hover .menu__panel{display:grid}}@media (width>=960px){.shelf{grid-auto-columns:minmax(148px,1fr);gap:12px}.card{width:148px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}.shelf{scroll-snap-type:x mandatory;grid-auto-columns:minmax(128px,1fr);grid-auto-flow:column;gap:8px;padding:4px 12px 12px;display:grid;overflow:auto}.card{scroll-snap-align:start;border-radius:var(--card-radius);background:var(--surface);width:128px;box-shadow:var(--shadow-sm);margin:16px;transition:transform .2s}.book-details{background:var(--surface-2);padding:var(--space-9) 0}.book-details__inner{gap:var(--space-6);grid-template-columns:1fr;align-items:start;max-width:900px;margin:0 auto;display:grid}.book-details__image{padding:var(--space-4);justify-content:center;display:flex}.book-details__cover{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius);width:100%;max-width:250px;height:auto;transition:transform .3s;box-shadow:0 8px 16px #0003}.book-details__cover:hover{transform:scale(1.02)}.book-details__content{padding:var(--space-4)}.book-details__title{margin:0 0 var(--space-2);color:var(--ink);font-size:clamp(1.75rem,5vw,2.4rem);font-weight:700;line-height:1.2}.book-details__author{margin:0 0 var(--space-4);color:var(--muted);font-size:1.2rem;font-weight:500}.book-details__description{margin:0 0 var(--space-5);color:var(--ink);font-size:1rem;line-height:1.6}.book-details__info{margin:0 0 var(--space-5);color:var(--ink);font-size:.95rem;line-height:1.8}.book-details__info li{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.book-details__info li strong{color:var(--brand);flex:0 0 120px;font-weight:600}.book-details__actions{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.book-details__actions .btn--cta{padding:var(--space-3) var(--space-5);border-radius:10px;font-size:1rem;font-weight:600;transition:background-color .2s,transform .2s}.book-details__actions .btn--cta:hover{transform:translateY(-2px)}.book-details__reviews{color:var(--muted);font-size:.95rem}.book-details__reviews a{margin:0 var(--space-2)}@media (width>=768px){.book-details__inner{gap:var(--space-8);grid-template-columns:300px 1fr}.book-details__image,.book-details__content{padding:0}}@media (width<=767px){.book-details__actions{flex-direction:column}.book-details__actions .btn--cta{text-align:center;width:100%}}.shelf-section{margin-bottom:32px;padding:0}.shelf-section--alt{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.shelf-section h2{margin:0;font-size:1.15rem}.shelf__title{margin:0;font-size:1.1rem}.shelf__btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:6px 10px;line-height:1}.card__link{color:inherit;grid-template-rows:auto auto auto auto;padding:0;text-decoration:none;display:grid}.card img.card__cover{object-fit:cover;border-radius:6px;width:100%;height:190px;display:block;box-shadow:0 2px 6px #00000026}.card__title{margin:4px 0 0;font-size:15px;line-height:1.3}.card__author{color:var(--muted);margin:0;font-size:13px}.card:hover{box-shadow:var(--shadow-md);transition:all .18s;transform:translateY(-4px)}.hero{padding:var(--space-10) 0 var(--space-8);background:var(--surface);border-bottom:1px solid var(--border)}.hero__grid{gap:var(--space-8);grid-template-columns:1fr;align-items:center;display:grid}.hero__content{text-align:center}.hero__label{margin:0 0 var(--space-4);letter-spacing:.04em;text-transform:uppercase;color:var(--cta);background:color-mix(in srgb, var(--cta) 10%, transparent);border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600;display:inline-block}.hero__title{margin:0 0 var(--space-5);letter-spacing:-.03em;color:var(--ink);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;line-height:1.1}.hero__description{margin:0 auto var(--space-6);max-width:520px;color:var(--muted);font-size:1.125rem;line-height:1.65}.hero__actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__secondary{color:var(--ink);font-size:1rem;font-weight:500;text-decoration:none;transition:color .15s}.hero__secondary:hover{color:var(--cta)}.hero__visual{justify-content:center;display:flex}.hero__visual-card{aspect-ratio:4/5;border-radius:var(--radius-xl,24px);background:var(--surface-2);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.hero__visual-placeholder{padding:var(--space-6);text-align:center;color:var(--muted);font-size:.9375rem}@media (width>=960px){.hero{padding:80px 0 72px}.hero__grid{grid-template-columns:1.1fr .9fr;gap:64px}.hero__content{text-align:left;padding-right:24px}.hero__description{margin-left:0;margin-right:0}.hero__actions{justify-content:flex-start}}.trust-bar{padding:var(--space-6) 0;background:var(--surface-2);border-bottom:1px solid var(--border)}.trust-bar__list{gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.trust-bar__list li{text-align:center;flex-direction:column;gap:2px;display:flex}.trust-bar__list strong{color:var(--ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.trust-bar__list span{color:var(--muted);font-size:.875rem}@media (width>=768px){.trust-bar__list{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}}.shelf-section{padding:var(--space-8) 0 0;margin-bottom:0}.shelf-section+.shelf-section{padding-top:var(--space-6)}.shelf__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;padding:0 4px;display:flex}.shelf__title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:1.375rem;font-weight:700}.shelf__controls{gap:8px;display:none}.shelf__btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.shelf__btn:hover{background:var(--surface-2);border-color:color-mix(in srgb, var(--ink) 20%, transparent)}.shelf__btn:active{transform:scale(.96)}@media (width>=960px){.shelf__controls{display:flex}.shelf-section{padding:var(--space-10) 0 0}}.card{border-radius:12px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.how{padding:var(--space-10) 0;background:var(--surface);border-top:1px solid var(--border)}.how__header{text-align:center;max-width:560px;margin:0 auto var(--space-8)}.how__header h2{margin:0 0 var(--space-3);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.how__header p{color:var(--muted);margin:0;font-size:1.0625rem}.how__grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.how__card{padding:var(--space-6);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg,16px);transition:box-shadow .2s,transform .2s}.how__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.how__num{margin-bottom:var(--space-4);letter-spacing:.06em;color:var(--cta);font-size:.875rem;font-weight:700;display:block}.how__card h3{margin:0 0 var(--space-3);letter-spacing:-.01em;color:var(--ink);font-size:1.25rem;font-weight:700}.how__card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}@media (width>=768px){.how__grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.genres{padding:var(--space-10) 0;background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.genres__header{text-align:center;margin-bottom:var(--space-6)}.genres__header h2{margin:0 0 var(--space-2);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.genres__header p{color:var(--muted);margin:0;font-size:1.0625rem}.genres__search{max-width:560px;margin:0 auto var(--space-8);gap:12px;display:flex}.genres__search input{border:1px solid var(--border);background:var(--surface);height:52px;color:var(--ink);border-radius:14px;outline:none;flex:1;padding:0 18px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.genres__search input:focus{border-color:var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 25%, transparent)}.genres__search button{white-space:nowrap;border-radius:14px;height:52px;padding:0 24px;font-weight:600}.genres__chips{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.genres__chips a{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;padding:10px 18px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.genres__chips a:hover{background:color-mix(in srgb, var(--cta) 8%, var(--surface));border-color:color-mix(in srgb, var(--cta) 40%, var(--border));color:var(--cta);transform:translateY(-1px)}.value{padding:var(--space-10) 0;background:var(--surface)}.value__header{text-align:center;margin-bottom:var(--space-8)}.value__header h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.value__grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.value__card{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.value__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.value__card h3{margin:0 0 var(--space-3);letter-spacing:-.01em;color:var(--ink);font-size:1.25rem;font-weight:700}.value__card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.65}@media (width>=768px){.value__grid{grid-template-columns:repeat(3,1fr)}}.final-cta{padding:var(--space-10) 0;background:linear-gradient(180deg, var(--surface-2) 0%, color-mix(in srgb, var(--cta) 6%, var(--surface-2)) 100%);border-top:1px solid var(--border);text-align:center}.final-cta__inner{max-width:640px;margin:0 auto}.final-cta h2{margin:0 0 var(--space-4);letter-spacing:-.025em;color:var(--ink);font-size:clamp(1.875rem,4.5vw,2.5rem);font-weight:800}.final-cta p{margin:0 0 var(--space-6);color:var(--muted);font-size:1.125rem;line-height:1.6}.final-cta__actions{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.final-cta__secondary{color:var(--ink);font-size:1rem;font-weight:500;text-decoration:none;transition:color .15s}.final-cta__secondary:hover{color:var(--cta)}@media (width>=480px){.final-cta__actions{flex-direction:row;justify-content:center}}[data-theme=dark] .hero__label{background:color-mix(in srgb, var(--cta) 18%, transparent)}[data-theme=dark] .hero__visual-card,[data-theme=dark] .how__card,[data-theme=dark] .value__card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .trust-bar,[data-theme=dark] .genres,[data-theme=dark] .final-cta{background:var(--surface-2)}[data-theme=dark] .genres__search input,[data-theme=dark] .genres__chips a{background:var(--surface);border-color:var(--border);color:var(--ink)}[data-theme=dark] .genres__chips a:hover{background:color-mix(in srgb, var(--cta) 15%, var(--surface));border-color:color-mix(in srgb, var(--cta) 50%, var(--border))}@media (width<=767px){.hero{padding:var(--space-8) 0 var(--space-6)}.how,.genres,.value,.final-cta{padding:var(--space-8) 0}.shelf-section{padding-top:var(--space-6)}}.cover-stack{justify-content:center;align-items:center;width:100%;max-width:380px;height:420px;margin:0 auto;display:flex;position:relative}.cover-stack__item{aspect-ratio:2/3;background:var(--surface-2);width:160px;transform:rotate(var(--rotate,0deg)) translateY(0);will-change:transform;border-radius:8px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:absolute;overflow:hidden;box-shadow:0 12px 28px #0000002e,0 4px 10px #00000014}.cover-stack__item img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.cover-stack:hover .cover-stack__item{transform:rotate(var(--rotate,0deg)) translateY(-6px)}.cover-stack--empty{background:var(--surface-2);border:1px dashed var(--border);border-radius:20px;justify-content:center;align-items:center;display:flex}.cover-stack__placeholder{color:var(--muted);text-align:center;padding:24px;font-size:.9375rem}@media (width>=640px){.cover-stack{max-width:420px;height:460px}.cover-stack__item{width:175px}}@media (width>=960px){.cover-stack{max-width:440px;height:480px}.cover-stack__item{width:185px}}[data-theme=dark] .cover-stack__item{box-shadow:0 12px 32px #00000073,0 4px 12px #00000040}.hero-visual--story{justify-content:center;align-items:center;display:flex}.story-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-md);text-align:center;border-radius:24px;padding:40px 32px}.story-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:flex}.story-step{flex-direction:column;align-items:center;gap:10px;display:flex}.story-icon{background:var(--surface-2);border:1px solid var(--border);width:64px;height:64px;color:var(--ink);border-radius:16px;justify-content:center;align-items:center;display:flex}.story-step span{color:var(--muted);font-size:.8125rem;font-weight:500}.story-arrow{color:var(--muted);opacity:.7;align-items:center;margin-top:-18px;display:flex}.story-caption{color:var(--ink);margin:0;font-size:.9375rem;font-weight:600}@media (width>=960px){.story-card{padding:48px 40px}}[data-theme=dark] .story-icon{background:var(--surface);color:var(--ink)}.cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fff,#f0f9ff)}.cta__inner{justify-content:center;align-items:center;gap:10px;padding:26px 0;display:grid}.join{padding-right:var(--space-2);flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.join input{border:1px solid var(--border);border-radius:10px;flex:1;min-width:180px;max-width:400px;padding:10px 12px}.hint{font-size:13px}.footer{padding:var(--space-9) 0}.footer__grid{align-items:start;gap:12px;display:grid}.footer__links{grid-template-columns:repeat(2,auto);gap:6px;margin:0;padding:0;display:grid}.footer__links a{color:inherit;text-decoration:none}.logo--small .logo__mark{width:20px;height:20px}.footer__copy{color:var(--muted);margin:0}@media (width>=760px){.footer__grid{grid-template-columns:2fr 2fr 1fr;align-items:center}}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.browse{padding:var(--space-7) 0;background:var(--surface-2)}.browse__header{text-align:center;margin-bottom:var(--space-6)}.browse__header h1{margin-bottom:var(--space-2);font-size:clamp(28px,4vw,36px)}.browse__header p{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.1rem}.browse__content{gap:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=960px){.browse__content{grid-template-columns:250px 1fr}}.filters{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm);background:#fff}@media (width<=959px){.filters{z-index:100;border-radius:var(--radius) var(--radius) 0 0;height:80vh;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.filters.open{transform:translateY(0)}}.filter-group{margin-bottom:var(--space-4)}.filter-group label{margin-bottom:var(--space-2);color:var(--ink);font-weight:600;display:block}.filter-group select,.filter-group input[type=search]{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:10px;font-size:1rem}.filter-group select[multiple]{height:120px}.checkbox-group label{margin-bottom:var(--space-2);display:block}.dual-select{gap:var(--space-2);display:flex}.dual-select select{flex:1}#friends-dropdown{margin-top:var(--space-2);width:100%}.desktop-search{display:none}@media (width>=960px){.desktop-search{display:block}}.mobile-filter-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.mobile-filter-bar input{padding:var(--space-3);border:1px solid var(--border);border-radius:10px;flex:1}.filter-btn,.search-btn{padding:var(--space-3) var(--space-4)}@media (width>=960px){.mobile-filter-bar{display:none}}.filter-overlay{opacity:0;pointer-events:none;z-index:99;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.filter-overlay.open{opacity:1;pointer-events:auto}.browse-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-3);background:#fff;flex-direction:column;display:flex}.browse-card__link{color:inherit;flex:1;text-decoration:none}.browse-card__cover{object-fit:cover;width:100%;height:200px;margin-bottom:var(--space-3);border-radius:6px}.browse-card__title{margin-bottom:var(--space-1);font-size:1.2rem}.browse-card__author{color:var(--muted);margin-bottom:var(--space-2);font-size:1rem}.browse-card__isbn,.browse-card__type,.browse-card__pubdate{margin-bottom:var(--space-1);color:var(--muted);font-size:.9rem}.browse-card__rating{color:#f59e0b;margin-bottom:var(--space-2);font-size:1rem}.star{color:#f59e0b}.star--off{color:#e5e7eb}.half{width:.5em;display:inline-block;position:relative;overflow:hidden}.half:before{content:"★";color:#f59e0b;position:absolute;left:-.5em}.browse-card__order{width:100%;margin-top:auto}.browse-card:hover{box-shadow:var(--shadow-md)}.genre-accordions{border:1px solid var(--border);background:#fff;border-radius:10px;max-height:300px;overflow-y:auto}.genre-accordions details{border-bottom:1px solid var(--border)}.genre-accordions details:last-child{border-bottom:none}.genre-accordions summary{padding:var(--space-3);cursor:pointer;font-weight:600;list-style:none}.genre-accordions summary::-webkit-details-marker{display:none}.genre-accordions .checkbox-group{padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.genre-accordions .checkbox-group label{margin-bottom:var(--space-1)}#genre-group{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;font-size:1rem;transition:border-color .2s}#genre-group:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #2563eb33}#genre-group:hover{border-color:var(--primary)}.pricing-hero{padding:var(--space-9) 0;text-align:center;background:linear-gradient(#f8fafc 0%,#fff 100%)}.pricing-hero__title{margin:0 0 var(--space-3);font-size:clamp(2.5rem,5vw,3.5rem)}.pricing-hero__lead{max-width:720px;margin:0 auto;font-size:1.2rem}.pricing{padding:var(--space-9) 0}.pricing__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1100px;margin:0 auto;display:grid}.plan{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;display:flex;overflow:hidden}.plan--standard .plan__header{background:#3b82f6}.plan--limited .plan__header{background:#c026d3}.plan--list .plan__header{background:#22c55e}.plan__header{color:#fff;padding:var(--space-5) var(--space-4);text-align:center}.plan__header h2{margin:0 0 var(--space-2);font-size:1.4rem;font-weight:600}.plan__price{font-size:2rem;font-weight:700}.plan__body{padding:var(--space-4);text-align:center;flex:1}.plan__tagline{margin:0 0 var(--space-4);color:var(--ink);font-size:1.1rem}.plan__features{text-align:left;max-width:220px;margin:0 auto}.plan__features li{margin-bottom:var(--space-2);padding-left:1.5em;position:relative}.plan__features li:before{content:"✓";color:var(--cta);font-weight:700;position:absolute;left:0}.plan__footer{padding:var(--space-4);background:var(--surface-2)}.plan__cta{justify-content:center;width:100%}.pricing-cta{text-align:center;padding:var(--space-9) 0;background:var(--surface-2)}.btn--large{padding:.9rem 2rem;font-size:1.25rem}@media (width>=768px){.pricing__grid{grid-template-columns:repeat(3,1fr)}}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow-md);padding:52px 44px}.auth-header{text-align:center;margin-bottom:44px}.auth-title{margin:0 0 10px;font-size:32px;font-weight:700}.auth-subtitle{color:var(--muted);font-size:1.05rem;line-height:1.5}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input{border:1px solid var(--border);border-radius:12px;width:100%;padding:15px 18px;font-size:1.05rem}.form-group input:focus{border-color:var(--cta);box-shadow:0 0 0 4px #0ea5e91f}.select-wrapper select{border:1px solid var(--border);background-color:var(--surface);width:100%;color:inherit;appearance:none;border-radius:12px;padding:15px 44px 15px 18px;font-size:1.05rem}.select-wrapper select:focus{border-color:var(--cta);outline:none;box-shadow:0 0 0 4px #0ea5e91f}.select-wrapper select:disabled{opacity:.6;cursor:not-allowed}.select-icon{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-group .show-password-toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:12px;margin-bottom:0;font-size:.95rem;font-weight:400;display:flex}.form-group .show-password-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--cta);cursor:pointer;margin:0}.password-requirements{color:var(--muted,#666);margin:0 0 24px;padding:0;font-size:.9rem;list-style:none}.password-requirements li{margin-bottom:6px;padding-left:20px;position:relative}.password-requirements li:before{content:"•";color:var(--muted,#666);position:absolute;left:0}.auth-cta-wrapper{margin-top:(var(--space-2));text-align:center;justify-content:center;display:flex}.auth-cta-btn{text-align:center;justify-content:center;align-items:center;min-width:220px;padding:16px 32px;display:flex;width:auto!important}.social-btn{border:1px solid var(--border);background:#fff;gap:12px;min-width:260px;margin:0 auto;padding:14px 24px;display:block;width:auto!important}.divider{text-align:center;color:var(--muted);margin:40px 0 28px;position:relative}.divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:var(--surface);padding:0 20px}.auth-links{text-align:center;margin-top:40px;font-size:1.02rem}.text-link{color:var(--cta);font-weight:600}@media (width<=640px){.auth-card{padding:40px 24px}}.alert{border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;font-size:.95rem;display:flex}.alert--error{color:#b91c1c;background:#ef444414;border-color:#ef444440}.alert--success{color:#15803d;background:#22c55e14;border-color:#22c55e40}.alert__close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1}.alert__close:hover{opacity:1}.email-status{align-items:center;gap:6px;margin-top:6px;font-size:.875rem;display:flex}.status-icon{font-size:1rem}.code-inputs{justify-content:center;gap:12px;margin-top:24px;margin-bottom:32px;display:flex}.code-input{text-align:center;border:1px solid var(--border);background:var(--surface);width:52px;height:60px;color:var(--ink);border-radius:12px;font-size:1.5rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.code-input:focus{border-color:var(--cta);outline:none;box-shadow:0 0 0 4px #0ea5e91f}.code-input:disabled{opacity:.6;cursor:not-allowed}.resend-btn{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.resend-cooldown{color:var(--muted);font-weight:500}@media (width<=640px){.code-inputs{gap:8px}.code-input{width:44px;height:52px;font-size:1.3rem}}@media (width<=380px){.code-inputs{gap:6px}.code-input{width:40px;height:48px;font-size:1.2rem}}.step-progress{margin-bottom:36px}.step-progress__bar{justify-content:center;align-items:flex-start;width:100%;max-width:420px;margin:0 auto;display:flex}.step-item{text-align:center;flex-direction:column;flex:none;align-items:center;min-width:0;display:flex}.step-dot{border:2px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.step-dot.active,.step-dot.completed{border-color:var(--cta);background:var(--cta);color:#fff}.step-line{background:var(--border);flex:1 1 0;min-width:12px;height:2px;margin-top:15px;transition:background .2s}.step-line.completed{background:var(--cta)}.step-label{color:var(--muted);word-break:break-word;max-width:90px;margin-top:10px;font-size:.8rem;line-height:1.25}.step-label.active{color:var(--cta);font-weight:600}@media (width<=480px){.step-label{display:none}.step-line{min-width:8px}}.member-layout{flex-direction:column;min-height:100vh;display:flex}.dashboard-wrapper{margin-top:74px}.main-content{background:var(--surface-2);flex:1;min-height:calc(100vh - 74px);padding:32px 24px 40px;transition:margin-left .25s}@media (width>=960px){.main-content{margin-left:260px}.dashboard-wrapper.sidebar-collapsed .main-content{margin-left:0}}.desktop-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:20;width:260px;padding:20px 14px;display:none;position:fixed;top:74px;bottom:0;left:0;overflow-y:auto}@media (width>=960px){.desktop-sidebar{display:block}}.member-header{z-index:1100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:74px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.member-header__inner{justify-content:space-between;align-items:center;max-width:1280px;height:60px;margin:0 auto;padding:0 12px;display:flex}.logo-container{flex-shrink:0}.site-logo{object-fit:contain;width:auto;max-width:170px;height:42px}@media (width<=480px){.site-logo{max-width:140px;height:38px}}.member-search{flex:1;gap:8px;max-width:420px;display:flex}.search-input{border:1px solid var(--border);border-radius:12px;flex:1;padding:9px 12px;font-size:.95rem}.header-search-btn{color:var(--ink);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.header-search-btn:hover{background:var(--surface-2)}.user-avatar .avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:32px;height:32px}.search-btn{white-space:nowrap;padding:9px 14px}@media (width<=640px){.member-search{display:none}}.member-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.user-info{align-items:center;gap:6px;display:flex}.user-name{color:var(--ink);font-weight:600;display:none}.logout-icon{cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.logout-icon:hover{color:var(--cta);background:var(--surface-2)}.logout-icon:active{transform:scale(.95)}.logout-btn{display:none}@media (width>=768px){.logout-icon{display:none}.logout-btn{display:inline-flex}.user-name{display:block}.member-search{display:flex}}.mobile-menu-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:8px;font-size:1.75rem;display:flex}@media (width>=960px){.mobile-menu-btn{display:none}.mobile-menu-btn.show-on-desktop{display:flex!important}}.sidebar{background:var(--surface);padding:20px 16px}.welcome-box{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:14px 14px 16px}.welcome-box h3{color:var(--ink);margin:0 0 14px;font-size:1.05rem;font-weight:600;line-height:1.35}.nav-section{margin-bottom:28px}.member-stats{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.stat-item{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 4px}.stat-item span{color:var(--muted);margin-bottom:3px;font-size:.7rem;font-weight:500;display:block}.stat-item strong{color:var(--ink);font-size:.9rem;font-weight:700}.section-header{text-align:left;width:100%;color:var(--brand);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.95rem;font-weight:700;display:flex}.section-header:hover{background:var(--surface-2)}.nav-links{flex-direction:column;gap:4px;margin-top:6px;display:flex}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:var(--muted);border-radius:11px;align-items:center;gap:12px;padding:11px 14px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.sidebar-link svg{opacity:.85;flex-shrink:0}.sidebar-link span{line-height:1.2}.sidebar-link.active svg{opacity:1;color:var(--cta)}.mobile-sidebar-overlay{z-index:1200;background:#0000008c;display:flex;position:fixed;inset:0}.mobile-sidebar{background:var(--surface);z-index:1210;flex-direction:column;width:280px;height:100%;max-height:100dvh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:6px 0 25px #00000040}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 18px 16px;display:flex}.mobile-sidebar-header h3{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:1.5rem;line-height:1;transition:color .15s,background .15s}.close-btn:hover{color:var(--ink);background:var(--surface-2)}.mobile-sidebar .sidebar-nav{-webkit-overflow-scrolling:touch;flex:1;padding:12px 14px 24px;overflow-y:auto}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:1000;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000014}.bottom-nav-link{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:10px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-link span:first-child{margin-bottom:3px;font-size:1.55rem}.bottom-nav-link.active,.bottom-nav-link:hover{color:var(--cta)}.bottom-nav-post{z-index:10;margin-bottom:env(safe-area-inset-bottom,0px);position:relative;top:-18px}.post-button{background:var(--cta);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;box-shadow:0 4px 14px #0ea5e966}.post-button:hover{transform:scale(1.08);box-shadow:0 6px 16px #0ea5e980}@media (width>=960px){.bottom-nav{display:none}}.bottom-nav.show-on-desktop{display:flex!important}@media (width>=960px){.bottom-nav:not(.show-on-desktop){display:none}}.bottom-nav.hide-labels .bottom-nav-link{gap:0;padding:10px 0}.bottom-nav.hide-labels .bottom-nav-link svg{margin-bottom:0}.desktop-sidebar.collapsed{display:none!important}.profile-dropdown{position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:300;border-radius:12px;min-width:180px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.dropdown-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--surface-2)}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.logout-item{color:#ef4444}.logout-item:hover{background:#fee2e2}.member-dashboard-content{width:100%;margin:0}.theme-toggle{border:1px solid var(--border);color:var(--ink);cursor:pointer;will-change:transform, background-color;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s,border-color .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--surface-2);border-color:var(--cta);transform:scale(1.05)}.card,.btn,.sidebar-link,.theme-toggle{will-change:transform, opacity}.card:hover,.btn:hover{transform:translateY(-2px)}.sidebar-link.active{transition:none}.settings-content{margin-top:8px}.genre-list-settings{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;max-height:520px;padding:12px;overflow-y:auto}.genre-parent{margin-bottom:8px}.genre-parent summary{background:var(--surface);cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;list-style:none;display:flex}.genre-parent summary::-webkit-details-marker{display:none}.genre-parent summary:before{content:"▸";width:16px;color:var(--muted,#888);flex-shrink:0;transition:transform .15s;display:inline-block}.genre-parent[open]>summary:before{transform:rotate(90deg)}.genre-summary{align-items:center;gap:10px;width:100%;display:flex}.genre-summary .genre-name{flex:1;min-width:0}.genre-summary .genre-checkbox{flex-shrink:0;align-items:center;margin:0;padding:0;display:flex}.genre-summary .genre-checkbox input[type=checkbox]{width:16px;height:16px;margin:0}.genre-options{flex-direction:column;gap:4px;margin-top:6px;padding-left:18px;display:flex}.genre-option{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-weight:400;display:flex}.genre-option .genre-name{flex:1;min-width:0;line-height:1.3}.genre-option .genre-checkbox{flex-shrink:0;align-items:center;margin:0;padding:0;display:flex}.genre-option .genre-checkbox input[type=checkbox]{width:16px;height:16px;margin:0}.genre-option:hover{background:var(--surface)}.genre-options .genre-parent{margin-bottom:4px}.genre-options .genre-parent summary{background:0 0;padding:8px 12px;font-weight:500}.genre-options .genre-parent summary:hover{background:var(--surface)}.genre-search-input-settings{border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:16px;padding:14px 16px;font-size:1rem}.member-form .form-group{margin-bottom:24px}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:12px;line-height:1.3;display:flex}.checkbox-row input[type=checkbox]{flex-shrink:0;align-self:center;width:16px;height:16px;margin:0 10px 0 0;padding:0}.checkbox-list{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.section-title{margin-top:32px;margin-bottom:16px;font-size:1.1rem;font-weight:600}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:2rem;padding:2rem}.settings-section h2{color:var(--brand);margin-top:0;margin-bottom:1.25rem;font-size:1.4rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--ink);margin-bottom:6px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);border-radius:10px;padding:12px 14px;font-size:1rem}.form-group small{color:var(--muted);margin-top:6px;font-size:.85rem;display:block}.settings-section button{margin-top:1rem}.genre-grid{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-height:520px;padding:16px;display:grid;overflow-y:auto}.tab-content{padding-top:1.5rem}.tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:28px;padding-bottom:6px;display:flex;overflow-x:auto}.tab-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;padding:14px 18px;font-size:.96rem;font-weight:600;transition:all .2s}.tab-button:hover{color:var(--ink);background:var(--surface-2)}.tab-button.active{color:var(--cta);border-bottom:3px solid var(--cta);background:var(--surface)}.tab-content{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);min-height:420px;padding:32px}.s2-fullscreen{z-index:1000;background:var(--bg);padding-bottom:72px;position:fixed;inset:0;overflow:hidden auto}.s2-close-btn{z-index:10;background:var(--surface-2);width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;position:absolute;top:20px;right:12px}.s2-close-btn:hover{background:var(--border);transform:scale(1.05)}.s2-fullscreen .s2-page{min-height:auto;padding-bottom:24px}.s2-page{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;border-radius:var(--card-radius);min-height:100%;padding:0 0 48px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;overflow-x:hidden}.s2-header{max-width:1100px;margin:0 auto;padding:24px 20px 8px;position:relative}.s2-large-title{letter-spacing:-.4px;color:var(--ink);margin:0;font-size:32px;font-weight:700;line-height:1.15}.s2-layout{box-sizing:border-box;gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.s2-sidebar{flex-direction:column;flex:0 0 220px;align-self:flex-start;gap:4px;padding-top:4px;display:flex;position:sticky;top:24px}.s2-nav-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.s2-nav-item:hover{background:var(--surface-2)}.s2-nav-item--active,.s2-nav-item--active:hover{background:var(--cta);color:#fff}.s2-nav-icon{opacity:.9;flex-shrink:0}.s2-nav-item--active .s2-nav-icon{opacity:1}.s2-content{flex:1;min-width:0}.s2-content-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:680px;box-shadow:var(--shadow-sm);padding:24px}.s2-group{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:20px;overflow:hidden}.s2-group:last-of-type{margin-bottom:0}.s2-group-header{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0;padding:14px 16px 6px;font-size:13px;font-weight:600}.s2-section-title{letter-spacing:-.3px;color:var(--ink);margin:0 0 20px;font-size:22px;font-weight:600}.s2-section-desc{color:var(--muted);max-width:52ch;margin:-8px 0 24px;font-size:15px;line-height:1.45}.s2-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;min-height:48px;padding:13px 16px;display:flex}.s2-row:last-child{border-bottom:none}.s2-row--stacked{flex-direction:column;align-items:stretch;gap:8px;padding-top:14px;padding-bottom:14px}.s2-row--toggle{justify-content:space-between}.s2-label{color:var(--ink);flex-shrink:0;min-width:140px;font-size:15px;font-weight:500}.s2-row--stacked .s2-label{min-width:0}.s2-control{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.s2-toggle-text{flex-direction:column;gap:2px;display:flex}.s2-input,.s2-textarea,.s2-select{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--border);appearance:none;border:none;border-radius:10px;outline:none;margin:0;padding:10px 12px;font-family:inherit;font-size:15px}.s2-input::placeholder,.s2-textarea::placeholder{color:var(--muted);opacity:.7}.s2-input:focus,.s2-textarea:focus,.s2-select:focus{border-color:var(--cta);box-shadow:0 0 0 3px #0ea5e91f}.s2-textarea{resize:vertical;min-height:88px;line-height:1.45}.s2-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;padding-right:20px}[data-theme=dark] .s2-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E")}.s2-static{color:var(--muted);font-size:15px}.s2-footnote{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.s2-footnote--top{padding:12px 16px 4px}.s2-status{align-items:center;gap:5px;margin-top:4px;font-size:13px;display:inline-flex}.s2-status--success{color:#16a34a}.s2-status--pending{color:var(--muted)}.s2-muted{color:var(--muted);margin:0;padding:16px;font-size:15px}.s2-search-wrap{padding:8px 16px 12px}.s2-search{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:10px 14px!important}.s2-switch-wrap{cursor:pointer;flex-shrink:0;width:51px;height:31px;display:inline-block;position:relative}.s2-switch{opacity:0;width:0;height:0;position:absolute}.s2-switch-slider{background:var(--border);border-radius:31px;transition:background .2s;position:absolute;inset:0}.s2-switch-slider:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.s2-switch:checked+.s2-switch-slider{background:var(--cta)}.s2-switch:checked+.s2-switch-slider:before{transform:translate(20px)}.s2-genre-list{max-height:480px;padding:4px 0 12px;overflow-y:auto}.s2-genre-parent{margin:0}.s2-genre-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:500;list-style:none;display:flex}.s2-genre-summary::-webkit-details-marker{display:none}.s2-genre-summary:before{content:"▸";width:14px;color:var(--muted);margin-right:4px;transition:transform .15s;display:inline-block}.s2-genre-parent[open]>.s2-genre-summary:before{transform:rotate(90deg)}.s2-genre-name{flex:1;min-width:0}.s2-genre-children{padding-left:20px}.s2-genre-leaf{justify-content:space-between;align-items:center;gap:12px;padding:9px 16px 9px 34px;font-size:15px;display:flex}.s2-nav-picker{flex-direction:column;gap:0;display:flex}.s2-nav-option{border-bottom:1px solid var(--border);will-change:transform;backface-visibility:hidden;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.s2-nav-option--moved{background:color-mix(in srgb, var(--cta) 14%, transparent);animation:.45s s2-nav-flash;transform:scale(1.02)}@keyframes s2-nav-flash{0%{background:color-mix(in srgb, var(--cta) 22%, transparent);transform:scale(1.03)}to{background:0 0;transform:scale(1)}}.s2-nav-option:last-child{border-bottom:none}.s2-nav-option-label{cursor:pointer;flex:1;align-items:center;gap:10px;font-size:15px;display:flex}.s2-nav-option-label input{width:18px;height:18px;accent-color:var(--cta)}.s2-nav-controls{gap:4px;display:flex}.s2-icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--ink);border-radius:8px;font-size:13px}.s2-icon-btn:disabled{opacity:.35;cursor:default}.s2-preview{color:var(--muted);margin:0;padding:12px 16px 16px;font-size:13px}.s2-actions{padding:20px 0 4px}.s2-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:11px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,opacity .15s,box-shadow .15s}.s2-btn--primary{background:var(--cta);border-color:var(--cta);color:#fff}.s2-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.s2-btn--primary:disabled{opacity:.5;cursor:default}@media (width<=820px){.s2-page{overflow-x:hidden}.s2-layout{flex-direction:column;gap:0;width:100%;max-width:100%;padding:0}.s2-header{padding:16px 16px 20px}.s2-large-title{font-size:26px}.s2-sidebar{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;flex-flow:row;flex:none;gap:8px;width:100%;max-width:100%;margin:0 0 12px;padding:12px 16px;position:sticky;top:0;overflow:auto hidden}.s2-sidebar::-webkit-scrollbar{display:none}.s2-nav-item{white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:none;width:auto;max-width:none;padding:8px 16px;font-size:14px}.s2-nav-item:hover{background:var(--surface-2)}.s2-nav-item--active{background:var(--cta);border-color:var(--cta);color:#fff}.s2-nav-icon{display:none}.s2-content{box-sizing:border-box;width:100%;max-width:100%;padding:0 16px 24px}.s2-content-inner{border-radius:var(--radius);box-sizing:border-box;width:100%;max-width:100%;padding:20px 16px}.s2-section-title{margin-top:0;font-size:20px}.s2-label{min-width:110px}}@media (width<=480px){.s2-row{flex-direction:column;align-items:stretch;gap:6px;padding:14px 16px}.s2-row--toggle{flex-direction:row;align-items:center}.s2-label{min-width:0}}.s2-address-card{padding:0;overflow:hidden}.s2-address-summary{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:background .15s;display:flex}.s2-address-summary:hover{background:color-mix(in srgb, var(--surface-2) 88%, var(--ink) 4%)}.s2-address-summary-main{flex:1;min-width:0}.s2-address-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.s2-address-name{color:var(--ink);font-size:15px;font-weight:600}.s2-address-badge{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--cta) 18%, transparent);color:var(--cta);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.s2-address-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.s2-address-chevron{color:var(--muted);flex-shrink:0;align-items:center;display:flex}.s2-address-form{border-top:1px solid var(--border);padding-bottom:4px}.s2-address-actions{justify-content:flex-end;padding:12px 16px 16px;display:flex}.s2-address-toolbar{margin:8px 0 4px}.s2-btn--secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}.s2-btn--secondary:hover:not(:disabled){background:var(--surface-2);box-shadow:var(--shadow-sm)}.s2-btn--danger-outline{border-color:color-mix(in srgb, #dc2626 35%, var(--border));color:#dc2626;background:0 0;padding:8px 14px;font-size:14px}.s2-btn--danger-outline:hover:not(:disabled){background:#dc262614}.s2-section-header-row{margin-bottom:18px}@media (width<=480px){.s2-address-summary{padding:14px}.s2-address-actions{justify-content:stretch}.s2-address-actions .s2-btn{justify-content:center;width:100%}}.otp-modal-overlay{z-index:1000;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .otp-modal-overlay{background:#000000b3}.otp-modal{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-md);overflow:hidden}.otp-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.otp-modal-body{padding:var(--space-5) var(--space-5) var(--space-6)}.otp-modal-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.otp-modal-close:hover{background:var(--surface-3);color:var(--ink)}.otp-modal-close:active{background:var(--surface-2)}.otp-modal-desc{margin:0 0 var(--space-5);color:var(--muted);font-size:.95rem;line-height:1.5}.otp-modal-desc strong{color:var(--ink)}.otp-error{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);color:#dc2626;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;font-size:.9rem}[data-theme=dark] .otp-error{color:#f87171;background:#ef44442e;border-color:#ef444466}.otp-modal-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}@media (width<=380px){.otp-modal-actions{flex-direction:column}.otp-modal-actions .btn{justify-content:center;width:100%}}.post-books-container{margin-top:24px}.post-books-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.post-tab{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:12px 20px;font-weight:500}.post-tab.active{background:var(--cta);color:#fff;border-color:var(--cta)}.settings-section{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:28px}.email-status{color:var(--muted);margin-top:6px;font-size:.9rem;display:block}.checkbox-label{cursor:pointer;color:var(--ink);align-items:center;gap:10px;margin:16px 0;display:flex}.sidebar-link{padding:10px}.sidebar-link.active{background:var(--surface-2);color:var(--cta);font-weight:700}.secondary-tabs{margin-bottom:20px}.secondary-tabs .tab-button{background:var(--surface-2);padding:10px 18px;font-size:.95rem}.secondary-tabs .tab-button.active{background:var(--cta);color:#fff}.discover-page h1{margin-bottom:1.5rem}.discover-layout{grid-template-columns:280px 1fr;gap:2rem;margin-top:1rem;display:grid}@media (width<=960px){.discover-layout{grid-template-columns:1fr}}.search-bar-large{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1.5rem;padding:12px;display:flex}.search-main{flex:1;min-width:280px}.search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);border-radius:12px;padding:12px 16px;font-size:1rem}.search-controls{flex-wrap:wrap;gap:8px;display:flex}.search-controls select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:.95rem}.view-toggle{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.view-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:10px 12px;transition:all .2s}.view-btn.active,.view-btn:hover{background:var(--surface-2);color:var(--cta)}.quick-categories__title{color:var(--muted);letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:600}.quick-category-grid{flex-wrap:wrap;gap:10px;display:flex}.quick-category-chip{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:50px;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.quick-category-chip:hover{background:var(--surface-2);border-color:var(--cta);transform:translateY(-1px)}.book-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:fit-content;padding:1.5rem;position:sticky;top:90px}.filter-title{color:var(--brand);margin-bottom:1rem;font-weight:600}.genre-list{flex-direction:column;gap:1.25rem;display:flex}.genre-category strong{color:var(--ink);margin-bottom:8px;display:block}.book-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:20px 12px;display:grid}.book-list{flex-direction:column;gap:20px;display:flex}.book-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:16px;transition:all .2s;display:flex}.book-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.book-list-image{border-radius:8px;flex-shrink:0;width:100%;height:210px;margin-bottom:12px;overflow:hidden}.book-cover{object-fit:cover;width:100%;height:100%}.book-list-content{flex:1;min-width:0}.book-list-content .book-title{margin-bottom:4px;font-size:1.1rem;line-height:1.3}.book-list-content .book-author{color:var(--muted);margin-bottom:12px}.book-description{color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.book-list-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.9rem;display:flex}.book-list-actions{align-items:center;display:flex}.book-list-actions .btn--cta{text-align:center;width:100%}.mobile-filter-sheet{background:var(--surface);border-top:1px solid var(--border);z-index:1100;border-radius:20px 20px 0 0;flex-direction:column;max-height:85vh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #0003}.mobile-filter-sheet.open{transform:translateY(0)}.sheet-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sheet-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.sheet-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;padding:16px 20px}.sheet-backdrop{z-index:1090;background:#0009;position:fixed;inset:0}.desktop-only{display:none}.mobile-only{display:block}@media (width>=960px){.desktop-only{display:block}.mobile-only,.mobile-filter-sheet{display:none}}.genre-search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);border-radius:10px;margin-bottom:1rem;padding:10px 14px}.genre-list{max-height:600px;padding-bottom:20px;padding-right:8px;overflow-y:auto}.genre-category{margin-bottom:1.25rem}.genre-category strong{color:var(--brand);margin-bottom:8px;font-size:1rem;display:block}.genre-options{flex-direction:column;gap:6px;padding-left:12px;display:flex}.member-page{padding:8px 0 80px}.member-page h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(1.6rem,4vw,1.9rem);font-weight:700}.member-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:28px;padding-bottom:6px;display:flex;overflow-x:auto}.member-tab{color:var(--muted);cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:9999px;flex-shrink:0;padding:9px 18px;font-size:.925rem;font-weight:500;transition:color .18s;position:relative}.member-tab:hover{color:var(--ink)}.member-tab.active{color:#fff}.member-tab-pill,.member-tab-pill--static{background:var(--cta);z-index:0;border-radius:9999px;position:absolute;inset:0}.member-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:28px 28px 32px}.member-section h2{color:var(--ink);margin:0 0 6px;font-size:1.25rem;font-weight:700}.member-section h3{color:var(--ink);margin:28px 0 14px;font-size:1.05rem;font-weight:600}.groups-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.create-group-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.member-input{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;outline:none;min-width:200px;padding:9px 12px;font-family:inherit;font-size:.925rem}.member-input:focus{border-color:var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 18%, transparent)}.member-select{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.925rem}.member-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:9px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.member-btn--primary{background:var(--cta);color:#fff}.member-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md,0 4px 12px #0000001f)}.member-btn--primary:disabled{opacity:.5;cursor:default}.member-btn--ghost{border-color:var(--border);color:var(--ink);background:0 0}.member-btn--ghost:hover{background:var(--surface-2,#f4f4f5)}.member-btn--danger{color:#fff;background:#dc2626}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:8px;display:grid}.group-card{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:14px;flex-direction:column;padding:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.group-card:hover{border-color:color-mix(in srgb, var(--cta) 45%, var(--border));box-shadow:0 4px 14px #0000000f}.group-card--active{border-color:var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 18%, transparent)}.group-card__covers{height:72px;margin-bottom:12px;position:relative}.group-card__cover{background:var(--surface-2);border-radius:6px;width:48px;height:72px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 2px 8px #00000026}.group-card__cover img{object-fit:cover;width:100%;height:100%;display:block}.group-card__cover-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);width:100%;height:100%}.group-card__empty{width:100%;height:100%;color:var(--muted);background:var(--surface-2,#f4f4f5);border-radius:8px;justify-content:center;align-items:center;display:flex}.group-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.group-card__title-row{align-items:center;gap:6px;min-width:0;display:flex}.group-card__type-icon{color:var(--muted);flex-shrink:0}.group-card__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.group-card__count{color:var(--muted);font-size:.8rem}.group-card__delete{width:28px;height:28px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.group-card:hover .group-card__delete{opacity:1}.group-card__delete:hover{color:#dc2626;background:#dc26261f}.active-group-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.group-type-pill{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--cta) 14%, transparent);color:var(--cta);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.group-type-pill--wishlist{color:#e11d48;background:#e11d4824}.member-modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.member-modal{background:var(--surface);border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 40px #0000002e}.member-modal--wide{max-width:520px}.member-modal h3{margin:0 0 8px;font-size:1.15rem}.member-modal p{margin:0 0 20px;line-height:1.45}.member-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.member-modal-header h3{margin:0}.member-modal-actions{justify-content:flex-end;gap:10px;display:flex}.add-books-list{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;max-height:360px;margin-bottom:20px;padding:8px;display:flex;overflow-y:auto}.add-books-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s;display:flex}.add-books-item:hover{background:var(--surface-2,#f4f4f5)}.add-books-item--selected{background:color-mix(in srgb, var(--cta) 12%, transparent)}.add-books-item input{width:16px;height:16px;accent-color:var(--cta);flex-shrink:0}.add-books-item__cover{background:var(--surface-2);border-radius:4px;flex-shrink:0;width:36px;height:52px;overflow:hidden}.add-books-item__cover img{object-fit:cover;width:100%;height:100%;display:block}.add-books-item__placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);width:100%;height:100%}.add-books-item__info{min-width:0}.add-books-item__title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.add-books-item__author{color:var(--muted);margin-top:1px;font-size:.8rem}@media (width<=640px){.groups-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.create-group-form{width:100%}.member-input{flex:1;min-width:0}.active-group-header{flex-direction:column;align-items:flex-start}}.member-form{flex-direction:column;gap:20px;margin-top:20px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--ink);font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:11px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cta);box-shadow:0 0 0 3px color-mix(in srgb, var(--cta) 22%, transparent)}.form-group textarea{resize:vertical;min-height:110px;line-height:1.5}.form-group small{color:var(--muted);font-size:.8rem}.settings-grid{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}@media (width<=640px){.settings-grid{grid-template-columns:1fr}}.checkbox-list{flex-direction:column;gap:12px;display:flex}.checkbox-row{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.95rem;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--cta);cursor:pointer}.settings-toggle{cursor:pointer;align-items:center;gap:12px;margin-bottom:14px;font-size:.95rem;display:flex}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--cta)}.appearance-section{border-bottom:1px solid var(--border);margin-bottom:36px;padding-bottom:28px}.appearance-section:last-of-type{border-bottom:none;margin-bottom:8px}.nav-items-picker{flex-direction:column;gap:8px;margin:16px 0;display:flex}.nav-item-option{border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.nav-item-option.selected{border-color:color-mix(in srgb, var(--cta) 50%, var(--border));background:color-mix(in srgb, var(--cta) 8%, var(--surface))}.nav-item-option label{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.nav-item-controls{gap:6px;display:flex}.nav-item-controls button{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:14px;transition:all .15s}.nav-item-controls button:hover:not(:disabled){border-color:var(--cta);color:var(--cta)}.nav-item-controls button:disabled{opacity:.35;cursor:not-allowed}.selected-preview{background:var(--surface-2);color:var(--muted);border-radius:10px;margin-top:14px;padding:12px 16px;font-size:.9rem}.member-form .btn--cta,.member-section>.btn--cta{align-self:flex-start;margin-top:8px;padding:12px 22px}.email-status{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.status-icon--success{color:#22c55e}.status-icon--pending{color:#f59e0b}@media (width<=640px){.member-section{padding:20px 16px 24px}.member-form{gap:18px}}.member-footer{background:var(--surface);border-top:1px solid var(--border);padding:var(--space-8) 0;margin-bottom:calc(68px + env(safe-area-inset-bottom,0px));transition:margin-left .25s}@media (width>=960px){.member-footer{margin-left:260px}.dashboard-wrapper.sidebar-collapsed~.member-footer{margin-left:0}.member-layout:has(.dashboard-wrapper.sidebar-collapsed) .member-footer{margin-left:0}}@media (width<=959px){.member-footer{margin-left:0}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex}.dashboard-header h1{margin:0;font-size:clamp(1.5rem,5vw,1.95rem)}.dashboard-tabs-container{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dashboard-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{background:var(--surface);border:1px solid var(--border);white-space:nowrap;color:var(--muted);cursor:pointer;border-radius:9999px;flex-shrink:0;padding:12px 20px;font-weight:600;transition:all .2s}.dashboard-tab:hover{background:var(--surface-2);border-color:var(--cta);color:var(--ink)}.dashboard-tab.active{background:var(--cta);color:#fff;border-color:var(--cta);box-shadow:var(--shadow-sm)}.add-tab-btn{white-space:nowrap}.edit-mode-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:20px}.tab-edit-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.tab-edit-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tab-edit-controls{gap:6px;display:flex}.tab-order-btn,.tab-toggle-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:.9rem}.tab-toggle-btn.enabled{background:var(--cta);color:#fff;border-color:var(--cta)}.dashboard-tab-content{min-height:60vh}@media (width<=640px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px 10px}.card{width:130px}.card img.card__cover{height:170px}}.book-card{list-style:none}.book-card__link{color:inherit;flex-direction:column;height:100%;text-decoration:none;transition:transform .2s;display:flex}.book-card__link:hover{transform:translateY(-4px)}.book-card__cover-wrapper{background:var(--surface-2);aspect-ratio:2/3;border-radius:10px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000002e}.book-card__link:hover .book-card__cover-wrapper{box-shadow:0 10px 28px #00000047}.book-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.book-card__link:hover .book-card__cover{transform:scale(1.04)}.book-card__info{padding:10px 2px 0}.book-card__title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card__author{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}@media (width<=640px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px 12px}.book-card__title{font-size:.85rem}.book-card__author{font-size:.75rem}}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.public-profile{max-width:960px;margin:0 auto;padding:32px 20px 60px}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-bottom:24px;padding:36px 32px}.profile-hero__main{align-items:flex-start;gap:28px;display:flex}.profile-avatar{object-fit:cover;border:3px solid var(--border);border-radius:50%;flex-shrink:0;width:110px;height:110px}.profile-name{margin:0 0 4px;font-size:1.85rem;font-weight:700}.profile-username{color:var(--muted);margin:0 0 14px;font-size:1.05rem}.profile-meta{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.meta-item{color:var(--muted);align-items:center;gap:6px;font-size:.95rem;display:flex}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-action-btn{align-items:center;gap:8px;display:inline-flex}.profile-stats{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);border-radius:12px;padding:18px 12px}.stat-value{font-size:1.6rem;font-weight:700;line-height:1.2;display:block}.stat-label{color:var(--muted);margin-top:4px;font-size:.85rem}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px;display:grid}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.profile-card__title{align-items:center;gap:8px;margin:0 0 14px;font-size:1.1rem;font-weight:600;display:flex}.profile-bio{margin:0;line-height:1.6}.profile-empty{color:var(--muted);margin:0;font-size:.98rem}.profile-tabs-container{margin-bottom:24px}.profile-tabs{border-bottom:1px solid var(--border);gap:6px;display:flex;overflow-x:auto}.profile-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 18px;font-size:.98rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.profile-tab:hover{color:var(--text)}.profile-tab.active{color:var(--cta);border-bottom-color:var(--cta);font-weight:600}.tab-count{background:var(--border);color:var(--muted);border-radius:20px;padding:2px 7px;font-size:.78rem;font-weight:600}.profile-tab.active .tab-count{color:var(--cta);background:#0ea5e926}.profile-empty-state{text-align:center;color:var(--muted);padding:60px 20px}.profile-empty-state svg{opacity:.5;margin-bottom:12px}.profile-empty-state p{margin:0;font-size:1.05rem}@media (width<=768px){.profile-hero__main{text-align:center;flex-direction:column;align-items:center}.profile-meta,.profile-actions{justify-content:center}.profile-stats{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:1fr}}@media (width<=480px){.profile-stats{grid-template-columns:repeat(2,1fr)}.public-profile{padding:20px 14px 48px}.profile-hero{padding:28px 20px}}.friends-search-section{margin-bottom:40px}.friends-search-form{flex-wrap:wrap;gap:12px;margin:16px 0 24px;display:flex}.search-input-wrapper{flex:1;min-width:220px;position:relative}.search-icon{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.friends-search-input{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;padding:12px 16px 12px 42px;font-size:1rem}.friends-search-input:focus{border-color:var(--cta);outline:none;box-shadow:0 0 0 4px #0ea5e91f}.search-results{margin-bottom:32px}.search-results h3{margin-bottom:12px;font-size:1.1rem}.friends-list-section h2{margin-bottom:16px}.person-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex}.person-card:hover{border-color:var(--cta);box-shadow:0 0 0 3px #0ea5e91a}.person-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.person-info{flex:1}.person-name{margin:0;font-size:1.05rem;font-weight:600}.person-username{color:var(--muted);margin:2px 0;font-size:.9rem}.person-books{color:var(--muted);margin:0;font-size:.85rem}.person-action-icon{color:var(--muted)}@media (width<=640px){.friends-search-form{flex-direction:column}}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100vh;margin:0;padding:0;overflow-x:hidden}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;line-height:1.55}#root{min-height:100vh}:root{--surface:#fff;--surface-container:#f8f9fa;--surface-container-high:#f1f3f4;--primary:#1a73e8;--on-primary:#fff;--on-surface:#1f1f1f;--on-surface-variant:#5f6368;--outline:#e0e0e0;--elevation-1:0 1px 2px #00000014, 0 1px 3px #0000000f;--elevation-2:0 2px 6px #00000014, 0 1px 3px #0000000f;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--bg:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--ink:#1f2937;--muted:#6b7280;--border:#e5e7eb;--brand:#8b5e34;--brand-2:#d4a373;--cta:#0ea5e9;--focus:#111827;--radius:14px;--card-radius:14px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 8px 28px #00000014;--container:1200px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:40px;--space-10:56px}[data-theme=dark]{--bg:#0b1120;--surface:#1e293b;--surface-2:#273549;--surface-3:#334155;--ink:#f8fafc;--muted:#94a3b8;--border:#334155;--brand:#d4a373;--brand-2:#8b5e34;--cta:#38bdf8;--focus:#e2e8f0;--border-subtle:#1e293b;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 8px 28px #0006}[data-theme=dark] .hero{background:linear-gradient(#1e2937,#0f172a)}[data-theme=dark] .card,[data-theme=dark] .browse-card,[data-theme=dark] .stats-card,[data-theme=dark] .collection-item,[data-theme=dark] .feature,[data-theme=dark] .plan{background:var(--surface);border-color:var(--border)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea,[data-theme=dark] .genre-accordions summary,[data-theme=dark] .chip{background:var(--surface);color:var(--ink)}[data-theme=dark] .btn--ghost,[data-theme=dark] .shelf-section--widget .shelf-header{border-color:var(--border)}[data-theme=dark] .logo-slider-section,[data-theme=dark] .logo-slider,[data-theme=dark] .pricing-hero,[data-theme=dark] .genre-accordions,[data-theme=dark] .book-list-item,[data-theme=dark] .settings-section,[data-theme=dark] .dropdown-menu,[data-theme=dark] .cta{background:var(--surface)}[data-theme=dark] .how,[data-theme=dark] .stats,[data-theme=dark] .cta-inline,[data-theme=dark] .browse,[data-theme=dark] .filters,[data-theme=dark] .genre-accordions summary:hover,[data-theme=dark] .book-details,[data-theme=dark] .nav__list a:hover,[data-theme=dark] .sidebar-link:hover{background:var(--surface-2)}[data-theme=dark] .hero h1,[data-theme=dark] .section-header h2,[data-theme=dark] .how__intro,[data-theme=dark] .how__step h3,[data-theme=dark] .how__step p,[data-theme=dark] .logo-slider-section h2,[data-theme=dark] .genre-accordions .checkbox-group label,[data-theme=dark] .close-btn,[data-theme=dark] .book-list-content .book-title,[data-theme=dark] .book-list-content .book-author,[data-theme=dark] .quick-category-chip,[data-theme=dark] .book-details__title,[data-theme=dark] .book-details__description,[data-theme=dark] .section-title{color:var(--ink)}[data-theme=dark] .member-header{box-shadow:0 2px 10px #0000004d}[data-theme=dark] .bottom-nav{box-shadow:0 -2px 12px #0009}[data-theme=dark] .post-button{box-shadow:0 4px 14px #0ea5e999}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}li{list-style:none}a{color:inherit;text-decoration:none}.container{max-width:var(--container);padding:0 var(--space-4);margin:0 auto}.btn{border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{cursor:pointer}.btn--cta{background:var(--cta);border-color:var(--cta);color:#fff}.btn--cta:hover{border-color:var(--cta);color:var(--cta);box-shadow:var(--shadow-md);background:0 0}.btn--ghost{background:0 0}.btn--ghost:hover{border-color:var(--cta);color:var(--cta);box-shadow:var(--shadow-md)}.btn--link{background:0 0;border-color:#0000}.btn--icon{padding:8px 10px}.visually-hidden{clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.empty-state{text-align:center;color:var(--muted);padding:60px 20px;font-size:1.1rem}.section-title{color:var(--ink);margin:0 0 20px;font-size:1.5rem}@media (width<=768px){.tabs{white-space:nowrap;padding-bottom:4px;overflow-x:auto}.tab-button{padding:12px 18px;font-size:.95rem}}.member-layout.settings-v2-open .main-content{margin:0;padding:0}