:root{--clubi-wine:#88013e;--clubi-cream:#fdfae7;--clubi-yellow:#ffd071;--clubi-orange:#ed6630;--clubi-bg:var(--clubi-cream);--clubi-bg-invert:var(--clubi-wine);--clubi-surface:#fefdf4;--clubi-surface-sunken:#f7eedf;--clubi-line:#edd7cf;--clubi-line-strong:#e1bebe;--clubi-line-invert:#9d2e5c;--clubi-ink:#26161d;--clubi-ink-brand:var(--clubi-wine);--clubi-ink-muted:#716664;--clubi-ink-on-invert:var(--clubi-cream);--clubi-ink-muted-on-invert:#dcb4b8;--clubi-action:var(--clubi-wine);--clubi-action-hover:#780137;--clubi-action-active:#6a0130;--clubi-action-ink:var(--clubi-cream);--clubi-accent:var(--clubi-orange);--clubi-accent-hover:#d15a2a;--clubi-accent-ink:#290013;--clubi-highlight:var(--clubi-yellow);--clubi-highlight-ink:var(--clubi-wine);--clubi-focus:var(--clubi-orange);--clubi-tint-wine:#f1e1d6;--clubi-tint-orange:#fadfc6;--clubi-tint-yellow:#fee7b2;--clubi-danger:#b83620;--clubi-danger-ink:#fff;--clubi-success:#2f6b4f;--clubi-warning:#8e3d1d;--clubi-font-display:"Clash Display", "Trebuchet MS", system-ui, sans-serif;--clubi-font-text:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:2.5rem;--text-3xl:3rem;--text-4xl:4rem;--leading-display:1;--leading-tight:1.1;--leading-snug:1.4;--leading-body:1.6;--tracking-display:0;--tracking-text:-.02em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-paper:0 1px 2px #26161d0f, 0 6px 16px #26161d14;--shadow-lifted:0 2px 4px #26161d14, 0 12px 28px #26161d1f;--container-max:1120px;--container-gutter:5vw;--measure:68ch;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--motion-ease:cubic-bezier(.2, 0, .2, 1);--clubi-wine-checker:#7f013a;--clubi-wine-deep:#5e012b;--text-6xl:6.25rem;--tracking-eyebrow:.16em;--shadow-hard-sm:3px 4px 0 0 var(--clubi-line-strong);--shadow-hard:6px 8px 0 0 var(--clubi-line-strong);--shadow-hard-invert:8px 10px 0 0 var(--clubi-wine-deep);--shadow-stamp:4px 5px 0 0 var(--clubi-accent);--checker-size:4rem;--motion-enter:.55s;--motion-stagger:80ms;--motion-ease-out:cubic-bezier(.16, 1, .3, 1);--motion-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--key-offset:4px 5px;--key-offset-lift:6px 7px;--key-lift:-2px, -2px;--key-press:4px, 5px}@font-face{font-family:Clash Display;src:url("/static/brand/fonts/ClashDisplay-Regular.34fd0cccd0f6.woff2")format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url("/static/brand/fonts/ClashDisplay-Semibold.3d4dabbe9e5a.woff2")format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url("/static/brand/fonts/Manrope-Regular.fae8df872c2f.woff2")format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url("/static/brand/fonts/Manrope-Bold.eae929a00ceb.woff2")format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--logo-src:url("/static/brand/logo-clubi.332958c332d2.svg");--logo-ratio:553.19 / 258.53;--paper-grain:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22g%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.9%22%20numOctaves%3D%222%22%20stitchTiles%3D%22stitch%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22160%22%20height%3D%22160%22%20filter%3D%22url\(%23g\)%22%2F%3E%3C%2Fsvg%3E);--tilt:1.5deg}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--clubi-bg);min-height:100dvh;color:var(--clubi-ink);font-family:var(--clubi-font-text);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking-text);flex-direction:column;margin:0;display:flex}body:after{content:"";z-index:100;pointer-events:none;opacity:.03;background-image:var(--paper-grain);position:fixed;inset:0}#root{flex-direction:column;flex:1;display:flex}main{flex:1}img{max-width:100%}:focus-visible{outline:2px solid var(--clubi-focus);outline-offset:2px}.on-invert :focus-visible{outline-color:var(--clubi-highlight)}h1,h2,h3,h4{font-family:var(--clubi-font-display);font-weight:600;line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:0}h4{font-weight:400;font-size:var(--text-lg);line-height:var(--leading-tight)}p{margin:0}a{color:var(--clubi-ink-brand);text-underline-offset:2px;text-decoration-thickness:1px}.on-invert a{color:var(--clubi-highlight)}.muted{color:var(--clubi-ink-muted)}.on-invert .muted{color:var(--clubi-ink-muted-on-invert)}.on-invert .button--quiet{color:var(--clubi-highlight)}.on-invert .button--quiet:hover,.on-invert .button--quiet:active{background:var(--clubi-line-invert)}.on-invert .notice--error,.on-invert .notice--ok{color:var(--clubi-ink-on-invert)}.container{width:100%;max-width:calc(var(--container-max) + 2 * max(var(--space-4), var(--container-gutter)));padding-inline:max(var(--space-4), var(--container-gutter));margin-inline:auto}.section{padding-block:var(--space-7)}.section+.section{border-top:1px solid var(--clubi-line)}.section--tight{padding-block-end:var(--space-6)}.section--tight+.section{padding-block-start:var(--space-6)}.section--invert{background:var(--clubi-bg-invert);color:var(--clubi-ink-on-invert);border-top:0}.section-title{font-size:var(--text-xl);color:var(--clubi-ink-brand)}.section-title+*{margin-top:var(--space-4)}@media (width>=768px){.section{padding-block:var(--space-8)}.section--tight{padding-block-end:var(--space-6)}.section--tight+.section{padding-block-start:var(--space-6)}}.brand-mark{width:clamp(104px,26vw,132px);aspect-ratio:var(--logo-ratio);-webkit-mask:var(--logo-src) center / contain no-repeat;-webkit-mask:var(--logo-src) center / contain no-repeat;mask:var(--logo-src) center / contain no-repeat;background-color:currentColor;display:block}.brand-element{color:inherit;display:block}.brand-element svg{width:100%;height:auto;display:block}.button{min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--clubi-action);color:var(--clubi-action-ink);font-family:var(--clubi-font-text);font-size:var(--text-base);letter-spacing:var(--tracking-text);cursor:pointer;transition:background var(--motion-base) var(--motion-ease);border:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.button:hover{background:var(--clubi-action-hover)}.button:active{background:var(--clubi-action-active)}.button[disabled]{cursor:progress;opacity:.7}.button--quiet{padding-inline:var(--space-3);color:var(--clubi-ink-brand);font-size:var(--text-sm);text-underline-offset:2px;background:0 0;text-decoration:underline}.button--quiet:hover,.button--quiet:active{background:var(--clubi-tint-wine)}.button--quiet[disabled]{cursor:default}.field-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;display:flex}.field-label .brand-element{flex:none;width:1.25rem}.field-number{width:6rem;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-sm);background:var(--clubi-surface-sunken);color:inherit;font:inherit;letter-spacing:inherit}.site-header{z-index:30;background:var(--clubi-bg);border-bottom:1px solid var(--clubi-line);position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.site-header__brand{color:var(--clubi-ink-brand)}.site-header__account{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.site-header__posts{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--clubi-ink-brand);font-weight:700;text-decoration:none;display:inline-flex}.site-header__posts:hover,.site-header__posts:focus-visible{text-underline-offset:2px;text-decoration:underline}@media (width<=479px){.site-header__posts{min-height:44px}}.site-header__balao{width:1.25rem;display:inline-flex;position:relative}.site-header__badge{border-radius:var(--radius-pill);background:var(--clubi-accent);min-width:1.25rem;height:1.25rem;color:var(--clubi-accent-ink);font-size:var(--text-xs);place-items:center;padding-inline:.25rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.4rem;right:-.55rem}.account-menu{position:relative}.account-menu__trigger{align-items:center;gap:var(--space-1);min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--clubi-ink-brand);font-family:var(--clubi-font-text);font-size:var(--text-sm);letter-spacing:var(--tracking-text);cursor:pointer;background:0 0;border:0;font-weight:700;display:inline-flex}.account-menu__trigger:hover,.account-menu__trigger[aria-expanded=true]{background:var(--clubi-tint-wine)}.account-menu__trigger .avatar{width:2rem;height:2rem}.account-menu__arrow{width:.875rem;display:inline-flex}.account-menu__panel{z-index:20;top:calc(100% + var(--space-2));border:1px solid var(--clubi-line);border-radius:var(--radius-sm);background:var(--clubi-surface);min-width:11rem;box-shadow:var(--shadow-lifted);position:absolute;right:0;overflow:hidden}.account-menu__item{width:100%;min-height:44px;padding:var(--space-2) var(--space-4);color:var(--clubi-ink-brand);font-family:var(--clubi-font-text);font-size:var(--text-sm);letter-spacing:var(--tracking-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;font-weight:700;text-decoration:none;display:flex}.account-menu__item:hover,.account-menu__item:focus-visible{background:var(--clubi-tint-wine)}.account-menu__panel form{border-top:1px solid var(--clubi-line)}@media (width<=479px){.account-menu__hello{display:none}}.member-search{flex:100%;order:3;position:relative}@media (width>=768px){.member-search{flex:0 22rem;order:0}}.member-search__panel{z-index:20;top:calc(100% + var(--space-2));border:1px solid var(--clubi-line);border-radius:var(--radius-sm);background:var(--clubi-surface);box-shadow:var(--shadow-lifted);margin:0;padding:0;list-style:none;position:absolute;left:0;right:0;overflow:hidden}.member-search__panel li:not(:last-child){border-bottom:1px solid var(--clubi-line)}.member-search__hit{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:inherit;text-decoration:none;display:flex}.member-search__hit:hover,.member-search__hit:focus-visible{background:var(--clubi-tint-wine)}.member-search__names{min-width:0;display:grid}.member-search__username{font-size:var(--text-sm)}.member-search__note{padding:var(--space-3);font-size:var(--text-sm);display:block}.member-search__all{color:var(--clubi-ink-brand)}.member-search__all:hover,.member-search__all:focus-visible{background:var(--clubi-tint-wine)}.site-footer{background:var(--clubi-bg-invert);color:var(--clubi-ink-on-invert);padding-block:var(--space-7)}.site-footer__inner{gap:var(--space-3);display:grid}.site-footer__brand{color:var(--clubi-ink-on-invert)}.site-footer__note{max-width:var(--measure);font-family:var(--clubi-font-display);font-size:var(--text-md);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.pick{padding-block:var(--space-8)}.pick__eyebrow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--clubi-highlight);font-size:var(--text-sm);font-weight:700;display:flex}.pick__eyebrow .brand-element{flex:none;width:2rem}.pick__inner{gap:var(--space-7);align-items:start;display:grid}@media (width>=768px){.pick__inner{gap:var(--space-8);grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:center}}.pick__cutout{width:min(15rem,62vw);position:relative}@media (width>=768px){.pick__cutout{width:100%}}.pick__cutout:before{content:"";z-index:0;inset:var(--space-3) auto auto calc(var(--space-3) * -1);border-radius:var(--radius-none);background-image:repeating-conic-gradient(var(--clubi-line-invert) 0% 25%, transparent 0% 50%);width:100%;height:100%;transform:rotate(var(--tilt));background-size:1rem 1rem;position:absolute}.pick__stamp{z-index:2;right:calc(var(--space-3) * -1);bottom:var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-none);background:var(--clubi-highlight);color:var(--clubi-highlight-ink);font-family:var(--clubi-font-display);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);box-shadow:var(--shadow-paper);transform:rotate(calc(var(--tilt) * -1));position:absolute}.pick__author{margin-top:var(--space-3);font-size:var(--text-md);line-height:var(--leading-tight);color:var(--clubi-ink-muted-on-invert)}.pick__blurb{max-width:var(--measure);margin-top:var(--space-5)}.pick__more{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.pick__more-dot{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--clubi-highlight);flex:none}@media (width<=479px){.pick__more{justify-items:start;gap:0;display:grid}.pick__more a{align-items:center;min-height:44px;display:flex}.pick__more-dot{display:none}}.pick__dates{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--clubi-ink-muted-on-invert)}.book-cover{z-index:1;aspect-ratio:2/3;border:var(--space-2) solid var(--clubi-cream);border-radius:var(--radius-lg);background:var(--clubi-surface-sunken);width:100%;box-shadow:var(--shadow-lifted);display:block;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-cover--blank{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);color:var(--clubi-ink-brand);flex-direction:column;display:flex}.pick__cutout .book-cover--blank{padding-bottom:var(--space-8)}.book-cover__title{overflow-wrap:anywhere;font-family:var(--clubi-font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.book-cover__author{font-size:var(--text-sm);color:var(--clubi-ink-muted)}.shelf .book-cover__title{font-size:var(--text-base)}.history__cover .book-cover__title{font-size:var(--text-sm)}.history__cover .book-cover__author{font-size:var(--text-xs)}.progress{max-width:var(--measure)}.progress__track{border-radius:var(--radius-pill);background:var(--clubi-tint-wine);height:.875rem;overflow:hidden}.progress__fill{border-radius:var(--radius-pill);background:var(--clubi-action);height:100%;transition:width var(--motion-slow) var(--motion-ease)}.progress__readout{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--clubi-ink-muted)}.progress__readout strong{font-size:var(--text-md);color:var(--clubi-ink)}.progress__form{gap:var(--space-2);margin-top:var(--space-6);display:grid}.progress__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.progress__finish{align-items:baseline;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.progress__finished{font-size:var(--text-sm)}.progress__rating{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--clubi-bg-invert);color:var(--clubi-ink-on-invert)}.notice{margin-top:var(--space-4);padding-left:var(--space-4);font-size:var(--text-sm);border-left:3px solid}.notice--ok{color:var(--clubi-success)}.notice--error{color:var(--clubi-danger)}.notice__label{font-weight:700}.unread-notice{align-items:center;gap:var(--space-3);padding-block:var(--space-3);display:flex}.unread-notice .notice{flex:1;margin-top:0}.unread-notice__dismiss{width:44px;height:44px;margin-block:calc(var(--space-3) * -1);border-radius:var(--radius-md);color:var(--clubi-ink-brand);cursor:pointer;transition:background var(--motion-base) var(--motion-ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.unread-notice__dismiss .brand-element{width:.8rem}.unread-notice__dismiss:hover,.unread-notice__dismiss:active{background:var(--clubi-tint-wine)}.reading-review{justify-items:start;gap:var(--space-3);margin-top:var(--space-6);display:grid}.reading-review__form{gap:var(--space-2);width:100%;max-width:var(--measure);display:grid}.reading-review__text{max-width:var(--measure);white-space:pre-wrap}.reading-review__invite{font-size:var(--text-sm)}.reading-review__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.reading-review__confirm{gap:var(--space-3);width:100%;max-width:var(--measure);padding:var(--space-4);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-md);background:var(--clubi-surface-sunken);display:grid}.reading-review__confirm-text{font-size:var(--text-sm)}.readers__intro{margin-top:var(--space-4);max-width:var(--measure);font-size:var(--text-sm)}.readers{gap:var(--space-4);max-width:var(--measure);margin:0;padding:0;list-style:none;display:grid}.readers__item{justify-items:start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--clubi-line);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-paper);display:grid}.readers__name{font-size:var(--text-sm);color:var(--clubi-ink-muted)}.readers__review{max-width:var(--measure);white-space:pre-wrap}.readers__review.is-clamped{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.readers__back{margin-top:var(--space-6);font-size:var(--text-sm)}.avatar{border:2px solid var(--clubi-cream);border-radius:var(--radius-pill);background:var(--clubi-tint-wine);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-paper);color:var(--clubi-ink-brand);object-fit:cover;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar-link{border-radius:var(--radius-pill);flex:none;display:block}.feed__heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-title{align-items:center;gap:var(--space-3);font-size:var(--text-xl);color:var(--clubi-ink-brand);display:flex}.page-title .brand-element{flex:none;width:2rem}.feed__more{margin-top:var(--space-6)}.post-list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.post-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--clubi-line);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-paper);flex-direction:column;display:flex}.post-card__header{align-items:center;gap:var(--space-3);display:flex}.post-card__author{font-weight:700}.post-card__date{font-size:var(--text-sm)}.post-card__author-link{color:inherit;text-decoration:none}.post-card__author-link:hover,.post-card__author-link:focus-visible{text-underline-offset:2px;text-decoration:underline}.post-card__title-link{color:var(--clubi-ink);text-decoration:none;display:block}.post-card__title{font-size:var(--text-lg)}.post-card__title-link:hover .post-card__title,.post-card__title-link:focus-visible .post-card__title{text-underline-offset:2px;text-decoration:underline}.post-card__book{font-size:var(--text-sm)}.post-card__body{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__images{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.post-card__images--single{grid-template-columns:minmax(0,1fr);justify-items:start}.post-card__thumb{border-radius:var(--radius-sm);cursor:zoom-in;background:0 0;border:0;width:100%;max-width:100%;padding:0;display:block}.post-card__images--single .post-card__thumb{width:auto}.post-card__images img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--clubi-line);width:100%;transition:box-shadow var(--motion-base) var(--motion-ease);display:block}.post-card__images--single img{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;max-height:26rem}.post-card__thumb:hover img,.post-card__thumb:focus-visible img{box-shadow:var(--shadow-lifted)}.post-card__manage{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-1);margin-bottom:calc(var(--space-1) - var(--space-5));border-top:1px solid var(--clubi-line);flex-wrap:wrap;display:flex}.post-card__confirm{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-md);background:var(--clubi-surface-sunken);display:grid}.post-card__confirm-text{font-size:var(--text-sm)}.post-card__confirm-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.post-detail{gap:var(--space-4);display:grid}.post-detail__title{font-size:var(--text-2xl)}.post-detail__body{max-width:var(--measure);white-space:pre-wrap}.post-detail__images{max-width:var(--measure)}.post-detail__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.post-detail__confirm{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-md);background:var(--clubi-surface-sunken);display:grid}.post-form{gap:var(--space-5);max-width:var(--measure);display:grid}.field{gap:var(--space-2);display:grid}.field-text,.field-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-sm);background:var(--clubi-surface-sunken);color:inherit;font:inherit;letter-spacing:inherit}.field-text{min-height:44px}.field-textarea{resize:vertical;min-height:8rem}.field-file{font:inherit;display:block}@media (width<=479px){.field,.photo-form__controls{min-width:0}.field-file{min-width:0;max-width:100%}}.book-picker__results{margin:var(--space-2) 0 0;border:1px solid var(--clubi-line);border-radius:var(--radius-sm);background:var(--clubi-surface);padding:0;list-style:none;overflow:hidden}.book-picker__results li:not(:last-child){border-bottom:1px solid var(--clubi-line)}.book-picker__result{justify-content:space-between;align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-3);color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.book-picker__result:hover,.book-picker__result:focus-visible{background:var(--clubi-tint-wine)}.book-picker__empty{margin-top:var(--space-2);font-size:var(--text-sm)}.book-picker__external{justify-items:start;gap:var(--space-2);margin-top:var(--space-3);display:grid}.book-picker__external>.book-picker__results{justify-self:stretch;margin-top:0}.book-picker__external-note{font-size:var(--text-sm)}.book-picker__result--external{justify-content:flex-start;align-items:center;gap:var(--space-3);flex-wrap:nowrap}.book-picker__external-cover{flex:none;width:3rem}.book-picker__external-cover .book-cover{box-shadow:var(--shadow-paper)}.book-picker__external-cover .book-cover--blank{padding:0}.book-picker__external-cover .book-cover__title,.book-picker__external-cover .book-cover__author{display:none}.book-picker__external-names{gap:var(--space-1);min-width:0;font-size:var(--text-sm);overflow-wrap:anywhere;display:grid}.book-picker__external-problem{color:var(--clubi-warning)}.book-picker__result--external[disabled]{cursor:default}.book-picker__result--external[disabled]:hover{background:0 0}.book-picker__selected{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-sm);background:var(--clubi-surface-sunken);flex-wrap:wrap;display:flex}.image-picker__list{gap:var(--space-3);margin:var(--space-3) 0 0;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.image-picker__item{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--clubi-line);position:relative;overflow:hidden}.image-picker__item img{object-fit:cover;width:100%;height:100%;display:block}.image-picker__remove{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-pill);background:var(--clubi-ink-brand);width:44px;height:44px;color:var(--clubi-ink-on-invert);box-shadow:var(--shadow-paper);cursor:pointer;border:0;place-items:center;display:grid;position:absolute}.image-picker__remove .brand-element{width:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-help{font-size:var(--text-sm)}.button--highlight,.on-invert .button--highlight{background:var(--clubi-highlight);color:var(--clubi-highlight-ink)}.button--highlight:hover,.button--highlight:active{background:var(--clubi-highlight);filter:brightness(.88)}.star-rating{gap:var(--space-2);justify-items:start;display:grid}.star-rating__bar{border-radius:var(--radius-sm);cursor:pointer;touch-action:pan-y}.star-rating__bar:focus-visible{outline:2px solid var(--clubi-focus);outline-offset:2px}.star-rating__bar[aria-disabled=true]{cursor:default;opacity:.6}.star-rating__stars{align-items:center;display:flex}.star-rating__star{width:44px;height:44px;color:var(--clubi-line);place-items:center;display:grid}.star-rating__glyphs{width:1.5rem;line-height:0;position:relative}.star-rating__fill{width:0;height:100%;color:var(--clubi-accent);position:absolute;top:0;left:0;overflow:hidden}.star-rating__fill .brand-element{width:1.5rem}.star-rating__star.is-half .star-rating__fill{width:50%}.star-rating__star.is-on .star-rating__fill{width:100%}.on-invert .star-rating__fill{color:var(--clubi-highlight)}.on-invert .star-rating__star,.on-invert .star-rating__caption{color:var(--clubi-ink-muted-on-invert)}.star-rating__bar.is-preview .star-rating__fill{opacity:.55}.star-rating__caption{font-size:var(--text-sm);color:var(--clubi-ink-muted)}.star-rating--static{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.star-rating--static .star-rating__star{width:1.5rem;height:1.5rem}.profile-header__inner{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.profile-photo{border:var(--space-2) solid var(--clubi-cream);border-radius:var(--radius-pill);background:var(--clubi-tint-wine);width:clamp(6rem,22vw,8rem);height:clamp(6rem,22vw,8rem);box-shadow:var(--shadow-lifted);object-fit:cover;flex:none;place-items:center;display:grid;overflow:hidden}.profile-photo--blank{color:var(--clubi-ink-brand);font-family:var(--clubi-font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-display);font-weight:600}.profile-header__name{font-size:clamp(var(--text-xl), 8vw, var(--text-2xl))}.profile-header__username{margin-top:var(--space-1);font-size:var(--text-sm)}.profile-header__quote{max-width:var(--measure);margin-top:var(--space-4);font-family:var(--clubi-font-display);font-size:var(--text-md);line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.profile-header__birth{margin-top:var(--space-3);font-size:var(--text-sm)}.profile-header__actions{margin-top:var(--space-5)}.shelf{gap:var(--space-5);max-width:var(--measure);grid-template-columns:repeat(2,minmax(7rem,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.shelf{grid-template-columns:repeat(4,minmax(7rem,1fr))}}.shelf__item{gap:var(--space-2);flex-direction:column;display:flex}.shelf__title{overflow-wrap:anywhere;font-family:var(--clubi-font-display);font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.shelf__author{font-size:var(--text-sm)}.shelf__controls{gap:var(--space-1);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.shelf__control{border-radius:var(--radius-md);width:44px;height:44px;color:var(--clubi-ink-brand);cursor:pointer;transition:background var(--motion-base) var(--motion-ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.shelf__control .brand-element{width:1.25rem}.shelf__control--remove .brand-element{width:1.05rem}.shelf__control:hover,.shelf__control:active{background:var(--clubi-tint-wine)}.shelf__control[disabled]{opacity:.35;cursor:default;background:0 0}.shelf-editor{gap:var(--space-5);display:grid}.shelf-editor__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.history{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.history__item{gap:var(--space-5);grid-template-columns:5rem minmax(0,1fr);align-items:start;display:grid}.history__item:not(:last-child){padding-bottom:var(--space-6);border-bottom:1px solid var(--clubi-line)}.history__text{justify-items:start;gap:var(--space-2);max-width:var(--measure);display:grid}.history__month,.history__author,.history__progress{font-size:var(--text-sm)}.history__title{font-size:var(--text-lg)}.history__review{white-space:pre-wrap}.photo-form{align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.photo-form__controls{justify-items:start;gap:var(--space-3);display:grid}.search__lead{margin-top:var(--space-2);max-width:var(--measure)}.search__results{margin-top:var(--space-6)}.search__note{margin-top:var(--space-4);max-width:var(--measure);font-size:var(--text-sm)}.member-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.member-card{align-items:center;gap:var(--space-3);height:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--clubi-line);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-paper);color:inherit;transition:box-shadow var(--motion-base) var(--motion-ease);text-decoration:none;display:flex}.member-card:hover,.member-card:focus-visible{box-shadow:var(--shadow-lifted)}.member-card__name{font-weight:700;display:block}.member-card__username{font-size:var(--text-sm);display:block}.pick-badge{margin-left:var(--space-2);padding-inline:var(--space-2);border-radius:var(--radius-none);background:var(--clubi-tint-yellow);color:var(--clubi-ink-brand);font-size:var(--text-xs);font-weight:700;display:inline-block}.state{justify-items:start;gap:var(--space-4);max-width:var(--measure);display:grid}.state .brand-element{width:5rem;transform:rotate(calc(var(--tilt) * -1))}.state__title{font-size:var(--text-2xl)}.splash{align-content:center;place-items:center;gap:var(--space-5);min-height:100dvh;padding:var(--space-6) var(--space-4);text-align:center;color:var(--clubi-ink-muted);display:grid}.splash .brand-mark{color:var(--clubi-ink-brand)}.lightbox{width:min(100%,1200px);max-width:100%;max-height:100dvh;padding:var(--space-4);background:0 0;border:0;margin:auto;overflow:visible}.lightbox::backdrop{background:#26161de0}.lightbox__panel{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--clubi-surface);box-shadow:var(--shadow-lifted);display:grid}.lightbox__bar{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;display:flex}.lightbox__count{font-size:var(--text-sm);color:var(--clubi-ink-muted);margin:0}.lightbox__close{border-radius:var(--radius-md);width:44px;height:44px;color:var(--clubi-ink-brand);cursor:pointer;transition:background var(--motion-base) var(--motion-ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.lightbox__close .brand-element{width:.9rem}.lightbox__close:hover,.lightbox__close:active{background:var(--clubi-tint-wine)}.lightbox__image{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:calc(100dvh - 12rem);margin:0 auto;display:block}.lightbox__foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-height:44px;display:flex}.lightbox__nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.lightbox__original{font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.pick__cutout:before,.pick__stamp,.state .brand-element{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(var(--space-5))}}@keyframes slide-in{0%{opacity:0;transform:translateX(var(--space-8)) rotate(4deg)}}@keyframes pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}}@keyframes slam{0%{opacity:0;transform:scale(2.6)rotate(-18deg)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-40%)rotate(-14deg)scale(1.08)}}@keyframes reveal-x{0%{clip-path:inset(0 100% 0 0)}}@keyframes sweep{0%{transform:skew(-6deg)scaleX(0)}}@keyframes ink-swap{0%{color:var(--clubi-ink-on-invert)}}.rise,.page-title,.section-title,.eyebrow,.state__title,.pick__title,.pick__author,.pick__blurb,.pick__dates,.pick__more,.profile-header__name,.profile-header__quote,.post-detail__title{animation:rise var(--motion-enter) var(--motion-ease-out) both}.pick__title,.profile-header__name{animation-delay:calc(var(--motion-stagger) * 2)}.pick__author,.profile-header__quote{animation-delay:calc(var(--motion-stagger) * 3)}.pick__blurb{animation-delay:calc(var(--motion-stagger) * 4)}.pick__dates,.pick__more{animation-delay:calc(var(--motion-stagger) * 5)}.post-list>li,.readers>li,.member-list>li,.history>li,.shelf>li{animation:rise var(--motion-enter) var(--motion-ease-out) both}:is(.post-list,.readers,.member-list,.history,.shelf)>li:nth-child(2){animation-delay:calc(var(--motion-stagger) * 1)}:is(.post-list,.readers,.member-list,.history,.shelf)>li:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}:is(.post-list,.readers,.member-list,.history,.shelf)>li:nth-child(4){animation-delay:calc(var(--motion-stagger) * 3)}:is(.post-list,.readers,.member-list,.history,.shelf)>li:nth-child(5){animation-delay:calc(var(--motion-stagger) * 4)}:is(.post-list,.readers,.member-list,.history,.shelf)>li:nth-child(n+6){animation-delay:calc(var(--motion-stagger) * 5)}.eyebrow{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--clubi-ink-brand);font-size:var(--text-xs);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;display:flex}.eyebrow:before{content:"";width:var(--space-6);background:var(--clubi-accent);transform-origin:0;height:3px;animation:reveal-x var(--motion-enter) var(--motion-ease-out) both;flex:none}.on-invert .eyebrow{color:var(--clubi-ink-on-invert)}.on-invert .eyebrow:before{background:var(--clubi-highlight)}.hl{z-index:0;color:var(--clubi-highlight-ink);margin-inline:-.04em;padding-inline:.08em;position:relative}.hl:before{content:"";z-index:-1;border-radius:var(--radius-none);background:var(--clubi-tint-yellow);transform-origin:0;animation:sweep .45s var(--motion-ease-out) .3s both;position:absolute;inset:12% -.1em -4% -.08em;transform:skew(-6deg)}.on-invert .hl{animation:.25s linear .38s both ink-swap}.on-invert .hl:before{background:var(--clubi-highlight)}.scribble{display:inline-block;position:relative}.scribble:after{content:"";background:var(--clubi-accent);height:.32em;animation:reveal-x .45s var(--motion-ease-out) .4s both;position:absolute;bottom:-.32em;left:-.05em;right:-.1em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 60' preserveAspectRatio='none'%3E%3Cpath d='M 12 36 C 140 18, 300 14, 548 30' fill='none' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 60' preserveAspectRatio='none'%3E%3Cpath d='M 12 36 C 140 18, 300 14, 548 30' fill='none' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.pick,.profile-header,.site-footer{background-color:var(--clubi-bg-invert);background-image:conic-gradient(var(--clubi-wine-checker) 25%, transparent 0 50%, var(--clubi-wine-checker) 0 75%, transparent 0);background-size:var(--checker-size) var(--checker-size)}.pick,.site-footer{position:relative;overflow:hidden}.pick:after,.site-footer:before,.site-footer:after{content:"";z-index:0;pointer-events:none;animation:pop .5s var(--motion-ease-pop) both;background:50%/contain no-repeat;position:absolute}.pick>.container,.site-footer>.container{z-index:1;position:relative}.pick:after{top:var(--space-6);right:max(var(--space-4), 4vw);aspect-ratio:1;background-image:url("/static/brand/stickers/estrela.1ac4e50da05a.png");width:7rem;animation-delay:.5s;transform:rotate(8deg)}.site-footer:before{right:max(var(--space-6), 10vw);bottom:calc(var(--space-4) * -1);aspect-ratio:435/379;background-image:url("/static/brand/stickers/livro.0531b6f7b1b9.png");width:6.5rem;transform:rotate(-6deg)}.site-footer:after{top:var(--space-5);right:max(var(--space-4), 3vw);aspect-ratio:417/336;background-image:url("/static/brand/stickers/balao.00fbb924085f.png");width:5rem;animation-delay:.12s;transform:rotate(-8deg)}@media (width<=767px){.pick:after{display:none}.site-footer:before{width:4.5rem;right:var(--space-4)}.site-footer:after{width:3.5rem;top:auto;bottom:var(--space-8);right:var(--space-6)}.site-footer__note{padding-right:var(--space-8)}}@supports (animation-timeline:view()){.site-footer:before,.site-footer:after,.site-footer .hl:before,.site-footer .hl{animation-delay:0s;animation-timeline:view();animation-range:entry 10% entry 70%}}.post-card,.readers__item,.member-card{border-color:var(--clubi-line-strong);box-shadow:var(--shadow-hard-sm)}.member-card{transition:box-shadow var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease)}.member-card:hover,.member-card:focus-visible{box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.book-cover{box-shadow:var(--shadow-hard-sm)}.on-invert .book-cover{box-shadow:var(--shadow-hard-invert)}.avatar{box-shadow:0 0 0 1px var(--clubi-line-strong)}.avatar-link:hover .avatar{box-shadow:var(--shadow-hard-sm)}.profile-photo{box-shadow:var(--shadow-hard-invert);animation:pop .5s var(--motion-ease-pop) both}.pick__cutout:before{inset:var(--space-4) auto auto calc(var(--space-4) * -1);background-size:var(--space-4) var(--space-4);transform:none}.pick__cutout .book-cover{animation:drop-in var(--motion-enter) var(--motion-ease-out) .15s both}.pick__stamp{box-shadow:var(--shadow-hard-invert);animation:pop .42s var(--motion-ease-pop) .6s both;transform:rotate(-3deg)}.pick__title{font-size:clamp(var(--text-xl), 10vw, var(--text-4xl))}.progress__fill{animation:reveal-x 1.1s var(--motion-ease-out) .2s both}.progress__count{align-items:end;gap:0 var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.progress__count-num{font-family:var(--clubi-font-display);font-size:clamp(4.5rem, 24vw, var(--text-6xl));letter-spacing:var(--tracking-text);font-variant-numeric:tabular-nums;color:var(--clubi-ink-brand);animation:rise var(--motion-enter) var(--motion-ease-out) both;font-weight:600;line-height:.9}.progress__count-pct{font-family:var(--clubi-font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-display);font-variant-numeric:tabular-nums;color:var(--clubi-accent);animation:rise var(--motion-enter) var(--motion-ease-out) .15s both;align-self:start}.progress__count-of{margin-top:var(--space-2);font-size:var(--text-md);color:var(--clubi-ink-muted);grid-column:1/-1}.progress__count-of strong{color:var(--clubi-ink)}.progress .notice--ok{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-4);border-left-width:var(--space-2);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-hard-sm);animation:slide-in var(--motion-enter) var(--motion-ease-out) both;display:inline-block;transform:rotate(-1.5deg)}.progress__finished{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--clubi-bg-invert);color:var(--clubi-ink-on-invert);font-family:var(--clubi-font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);box-shadow:var(--shadow-stamp);animation:slam var(--motion-slow) cubic-bezier(.23, 1, .32, 1) both;display:inline-block;transform:rotate(-6deg)}.progress__finish{align-items:center;gap:var(--space-5)}.progress__rating{box-shadow:var(--shadow-hard-invert)}.progress__rating .star-rating>.field-label{font-family:var(--clubi-font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.progress__rating .star-rating__glyphs{animation:pop .32s var(--motion-ease-pop) both}.progress__rating .star-rating__star:first-child .star-rating__glyphs{animation-delay:.15s}.progress__rating .star-rating__star:nth-child(2) .star-rating__glyphs{animation-delay:.3s}.progress__rating .star-rating__star:nth-child(3) .star-rating__glyphs{animation-delay:.45s}.progress__rating .star-rating__star:nth-child(4) .star-rating__glyphs{animation-delay:.6s}.progress__rating .star-rating__star:nth-child(5) .star-rating__glyphs{animation-delay:.75s}.reading-review__text{padding:var(--space-4) var(--space-5);border:1px solid var(--clubi-line-strong);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-hard-sm);animation:rise var(--motion-enter) var(--motion-ease-out) .2s both}.unread-notice .notice{padding:var(--space-2) var(--space-4);border-left-width:var(--space-2);border-radius:var(--radius-md);background:var(--clubi-surface);box-shadow:var(--shadow-hard-sm);animation:slide-in var(--motion-enter) var(--motion-ease-out) .3s both}.shelf__slot{position:relative}.shelf__slot:after{content:"";z-index:0;left:calc(var(--space-5) / -2);right:calc(var(--space-5) / -2);bottom:calc(var(--space-3) * -1);height:var(--space-3);border-radius:var(--radius-sm);background:var(--clubi-bg-invert);box-shadow:0 var(--space-2) 0 0 var(--clubi-line);transform-origin:0;animation:reveal-x .6s var(--motion-ease-out) both;position:absolute}.shelf__slot .book-cover{transform-origin:50% 100%;transform:rotate(var(--shelf-tilt,0deg))}.shelf>li:first-child{--shelf-tilt:-2.5deg}.shelf>li:nth-child(2){--shelf-tilt:1.5deg}.shelf>li:nth-child(3){--shelf-tilt:-1.2deg}.shelf>li:nth-child(4){--shelf-tilt:2.2deg}.shelf__slot+.shelf__title{margin-top:var(--space-5)}.site-footer__note .hl{white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress__finished,.progress .notice--ok,.pick__stamp,.shelf__slot .book-cover,.pick:after,.site-footer:before,.site-footer:after,.hl:before{transform:none}}.button{--key-color:var(--clubi-accent);font-family:var(--clubi-font-display);letter-spacing:var(--tracking-display);box-shadow:var(--key-offset) 0 0 var(--key-color);transition:background var(--motion-base) var(--motion-ease), transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);font-weight:600}@media (hover:hover){.button:not([disabled]):hover{transform:translate(var(--key-lift));box-shadow:var(--key-offset-lift) 0 0 var(--key-color)}}.button:not([disabled]):active{transform:translate(var(--key-press));box-shadow:0 0 0 0 var(--key-color)}.button[disabled]{box-shadow:none}.button--highlight,.on-invert .button--highlight{--key-color:var(--clubi-wine-deep)}.button.button--quiet,.button.button--quiet:not([disabled]):hover,.button.button--quiet:not([disabled]):active{font-family:var(--clubi-font-text);letter-spacing:var(--tracking-text);box-shadow:none;font-weight:700;transform:none}@media (prefers-reduced-motion:reduce){.button:not([disabled]):hover,.button:not([disabled]):active{transform:none}}