.ref-lib{padding-bottom:24px}.ref-lib__tabs{background:var(--neutral-100);border-bottom:1px solid var(--panel-hairline);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top, 0px));z-index:20}.ref-lib__tab{align-items:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;border-bottom:2px solid transparent;color:var(--neutral-500);cursor:pointer;display:flex;font-family:inherit;font-family:var(--font-brand);font-size:var(--fs-sub);font-weight:400;justify-content:center;min-height:44px;padding:10px 4px;text-decoration:none;transition:color .15s ease,border-bottom-color .15s ease,scale var(--press-out,.18s) var(--press-ease,cubic-bezier(.2,.9,.25,1))}.ref-lib__tab:focus-visible{color:var(--brand-primary-700);text-decoration:none}@media (hover:hover){.ref-lib__tab:hover{color:var(--brand-primary-700);text-decoration:none}}.ref-lib__tab:active{color:var(--brand-primary-700);scale:var(--press-scale,1);text-decoration:none;transition-duration:var(--press-in,.04s)}.ref-lib__tab:focus-visible{outline:2px solid var(--brand-primary-700);outline-offset:-2px}.ref-lib__tab.is-active{border-bottom-color:var(--brand-primary-700);color:var(--brand-primary-700);font-weight:700}.ref-lib__tabs-indicator{background:var(--brand-primary-700);bottom:0;height:2px;left:0;opacity:0;position:absolute;transform-origin:0 0;width:100%}.ref-lib__tabs-indicator.is-ready{opacity:1;transition:transform .24s cubic-bezier(.4,0,.2,1)}.ref-lib__tabs-indicator.is-instant{transition:none}.ref-lib__tabs.has-indicator .ref-lib__tab.is-active{border-bottom-color:transparent}.ref-lib__banner{background:var(--neutral-000)}.ref-lib__banner-stage{aspect-ratio:4/1;position:relative}@media (max-width:640px){.ref-lib__banner-stage{aspect-ratio:3/2}}.ref-lib__banner-slide{display:block;opacity:0;pointer-events:none;transition:opacity .2s ease}.ref-lib__banner-slide.is-active{opacity:1}.ref-lib__banner-slide:not(:first-child){inset:0;position:absolute}.ref-lib__banner img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ref-lib__banner-slide:first-child{height:100%}@media (prefers-reduced-motion:reduce){.ref-lib__banner-slide{transition:none}}.ref-lib__banner-dots{display:flex;gap:6px;justify-content:center;list-style:none;margin:0;padding:8px 0}.ref-lib__banner-dots li{background:var(--neutral-400);border-radius:999px;height:6px;opacity:1;width:6px}.ref-lib__banner-dots .active{background:var(--brand-primary-500)}.ref-lib__shelves{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding:16px 0 0 16px;scroll-padding-left:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.ref-lib__shelves::-webkit-scrollbar{display:none}.ref-lib__group{padding-top:20px}.ref-lib__group+.ref-lib__group{padding-top:36px}.ref-lib__group .ref-lib__shelves{padding-top:8px}.ref-lib__group-title{color:var(--neutral-700);font-family:var(--font-brand);font-size:var(--fs-h2);font-weight:700;margin:0;padding:0 16px}.ref-lib__shelf{background:var(--neutral-200);border-radius:14px;display:flex;flex:0 0 84%;flex-direction:column;gap:16px;max-width:420px;padding:16px;scroll-snap-align:start}.ref-lib__shelves>.ref-lib__shelf:last-child{margin-right:16px}.ref-lib__shelf-title{color:var(--neutral-700);font-family:var(--font-brand);font-size:var(--fs-h3);font-weight:700;margin:0}.ref-lib__empty{color:var(--neutral-500);font-size:var(--fs-sub);line-height:1.7;margin:0;padding:24px 8px;text-align:center}.ref-book{align-items:flex-start;background:var(--neutral-000);border-radius:10px;color:inherit;display:flex;gap:10px;padding:12px;text-decoration:none;transition:background-color .15s ease}.ref-book:focus-visible{background:var(--neutral-100);color:inherit;text-decoration:none}@media (hover:hover){.ref-book:hover{background:var(--neutral-100);color:inherit;text-decoration:none}}.ref-book:focus-visible{outline:2px solid var(--brand-primary-700);outline-offset:2px}.ref-book__cover{aspect-ratio:138/194;background:var(--neutral-200);border-radius:6px;flex:0 0 auto;overflow:hidden;position:relative;width:69px}.ref-book__cover img{background:var(--neutral-200);display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.ref-book__rank{align-items:center;background:var(--gold-700);clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),50% 100%,0 calc(100% - 7px));color:var(--neutral-000);display:flex;flex-direction:column;font-family:var(--font-brand);line-height:1.05;padding:4px 0 11px;position:absolute;right:0;top:0;width:22px}.ref-book__rank-label{font-size:9px;font-weight:700;letter-spacing:.04em}.ref-book__rank-num{font-size:var(--fs-body);font-weight:700}.ref-book__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:2px}.ref-book__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--neutral-700);display:-webkit-box;font-size:var(--fs-body);font-weight:500;line-height:1.45;overflow:hidden}.ref-book__price{color:var(--semantic-prize);font-family:var(--font-text);font-size:var(--fs-h3);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.ref-book__currency{color:var(--neutral-700);font-size:var(--fs-micro);font-weight:500;margin-right:1px}@media (prefers-reduced-motion:reduce){.ref-book,.ref-lib__tab,.ref-lib__tabs-indicator.is-ready{transition:none}}@media (min-width:768px){.ref-lib__shelves{margin:0 auto;max-width:1200px;overflow-x:visible;padding:20px 16px 0;scroll-snap-type:none}.ref-lib__shelf{flex:1 1 0;max-width:none}.ref-lib__shelves>.ref-lib__shelf:last-child{margin-right:0}.ref-lib__banner,.ref-lib__browse,.ref-lib__group{margin:0 auto;max-width:1200px}.ref-lib__group{padding-top:24px}.ref-lib__group+.ref-lib__group{padding-top:44px}.ref-lib__group .ref-lib__shelves{padding-top:12px}}.ref-lib__browse{padding:24px 16px 0}.ref-lib__recent{margin-top:32px;padding:0 12px}.ref-lib__browse-title{color:var(--neutral-700);font-family:var(--font-brand);font-size:var(--fs-h3);font-weight:700;margin:0}.ref-lib__browse-foot{display:flex;justify-content:center;padding-bottom:24px}.ref-lib__more{align-items:center;background:transparent;border:1px solid var(--brand-primary-700);border-radius:999px;color:var(--brand-primary-700);cursor:pointer;display:inline-flex;font-family:var(--font-brand);font-size:var(--fs-sub);font-weight:600;justify-content:center;min-height:44px;min-width:160px;padding:0 24px;transition:scale var(--press-out,.18s) var(--press-ease,cubic-bezier(.2,.9,.25,1))}.ref-lib__more[disabled]{cursor:default;opacity:.6}.ref-lib__more:focus-visible{background:var(--brand-primary-100);outline:2px solid var(--brand-primary-700);outline-offset:2px}@media (hover:hover){.ref-lib__more:hover:not([disabled]){background:var(--brand-primary-100)}}.ref-lib__more:active:not([disabled]){background:var(--brand-primary-100);transition-duration:var(--press-in,.04s)}.ref-lib__more:active{scale:var(--press-scale,1);transition-duration:var(--press-in,.04s)}.ref-lib__shelf-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.ref-lib__shelf-more{color:var(--link);flex:none;font-size:var(--fs-micro);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:scale var(--press-out,.18s) var(--press-ease,cubic-bezier(.2,.9,.25,1));white-space:nowrap}.ref-lib__shelf-more:focus-visible{color:var(--link-hover);outline:2px solid var(--brand-primary-700);outline-offset:2px;text-decoration:underline}@media (hover:hover){.ref-lib__shelf-more:hover{color:var(--link-hover);text-decoration-thickness:2px}}.ref-lib__shelf-more:active{color:var(--link-hover);scale:var(--press-scale,1);text-decoration-thickness:2px;transition-duration:var(--press-in,.04s)}.ref-subj{background:var(--brand-primary-700);color:var(--on-dark-text);padding:24px 16px 28px}.ref-subj__lane{border-top:1px solid var(--on-dark-border);padding:16px 0}.ref-subj__lane:first-of-type{border-top:0;padding-top:12px}.ref-subj__head{margin-bottom:10px}.ref-subj__name{color:var(--neutral-000);font-family:var(--font-brand);font-size:var(--fs-h1);font-weight:700;line-height:1.15;margin:0}.ref-subj__head--link{border-radius:6px;color:inherit;text-decoration:none}.ref-subj__head--link:focus-visible{outline:2px solid var(--neutral-000);outline-offset:3px;text-decoration:none}@media (hover:hover){.ref-subj__head--link:hover{text-decoration:none}.ref-subj__head--link:hover .ref-subj__name{text-decoration:underline;text-underline-offset:4px}}.ref-subj__cells{display:flex;gap:10px}.ref-subj__cell{align-items:center;border-radius:10px;color:inherit;display:flex;flex:1 1 0;flex-direction:column;gap:8px;padding:8px 4px;text-decoration:none;transition:background-color .15s ease}.ref-subj__cover{background:var(--neutral-200);border-radius:4px;display:block;height:118px;-o-object-fit:cover;object-fit:cover;width:84px}.ref-subj__lv{color:var(--on-dark-text-strong);font-size:var(--fs-sub);font-weight:600;white-space:nowrap}.ref-subj__cell:focus-visible{background:var(--on-dark-fill);outline:2px solid var(--neutral-000);outline-offset:2px;text-decoration:none}@media (hover:hover){.ref-subj__cell:hover{background:var(--on-dark-fill);text-decoration:none}}@media (prefers-reduced-motion:reduce){.ref-subj__cell{transition:none}}@media (min-width:768px){.ref-subj{max-width:none;padding:32px 0 38px}.ref-subj__lane{align-items:center;display:flex;gap:28px;margin:0 auto;max-width:1200px;padding:18px 16px}.ref-subj__head{display:block;flex:0 0 220px;margin:0}.ref-subj__name{font-size:var(--fs-display)}.ref-subj__cells{flex:1 1 auto;gap:14px}.ref-subj__cell{align-items:center;flex:1 1 0;flex-direction:row;gap:16px;justify-content:flex-start;padding:12px 16px}.ref-subj__cover{flex:0 0 auto;height:124px;width:88px}.ref-subj__lv{font-size:var(--fs-h3);font-weight:700;min-width:0}}.ref-subj+.ref-lib__group{padding-top:36px}@media (min-width:768px){.ref-subj+.ref-lib__group{padding-top:44px}}