:root{--green:#0CE19A;--green-press:#06C285;--green-tint:rgba(12,225,154,0.12);--green-soft:rgba(12,225,154,0.18);--indigo:#391BE2;--indigo-tint:rgba(57,27,226,0.07);--indigo-press:#2C14B0;--navy:#09244B;--ink:#1A1A1A;--ink-80:rgba(26,26,26,0.8);--ink-50:rgba(26,26,26,0.5);--gray-600:#6A717B;--gray-400:#9BA2B1;--border:#E7E9EF;--border-2:#DBDFE4;--surface:#F4F5F7;--canvas:#F7F8FA;--warm:#FBF6EE;--white:#fff;--error:#DC3545;--error-tint:rgba(220,53,69,0.08);--heart:#E53E3E;--font:var(--font-pretendard);--font-num:"Inter",var(--font);--maxw:var(--web-content-max-width);--header-h:64px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-full:999px;--sh-soft:0 1px 3px rgba(0,0,0,0.05);--sh-card:0 2px 10px rgba(20,20,30,0.06);--sh-pop:0 8px 28px rgba(20,20,30,0.16);--sh-fab:0 6px 16px rgba(12,225,154,0.35);--primary-green:var(--green);--primary-purple:var(--indigo);--color-slate-ink:var(--ink);--color-canvas-white:var(--white);--text-light:var(--gray-600);--color-muted-gray:var(--gray-400);--border-light:var(--border);--surface-canvas:var(--white);--surface-page:var(--canvas);--surface-raised:var(--white);--surface-sunken:var(--surface);--surface-mint:var(--green-tint);--gradient-green:linear-gradient(163deg,var(--green) 0%,var(--green-press) 100%);--max-width-container:var(--web-content-max-width);--warning-amber:#ffa600;--radius-sm:6px;--radius-md:12px;--spacing-6:6px;--spacing-9:9px;--spacing-14:14px;--spacing-18:18px;--spacing-28:28px;--spacing-36:36px;--spacing-40:40px;--green-hover:var(--green-press)}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-body);line-height:var(--leading-body);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__content{flex:1 1;width:100%;max-width:none;margin:0 auto;padding:0}.web-main{width:100%;min-width:0}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.app-shell__content{padding:var(--spacing-20) var(--spacing-16) var(--spacing-48)}}.skip-to-content{position:fixed;left:var(--spacing-16);top:-100px;z-index:var(--z-toast);padding:var(--spacing-8) var(--spacing-16);background:var(--color-slate-ink);color:var(--color-canvas-white);border-radius:var(--radius-default);font-size:var(--text-body);font-weight:var(--font-weight-semibold);transition:top var(--transition-fast)}.skip-to-content:focus,.skip-to-content:focus-visible{top:var(--spacing-8);outline:2px solid var(--primary-green);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.web-wrap{width:min(var(--web-content-max-width),100%);margin:0 auto;padding:0 var(--web-page-padding)}.web-band{padding:42px 0}.web-band--warm{background:var(--warm)}.web-page-head{width:min(var(--web-content-max-width),100%);margin:0 auto;padding:32px var(--web-page-padding) 6px}.web-page-head h1{color:var(--navy);font-size:30px;font-weight:800;letter-spacing:0}.web-page-head p{margin-top:8px;color:var(--gray-600);font-size:15px;line-height:1.6}.web-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border:0;border-radius:var(--r-full);font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.web-btn--primary{background:var(--green);color:#063d2b}.web-btn--primary:hover{background:var(--green-press)}.web-btn--brand{background:var(--indigo);color:var(--white)}.web-btn--dark{background:var(--navy);color:var(--white)}.web-btn--ghost{border:1px solid var(--border-2);background:var(--white);color:var(--ink)}.web-btn--ghost:hover{border-color:var(--gray-400)}.web-btn--link{height:auto;padding:0;background:transparent;color:var(--indigo);font-weight:600}.web-btn--sm{height:34px;padding:0 14px;font-size:13px}.web-avatar{width:40px;height:40px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--indigo),#6d54f0)}.web-avatar--green{background:linear-gradient(135deg,var(--green),var(--green-press))}@media (max-width:768px){.web-page-head,.web-wrap{padding-left:var(--spacing-16);padding-right:var(--spacing-16)}}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{color:#181411;background:#f7f3ec;font-family:NanumSquareR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home{min-height:100dvh;display:grid;align-content:center;grid-gap:12px;gap:12px;width:min(calc(100% - var(--web-page-padding) - var(--web-page-padding)),var(--web-content-max-width));margin:0 auto}.eyebrow{margin:0;color:#6a4a2f;font-size:14px;font-weight:700}h1{max-width:720px;margin:0;font-size:48px;line-height:1.12}@media (max-width:640px){.home{width:min(calc(100% - var(--spacing-16) - var(--spacing-16)),var(--web-content-max-width))}h1{font-size:34px}}.mag-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mag-header__inner{display:flex;align-items:center;gap:28px;width:min(var(--web-content-max-width),100%);height:var(--header-h);margin:0 auto;padding:0 var(--web-page-padding)}.mag-header__logo{display:flex;align-items:baseline;flex-shrink:0;color:var(--navy);font-size:24px;font-weight:800;letter-spacing:0;text-decoration:none}.mag-header__logo-dot{width:7px;height:7px;margin-bottom:6px;margin-left:2px;border-radius:50%;background:var(--green)}.mag-header__nav{display:flex;gap:22px;font-size:15px;font-weight:600}.mag-header__nav-item{padding:6px 0;border-bottom:2px solid transparent;color:var(--gray-600);text-decoration:none;transition:color .15s ease,border-color .15s ease}.mag-header__nav-item--active,.mag-header__nav-item:hover{color:var(--ink)}.mag-header__nav-item--active{border-color:var(--green)}.mag-header__search{display:flex;align-items:center;gap:8px;width:220px;margin-left:auto;padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--gray-400)}.mag-header__search svg{flex:none}.mag-header__search-input{width:100%;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px}.mag-header__search-input::placeholder{color:var(--gray-400)}.mag-header__cta,.mag-header__login,.mag-header__logout,.mag-header__profile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:40px;padding:0 18px;border-radius:var(--r-full);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.mag-header__cta,.mag-header__profile{border:0;background:var(--green);color:#063d2b}.mag-header__cta:hover,.mag-header__profile:hover{background:var(--green-press)}.mag-header__login,.mag-header__logout{border:1px solid var(--border-2);background:var(--white);color:var(--ink)}.mag-header__login:hover,.mag-header__logout:hover{border-color:var(--gray-400)}.mag-header__bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--r-full);color:var(--ink);text-decoration:none;transition:background .15s ease}.mag-header__bell:hover{background:var(--surface)}.mag-header__bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-full);background:var(--green);color:#063d2b;font-size:10px;font-weight:700;line-height:16px;text-align:center}@media (max-width:768px){.mag-header__inner{gap:14px;padding:0 var(--spacing-16)}.mag-header__nav,.mag-header__search{display:none}.mag-header__bell,.mag-header__cta{margin-left:auto}.mag-header__bell+.mag-header__cta{margin-left:0}}@media (max-width:480px){.mag-header__cta{padding:0 14px}}.event-bar{position:relative;z-index:calc(var(--z-sticky) + 1);display:flex;padding:0;background:var(--navy);color:var(--white);text-align:center}.event-bar,.event-bar__link{align-items:center;justify-content:center;min-height:36px}.event-bar__link{display:inline-flex;gap:8px;width:min(var(--web-content-max-width),100%);min-width:0;padding:var(--spacing-8) var(--web-page-padding);color:inherit;font-size:13px;font-weight:500;letter-spacing:0}.event-bar__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-bar strong{color:var(--green);font-weight:700}.event-bar strong:after{content:" ->"}.event-bar__close{position:absolute;right:max(var(--spacing-16),calc((100% - var(--web-content-max-width)) / 2 + var(--web-page-padding)));display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:var(--radius-pill);background:rgba(255,255,255,.12);color:inherit}.event-bar__close:focus-visible,.event-bar__close:hover{background:rgba(255,255,255,.2)}@media (max-width:640px){.event-bar,.event-bar__link{justify-content:flex-start}.event-bar__link{padding:var(--spacing-8) var(--spacing-48) var(--spacing-8) var(--spacing-16);font-size:12px}.event-bar__close{right:var(--spacing-12)}}.web-footer{border-top:1px solid var(--border);background:var(--white)}.web-footer__inner{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:24px;gap:24px;width:min(var(--web-content-max-width),100%);margin:0 auto;padding:48px var(--web-page-padding) 36px}.web-footer__logo{display:inline-flex;margin-bottom:12px;color:var(--navy);font-size:22px;font-weight:800;letter-spacing:0}.web-footer__brand p{max-width:240px;margin:0 0 18px;color:var(--gray-600);font-size:13px;line-height:1.6}.web-footer__actions{display:flex;flex-wrap:wrap;gap:8px}.web-footer__app-link,.web-footer__social{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border:1px solid var(--border-2);border-radius:var(--r-full);background:var(--white);color:var(--ink);font-size:13px;font-weight:700}.web-footer__app-link{border-color:var(--navy);background:var(--navy);color:var(--white)}.web-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.web-footer__group h2{margin:0 0 12px;color:var(--ink);font-size:13px;font-weight:700}.web-footer__group a{display:block;padding:5px 0;color:var(--gray-600);font-size:13px}.web-footer__group a:focus-visible,.web-footer__group a:hover{color:var(--ink)}.web-footer__copyright{width:min(var(--web-content-max-width),100%);margin:0 auto;padding:22px var(--web-page-padding) 36px;border-top:1px solid var(--border);color:var(--gray-400);font-size:12px}@media (max-width:820px){.web-footer__inner{grid-template-columns:1fr;padding:40px var(--spacing-16) 28px}.web-footer__copyright{padding:22px var(--spacing-16) 28px}}@media (max-width:520px){.web-footer__nav{grid-template-columns:1fr}}.qr-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-16);background:rgba(24,25,37,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{position:relative;width:100%;max-width:360px;padding:var(--spacing-32);border-radius:var(--radius-3xl);background:var(--surface-canvas);box-shadow:var(--shadow-subtle-3);text-align:center}.qr-modal__close{position:absolute;top:var(--spacing-16);right:var(--spacing-16);display:flex;padding:var(--spacing-4);border:none;background:transparent;color:var(--color-muted-gray);border-radius:var(--radius-default)}.qr-modal__close:hover{background:var(--grey-50)}.qr-modal__title{margin:0 0 var(--spacing-8);font-size:var(--text-heading);font-weight:var(--font-weight-bold);color:var(--color-slate-ink)}.qr-modal__body{margin:0 0 var(--spacing-24);font-size:var(--text-body);line-height:var(--leading-heading-sm);color:var(--text-light)}.qr-modal__code{display:flex;justify-content:center;padding:var(--spacing-16);border-radius:var(--radius-lg);background:var(--surface-canvas)}.qr-modal__code img{width:220px;height:220px;border-radius:var(--radius-default)}.qr-modal__copy{display:flex;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-16);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-16);border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--surface-sunken)}.qr-modal__url{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--text-body);color:var(--color-slate-ink)}.qr-modal__copy-btn{display:inline-flex;align-items:center;gap:var(--spacing-4);flex-shrink:0;padding:var(--spacing-8) var(--spacing-16);border:none;border-radius:var(--radius-pill);background:var(--color-slate-ink);color:var(--color-canvas-white);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast)}.qr-modal__copy-btn:hover{opacity:.9}.signup-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-16);background:rgba(24,25,37,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.signup-modal{position:relative;width:100%;max-width:360px;padding:var(--spacing-32);border-radius:var(--radius-3xl);background:var(--surface-canvas);box-shadow:var(--shadow-subtle-3);text-align:center}.signup-modal__close{position:absolute;top:var(--spacing-16);right:var(--spacing-16);display:flex;padding:var(--spacing-4);border:none;background:transparent;color:var(--color-muted-gray);border-radius:var(--radius-default)}.signup-modal__close:hover{background:var(--grey-50)}.signup-modal__title{margin:0 0 var(--spacing-8);font-size:var(--text-heading);font-weight:var(--font-weight-bold);color:var(--color-slate-ink)}.signup-modal__body{margin:0 0 var(--spacing-24);font-size:var(--text-body);line-height:var(--leading-heading-sm);color:var(--text-light)}.signup-modal__primary,.signup-modal__secondary{display:block;width:100%;padding:var(--spacing-12);border-radius:var(--radius-pill);font-weight:var(--font-weight-semibold);font-size:var(--text-body)}.signup-modal__primary{margin-bottom:var(--spacing-8);background:#fee500;color:#181600}.signup-modal__secondary{border:none;background:#03c75a;color:var(--color-canvas-white)}.signup-modal__secondary:hover{background:#02b350}.brand-icon{position:relative;width:120px;height:120px}.brand-icon img{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:brand-crossFade 6s ease-in-out infinite}.brand-icon img:first-child{animation-delay:0s}.brand-icon img:nth-child(2){animation-delay:1.5s}.brand-icon img:nth-child(3){animation-delay:3s}.brand-icon img:nth-child(4){animation-delay:4.5s}@keyframes brand-crossFade{0%,25%{opacity:1}37.5%,to{opacity:0}}@media (max-width:480px){.brand-icon{width:96px;height:96px}}@media (prefers-reduced-motion:reduce){.brand-icon img{animation:none}.brand-icon img:first-child{opacity:1}}.fullpage-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--web-header-height) - 36px);padding:64px 24px;text-align:center;background:var(--canvas)}.fullpage-state__icon{width:120px;height:120px;margin-bottom:32px;border-radius:var(--r-md);overflow:hidden}.fullpage-state__icon img{width:100%;height:100%;object-fit:cover}.fullpage-state__title{margin:0 0 8px;color:var(--navy);font-size:24px;font-weight:800;white-space:nowrap}.fullpage-state__desc{margin:0 0 32px;max-width:400px;color:var(--gray-600);font-size:14px;line-height:1.6;word-break:keep-all}.fullpage-state__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.fullpage-state__cta-primary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:none;border-radius:var(--r-full);background:var(--green);color:#063d2b;font-size:14px;font-weight:700;text-decoration:none;transition:opacity var(--transition-fast);cursor:pointer}.fullpage-state__cta-primary:hover{background:var(--green-press);opacity:1}.fullpage-state__cta-primary:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.fullpage-state__cta-secondary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border:1px solid var(--border-2);border-radius:var(--r-full);background:var(--white);color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast);cursor:pointer}.fullpage-state__cta-secondary:hover{border-color:var(--gray-400);background:var(--white)}.fullpage-state__cta-secondary:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}@media (max-width:480px){.fullpage-state{padding:var(--spacing-48) var(--spacing-16)}.fullpage-state__icon{width:96px;height:96px}.fullpage-state__code{font-size:36px}.fullpage-state__actions{flex-direction:column;width:100%;max-width:280px}.fullpage-state__cta-primary,.fullpage-state__cta-secondary{width:100%;justify-content:center}}.page-section{margin-bottom:var(--section-gap)}.page-section:last-child{margin-bottom:0}.grid-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--spacing-24);gap:var(--spacing-24)}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--spacing-16);gap:var(--spacing-16)}.grid-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-24);gap:var(--spacing-24)}@media (max-width:1024px){.grid-books,.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.grid-books,.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-posts{grid-template-columns:1fr}}@media (max-width:480px){.grid-cards{grid-template-columns:1fr}}.pill-toggle{display:inline-flex;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-pill);background:var(--grey-50)}.pill-toggle__btn{padding:var(--spacing-8) var(--spacing-16);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-light);font-size:var(--text-body);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.pill-toggle__btn--active,.pill-toggle__btn:hover{color:var(--color-slate-ink)}.pill-toggle__btn--active{background:var(--surface-canvas);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-subtle)}.pill-toggle__btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.load-more{display:flex;justify-content:center;margin-top:var(--spacing-32)}.load-more__btn{padding:var(--spacing-12) var(--spacing-32);border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--surface-canvas);color:var(--color-slate-ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);transition:border-color var(--transition-fast),background var(--transition-fast)}.load-more__btn:hover:not(:disabled){border-color:var(--primary-green);background:var(--grey-50)}.load-more__btn:disabled{opacity:.6;cursor:default}.load-more__btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.home-page{background:var(--white)}.home-hero{padding-top:40px;padding-bottom:8px}.home-hero__head,.home-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.home-kicker{display:block;color:var(--indigo);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.home-hero h1{margin-top:8px;color:var(--navy);font-size:34px;font-weight:800;line-height:1.25;letter-spacing:0}.home-lead{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:24px;gap:24px}.home-feature{position:relative;display:flex;min-height:380px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:34px;border-radius:var(--r-lg);background:linear-gradient(150deg,#1b2a16,#33421f 70%);box-shadow:var(--sh-card);color:var(--white);isolation:isolate}.home-feature:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.64));content:""}.home-feature>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.home-feature__badge{position:absolute;top:22px;left:22px;padding:6px 12px;border-radius:var(--r-full);background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;font-weight:700}.home-feature q{display:block;max-width:520px;font-size:27px;font-weight:700;line-height:1.5;quotes:none}.home-feature__src{margin-top:18px;color:rgba(255,255,255,.78);font-size:14px}.home-feature__by{display:flex;align-items:center;gap:9px;margin-top:14px;color:rgba(255,255,255,.9);font-size:13px}.home-feature__by .web-avatar{width:30px;height:30px}.home-side-list{display:flex;flex-direction:column;gap:0}.home-side-list h2{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:700}.home-side-list h2 span{padding:3px 8px;border-radius:var(--r-full);background:var(--green-tint);color:var(--green-press);font-size:11px}.home-rank-row{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--border);color:inherit}.home-rank-row:last-child{border-bottom:0}.home-rank-row__rank{width:18px;flex:none;color:var(--gray-400);font-family:var(--font-num);font-size:15px;font-weight:800}.home-rank-row__copy{display:grid;min-width:0}.home-rank-row__copy strong{color:var(--ink);font-size:14px;font-weight:600;line-height:1.35}.home-rank-row__copy span,.home-rank-row__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-rank-row__copy span{margin-top:3px;color:var(--gray-400);font-size:12px}.home-section__head h2{color:var(--navy);font-size:22px;font-weight:800;letter-spacing:0}.home-section__head p{margin-top:4px;color:var(--gray-600);font-size:14px}.home-section--warm{background:var(--warm)}.home-card-row,.home-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.home-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-reading-card{position:relative;display:flex;aspect-ratio:4/5;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:20px;border-radius:var(--r-md);background:linear-gradient(160deg,#243b6b,#0f1b30);box-shadow:var(--sh-card);color:var(--white);isolation:isolate}.home-reading-card--2{background:linear-gradient(160deg,#5a3030,#2a1414)}.home-reading-card--3{background:linear-gradient(160deg,#1b3a2e,#0c241a)}.home-reading-card--4{background:linear-gradient(160deg,#4a3a5e,#241a30)}.home-reading-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.home-reading-card:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.68));content:""}.home-reading-card__like{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:var(--r-full);background:rgba(0,0,0,.25);font-size:12px;font-weight:600}.home-reading-card q{display:-webkit-box;overflow:hidden;font-size:16px;font-weight:600;line-height:1.55;quotes:none;-webkit-box-orient:vertical;-webkit-line-clamp:5}.home-reading-card>span:last-child{margin-top:12px;overflow:hidden;color:rgba(255,255,255,.72);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.home-book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:18px;gap:18px}.home-book-tile{color:inherit}.home-book-tile strong{display:-webkit-box;overflow:hidden;margin-top:10px;color:var(--ink);font-size:14px;font-weight:600;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-book-tile>span:not(.home-cover){display:block;margin-top:3px;overflow:hidden;color:var(--gray-400);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.home-book-tile em{display:flex;gap:9px;margin-top:7px;color:var(--gray-600);font-size:12px;font-style:normal}.home-book-tile b{color:var(--indigo)}.home-cover{position:relative;display:block;aspect-ratio:1/1.5;overflow:hidden;border-radius:var(--r-sm);background:linear-gradient(135deg,#3a4a6b,#1a2740);box-shadow:var(--sh-card)}.home-cover--small{width:38px;height:54px;aspect-ratio:auto;border-radius:5px}.home-cover img{width:100%;height:100%;object-fit:cover}.home-cover__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.44)}.home-cover__title{position:absolute;top:14px;right:10px;left:10px;color:var(--white);font-size:12px;font-weight:700;line-height:1.3}.home-cover--small .home-cover__title{display:none}.home-post-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:10px;gap:10px;padding:20px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);color:inherit}.home-post-card .web-avatar{width:36px;height:36px}.home-post-card__head{display:grid;min-width:0}.home-post-card__head strong{color:var(--ink);font-size:13px;font-weight:700}.home-post-card__head span{color:var(--gray-400);font-size:12px}.home-post-card__actions,.home-post-card__body,.home-post-card__context{grid-column:1/-1}.home-post-card__context{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-top:3px;padding:5px 10px;border-radius:var(--r-sm);background:var(--surface);color:var(--gray-600);font-size:12px}.home-post-card__body{display:-webkit-box;overflow:hidden;color:var(--ink-80);font-size:14px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.home-post-card__actions{display:flex;gap:18px;margin-top:4px;color:var(--gray-600);font-size:13px;font-weight:500}.home-post-card__actions span{display:inline-flex;align-items:center;gap:6px}.home-app-cta{padding-top:8px;padding-bottom:42px}.home-app-cta__panel{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:40px;border-radius:var(--r-lg);background:var(--navy);color:var(--white)}.home-app-cta h2{color:var(--white);font-size:24px;font-weight:800;letter-spacing:0}.home-app-cta p{max-width:520px;margin-top:8px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}.home-app-cta__actions{display:flex;gap:10px}.home-app-cta__ghost{border-color:rgba(255,255,255,.3);background:transparent;color:var(--white)}@media (max-width:1024px){.home-lead{grid-template-columns:1fr}.home-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-post-grid{grid-template-columns:1fr}}@media (max-width:768px){.home-hero{padding-top:28px}.home-app-cta__panel,.home-hero__head,.home-section__head{align-items:flex-start;flex-direction:column}.home-hero h1{font-size:28px}.home-feature{min-height:320px;padding:24px}.home-feature q{font-size:22px}.home-book-grid,.home-card-row{grid-template-columns:1fr 1fr}}@media (max-width:520px){.home-book-grid,.home-card-row{grid-template-columns:1fr}}.books-page{max-width:var(--web-content-max-width);margin:0 auto;font-family:var(--font-pretendard)}.books-page__hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-gap:var(--web-grid-gap);gap:var(--web-grid-gap);align-items:stretch;margin-bottom:var(--spacing-48);padding:var(--spacing-48);border:1px solid var(--grey-200);border-radius:var(--radius-3xl);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76)),linear-gradient(135deg,rgba(12,225,154,.15),rgba(57,27,226,.08));box-shadow:var(--shadow-raised)}.books-page__hero-copy{min-width:0}.books-page__eyebrow{display:inline-flex;margin-bottom:var(--spacing-16);padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-pill);background:var(--surface-mint);color:var(--color-slate-ink);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.books-page__title{margin:0;color:var(--color-slate-ink);font-size:clamp(38px,5vw,64px);font-weight:var(--font-weight-bold);line-height:1.08}.books-page__subtitle{max-width:620px;margin:var(--spacing-16) 0 var(--spacing-32);color:var(--text-light);font-size:var(--text-heading-sm)}.books-page__search{display:flex;align-items:center;gap:var(--spacing-12);width:min(100%,560px);padding:var(--spacing-8) var(--spacing-8) var(--spacing-8) var(--spacing-16);border:1px solid var(--grey-200);border-radius:var(--radius-pill);background:var(--surface-canvas);box-shadow:var(--shadow-subtle)}.books-page__search svg{flex-shrink:0;color:var(--text-light)}.books-page__search input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--color-slate-ink);font:inherit}.books-page__search input::placeholder{color:var(--grey-300)}.books-page__search button{flex-shrink:0;padding:var(--spacing-10) var(--spacing-20);border:0;border-radius:var(--radius-pill);background:var(--color-slate-ink);color:var(--color-canvas-white);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.books-page__search:focus-within{border-color:var(--color-focus-ring)}.books-page__search button:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.books-page__hero-panel{min-width:0;padding:var(--spacing-24);border:1px solid var(--grey-200);border-radius:var(--radius-2xl);background:rgba(255,255,255,.72)}.books-page__top-book{display:grid;grid-template-columns:108px minmax(0,1fr);grid-gap:var(--spacing-18);gap:var(--spacing-18);align-items:center;margin-bottom:var(--spacing-24)}.books-page__top-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;overflow:hidden;border-radius:var(--radius-xl);background:var(--grey-100);color:var(--color-muted-gray);box-shadow:var(--shadow-subtle-2)}.books-page__top-cover img{width:100%;height:100%;object-fit:cover}.books-page__top-info{min-width:0}.books-page__top-label{display:block;margin-bottom:var(--spacing-8);color:var(--light-purple);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.books-page__top-title{display:-webkit-box;overflow:hidden;color:var(--color-slate-ink);font-size:var(--text-heading);font-weight:var(--font-weight-bold);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.books-page__top-info p{margin:var(--spacing-6) 0 0;overflow:hidden;color:var(--text-light);text-overflow:ellipsis;white-space:nowrap}.books-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--spacing-10);gap:var(--spacing-10);margin:0}.books-page__stats div{min-width:0;padding:var(--spacing-14);border-radius:var(--radius-xl);background:var(--surface-raised)}.books-page__stats dt{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-8);color:var(--text-light);font-size:var(--text-caption);font-weight:var(--font-weight-medium)}.books-page__stats dd{margin:0;color:var(--color-slate-ink);font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold)}.books-page__layout{grid-template-columns:minmax(0,1fr) var(--web-sidebar-width);grid-gap:var(--web-grid-gap);gap:var(--web-grid-gap)}.books-page__aside,.books-page__main{min-width:0}.books-page__aside-section,.books-page__section{margin-bottom:var(--spacing-32);padding:var(--spacing-24);border:1px solid var(--grey-200);border-radius:var(--radius-2xl);background:var(--surface-raised)}.books-page__aside-section:last-child,.books-page__section:last-child{margin-bottom:0}.books-page__book-link{display:block;min-width:0}.books-page__book-grid{align-items:start}.books-page__screener{overflow:hidden}.books-page__screener-controls,.books-page__screener-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.books-page__view-toggle{display:inline-flex;flex-shrink:0;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--grey-200);border-radius:var(--radius-pill);background:var(--surface-canvas)}.books-page__chip,.books-page__view-toggle-btn{border:0;color:var(--text-light);font-weight:var(--font-weight-semibold);cursor:pointer}.books-page__view-toggle-btn{min-width:58px;padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-pill);background:transparent;font-size:var(--text-caption)}.books-page__view-toggle-btn--active{background:var(--color-slate-ink);color:var(--color-canvas-white)}.books-page__screener-controls{margin:var(--spacing-18) 0 var(--spacing-18);padding:var(--spacing-12);border-radius:var(--radius-xl);background:var(--surface-canvas)}.books-page__chips{display:flex;min-width:0;flex-wrap:wrap;gap:var(--spacing-8)}.books-page__chip{padding:var(--spacing-9) var(--spacing-14);border-radius:var(--radius-pill);background:var(--grey-100);font-size:var(--text-caption)}.books-page__chip--active{background:var(--surface-mint);color:var(--color-slate-ink)}.books-page__sort{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--spacing-8);color:var(--text-light);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.books-page__sort select{padding:0 var(--spacing-32) 0 var(--spacing-12);border:1px solid var(--grey-200);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--color-slate-ink);font:inherit}.books-page__screener-table{overflow:hidden;border:1px solid var(--grey-200);border-radius:var(--radius-xl);background:var(--surface-canvas)}.books-page__screener-row{display:grid;align-items:center;min-width:0;grid-gap:var(--spacing-14);gap:var(--spacing-14);padding:var(--spacing-12) var(--spacing-16);border-bottom:1px solid var(--grey-100);color:inherit;text-decoration:none}.books-page__screener-row:last-child{border-bottom:0}.books-page__screener-row:not(.books-page__screener-row--head):hover{background:rgba(12,225,154,.06)}.books-page__screener-row--head{color:var(--text-light);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.books-page__screener-book{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;grid-gap:var(--spacing-12);gap:var(--spacing-12);min-width:0}.books-page__screener-book img,.books-page__screener-book>svg{width:40px;height:54px;border-radius:var(--radius-sm);background:var(--grey-100);object-fit:cover}.books-page__screener-book>span{display:flex;min-width:0;flex-direction:column;gap:var(--spacing-4)}.books-page__screener-book em,.books-page__screener-book strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-page__screener-book strong{color:var(--color-slate-ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.books-page__screener-book em{color:var(--text-light);font-size:var(--text-caption);font-style:normal}.books-page__card-rich-grid,.books-page__recent-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-14);gap:var(--spacing-14)}.books-page__card-rich,.books-page__ranking-row,.books-page__recent-card{display:grid;min-width:0;color:inherit;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.books-page__card-rich{grid-template-columns:72px minmax(0,1fr);gap:var(--spacing-14);align-items:center;padding:var(--spacing-12);border:1px solid var(--grey-200);border-radius:var(--radius-xl);background:var(--surface-canvas)}.books-page__card-rich:hover,.books-page__ranking-row:hover,.books-page__recent-card:hover{transform:translateY(-2px);border-color:var(--primary-green);box-shadow:var(--shadow-subtle-2)}.books-page__card-rich-cover,.books-page__recent-card-media{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-default);background:var(--grey-100);color:var(--color-muted-gray)}.books-page__card-rich-cover{aspect-ratio:3/4}.books-page__card-rich-cover img,.books-page__recent-card-media img{width:100%;height:100%;object-fit:cover}.books-page__card-rich-body,.books-page__ranking-body,.books-page__recent-card-body{display:flex;min-width:0;flex-direction:column;gap:var(--spacing-4)}.books-page__card-rich-body strong,.books-page__ranking-body strong,.books-page__recent-card-body strong{overflow:hidden;color:var(--color-slate-ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.books-page__card-rich-body span,.books-page__ranking-body span{overflow:hidden;color:var(--text-light);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap}.books-page__card-rich-body em,.books-page__recent-card-body em{color:var(--primary-green);font-size:var(--text-caption);font-style:normal;font-weight:var(--font-weight-semibold)}.books-page__recent-card{grid-template-columns:96px minmax(0,1fr);gap:var(--spacing-14);align-items:center;padding:var(--spacing-12);border:1px solid var(--grey-200);border-radius:var(--radius-xl);background:var(--surface-canvas)}.books-page__recent-card-media{aspect-ratio:1/1}.books-page__recent-card-body span{display:-webkit-box;overflow:hidden;color:var(--text-light);font-size:var(--text-caption);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.books-page__ranking{display:flex;flex-direction:column;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.books-page__ranking-row{grid-template-columns:32px minmax(0,1fr);gap:var(--spacing-10);align-items:center;padding:var(--spacing-12);border:1px solid var(--grey-200);border-radius:var(--radius-xl);background:var(--surface-canvas)}.books-page__ranking-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-slate-ink);color:var(--color-canvas-white);font-size:var(--text-caption);font-weight:var(--font-weight-bold)}.books-page__search-card{background:linear-gradient(135deg,rgba(12,225,154,.12),rgba(255,255,255,.86)),var(--surface-raised)}.books-page__search-card h2{margin:0 0 var(--spacing-10);color:var(--color-slate-ink);font-size:var(--text-heading-sm)}.books-page__search-card p{margin:0 0 var(--spacing-18);color:var(--text-light);line-height:1.6}.books-page__search-card a{display:inline-flex;padding:var(--spacing-10) var(--spacing-18);border-radius:var(--radius-pill);background:var(--color-slate-ink);color:var(--color-canvas-white);font-weight:var(--font-weight-semibold)}@media (max-width:1280px){.books-page__hero,.books-page__layout{grid-template-columns:1fr}.books-page__aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacing-24);gap:var(--spacing-24)}.books-page__screener-row{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(92px,auto))}.books-page__aside-section{margin-bottom:0}}@media (max-width:768px){.books-page__hero{padding:var(--spacing-24);margin-bottom:var(--spacing-32);border-radius:var(--radius-2xl)}.books-page__subtitle{font-size:var(--text-body)}.books-page__search{border-radius:var(--radius-xl)}.books-page__aside,.books-page__card-rich-grid,.books-page__recent-cards,.books-page__stats{grid-template-columns:1fr}.books-page__screener-controls,.books-page__screener-head{align-items:stretch;flex-direction:column}.books-page__sort,.books-page__view-toggle{width:100%}.books-page__sort select,.books-page__view-toggle-btn{flex:1 1}.books-page__screener-table{overflow-x:auto}.books-page__screener-row{width:680px}.books-page__aside-section,.books-page__section{padding:var(--spacing-20)}}@media (max-width:480px){.books-page__card-rich,.books-page__recent-card,.books-page__top-book{grid-template-columns:1fr}.books-page__top-cover{width:min(160px,100%)}.books-page__card-rich-cover,.books-page__recent-card-media{width:96px}.books-page__search{align-items:stretch;flex-direction:column;border-radius:var(--radius-xl)}.books-page__search svg{display:none}}.books-page{width:min(var(--web-content-max-width),100%);padding:0 var(--web-page-padding) 50px;background:var(--white);font-family:var(--font)}.books-page__hero{display:block;margin:0;padding:32px 0 6px;border:0;border-radius:0;background:transparent;box-shadow:none}.books-page__eyebrow{display:none}.books-page__title{color:var(--navy);font-size:30px;font-weight:800;line-height:1.25;letter-spacing:0}.books-page__subtitle{max-width:720px;margin:8px 0 0;color:var(--gray-600);font-size:15px;line-height:1.6}.books-page__search{width:100%;max-width:none;margin-top:26px;padding:11px 15px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:none}.books-page__search button{height:34px;padding:0 16px;border-radius:var(--r-full);background:var(--navy);color:var(--white);font-size:13px;font-weight:700}.books-page__hero-panel{display:none}.books-page__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;margin-top:24px}.books-page__aside-section,.books-page__section{margin-bottom:24px;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--white);box-shadow:none}.books-page__screener{padding:0;overflow:visible}.books-page__screener-head{position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:20;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.books-page__view-toggle{gap:0;padding:0;border:1px solid var(--border-2);border-radius:var(--r-md);overflow:hidden}.books-page__view-toggle-btn{min-width:46px;border-radius:0;background:var(--white);color:var(--gray-400)}.books-page__view-toggle-btn--active{background:var(--navy);color:var(--white)}.books-page__screener-controls{justify-content:space-between;margin:0;padding:14px 22px;border-radius:0;background:var(--white)}.books-page__chip{padding:8px 15px;border:1px solid var(--border-2);border-radius:var(--r-full);background:var(--white);color:var(--gray-600);font-size:13px}.books-page__chip--active{border-color:var(--green);background:var(--green);color:#063d2b}.books-page__sort select{min-height:38px;border-color:var(--border-2);border-radius:var(--r-md)}.books-page__screener-table{border:0;border-radius:0 0 var(--r-lg) var(--r-lg)}.books-page__screener-row{grid-template-columns:minmax(260px,1fr) 120px 120px 120px;gap:14px;padding:16px;border-bottom:1px solid var(--border);font-size:15px}.books-page__screener-row--head{color:var(--gray-400);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.books-page__screener-row:not(.books-page__screener-row--head):hover{background:var(--surface)}.books-page__screener-book img,.books-page__screener-book>svg{width:42px;height:60px;border-radius:5px;background:linear-gradient(135deg,#3a4a6b,#1a2740);box-shadow:var(--sh-soft)}.books-page__screener-book strong{color:var(--ink);font-size:15px;font-weight:700}.books-page__screener-book em{color:var(--gray-400);font-size:13px}.books-page__card-rich,.books-page__ranking-row,.books-page__recent-card{border-color:var(--border);border-radius:var(--r-md)}.books-page__ranking-rank,.books-page__search-card a{background:var(--navy)}.books-page__search-card{background:var(--green-tint)}.books-page__card-rich-body strong,.books-page__ranking-body strong,.books-page__recent-card-body strong,.books-page__search-card h2{color:var(--ink)}.books-page__card-rich-body em,.books-page__recent-card-body em{color:var(--indigo)}@media (max-width:1280px){.books-page__layout{grid-template-columns:1fr}}@media (max-width:768px){.books-page{padding:0 var(--spacing-16) 40px}.books-page__screener-head{top:var(--header-h)}}.book-detail{max-width:var(--web-content-max-width);margin:0 auto;padding:0 var(--web-page-padding);font-family:var(--font-pretendard);min-height:100vh;display:flex;flex-direction:column}.book-detail__breadcrumb{margin-bottom:var(--spacing-8)}.book-detail__breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-8);list-style:none;margin:0;padding:0;font-size:var(--text-caption)}.book-detail__breadcrumb-link{color:var(--text-light);text-decoration:none;transition:color var(--transition-fast)}.book-detail__breadcrumb-link:hover{color:var(--primary-green)}.book-detail__breadcrumb-sep{color:var(--grey-300);font-size:11px}.book-detail__breadcrumb-current{color:var(--color-slate-ink);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.book-detail__hero{display:flex;gap:var(--spacing-48);padding:var(--spacing-48) var(--spacing-32);margin-bottom:var(--spacing-48);border-radius:var(--radius-2xl);background:linear-gradient(135deg,rgba(12,225,154,.04),rgba(57,27,226,.03));border:1px solid var(--grey-200)}.book-detail__cover-wrap{flex-shrink:0}.book-detail__cover{object-fit:cover;background:var(--grey-100)}.book-detail__cover,.book-detail__cover-fallback{width:300px;height:400px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-subtle-3),0 20px 40px rgba(0,0,0,.08)}.book-detail__cover-fallback{background:linear-gradient(145deg,var(--grey-100) 0,var(--grey-200) 100%);display:flex;align-items:center;justify-content:center;color:var(--grey-400)}.book-detail__info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16) 0}.book-detail__title{font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg);font-weight:var(--font-weight-bold);color:var(--color-slate-ink);margin:0 0 var(--spacing-12)}.book-detail__meta-line{display:flex;align-items:center;gap:var(--spacing-8);font-size:var(--text-body);color:var(--text-light);margin:0 0 var(--spacing-20);flex-wrap:wrap}.book-detail__author{font-weight:var(--font-weight-semibold);color:var(--color-slate-ink)}.book-detail__meta-dot{color:var(--grey-300)}.book-detail__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin:0 0 var(--spacing-20);padding:0;list-style:none}.book-detail__tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:rgba(79,70,229,.08);color:var(--color-slate-ink);font-size:var(--text-caption,12px);font-weight:var(--font-weight-semibold)}.book-detail__related{margin-top:var(--spacing-32)}.book-detail__related-title{font-size:var(--text-heading-sm,18px);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-16)}.book-detail__related-list{display:flex;flex-direction:column;gap:var(--spacing-8);margin:0;padding:0;list-style:none}.book-detail__related-item{display:flex;align-items:center;gap:var(--spacing-8);color:var(--text-light);font-size:var(--text-body)}.book-detail__related-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-detail__rating-row{display:flex;align-items:center;gap:var(--spacing-16);margin-bottom:var(--spacing-32)}.book-detail__stars{display:inline-flex;align-items:center;gap:2px}.book-detail__star--filled{fill:#fbbf24;color:#fbbf24;stroke:#fbbf24}.book-detail__star--half{fill:#fde68a;color:#fbbf24;stroke:#fbbf24}.book-detail__star--empty{fill:none;color:var(--grey-300);stroke:var(--grey-300)}.book-detail__rating-num{margin-left:var(--spacing-8);font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--color-slate-ink)}.book-detail__reading-count{display:inline-flex;align-items:center;gap:var(--spacing-4);font-size:var(--text-caption);color:var(--text-light);font-weight:var(--font-weight-medium)}.book-detail__reading-count-num{color:var(--primary-green);font-weight:var(--font-weight-bold);font-size:var(--text-body)}.book-detail__cta-row{display:flex;gap:var(--spacing-12);margin-bottom:var(--spacing-20)}.book-detail__cta{padding:var(--spacing-12) var(--spacing-32);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-semibold);font-family:var(--font-pretendard);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);border:2px solid transparent}.book-detail__cta:active{transform:scale(.97)}.book-detail__cta--primary{background:var(--gradient-green);color:var(--color-canvas-white);border-color:transparent;box-shadow:0 2px 8px rgba(12,225,154,.25)}.book-detail__cta--primary:hover{box-shadow:var(--shadow-cta-hover);transform:translateY(-1px)}.book-detail__cta--outline{background:var(--surface-canvas);color:var(--color-slate-ink);border-color:var(--grey-200)}.book-detail__cta--outline:hover{border-color:var(--grey-400);background:var(--grey-50)}.book-detail__action-row{display:flex;gap:var(--spacing-8)}.book-detail__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--grey-200);background:var(--surface-canvas);color:var(--text-light);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.book-detail__icon-btn:hover{border-color:var(--primary-green);color:var(--primary-green);background:rgba(12,225,154,.06)}.book-detail__body{display:grid;grid-template-columns:1fr 340px;grid-gap:var(--spacing-32);gap:var(--spacing-32);flex:1 1;margin-bottom:var(--spacing-64)}.book-detail__content{min-width:0}.book-detail__tabs-wrap{position:-webkit-sticky;position:sticky;top:64px;z-index:var(--z-sticky);background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--grey-200);margin:0 calc(var(--spacing-32) * -1);padding:0 var(--spacing-32);margin-bottom:var(--spacing-32)}.book-detail__tabs{display:flex;gap:var(--spacing-4)}.book-detail__tab{position:relative;padding:var(--spacing-16) var(--spacing-20);border:none;background:transparent;font-size:var(--text-body);font-weight:var(--font-weight-medium);font-family:var(--font-pretendard);color:var(--text-light);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);border-radius:0;white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-6)}.book-detail__tab:hover{color:var(--color-slate-ink);background:var(--grey-50)}.book-detail__tab--active{color:var(--color-slate-ink);font-weight:var(--font-weight-bold)}.book-detail__tab--active:after{content:"";position:absolute;bottom:0;left:var(--spacing-20);right:var(--spacing-20);height:2px;background:var(--primary-green);border-radius:1px 1px 0 0}.book-detail__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-6);border-radius:var(--radius-pill);background:var(--grey-100);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-light);line-height:1}.book-detail__tab--active .book-detail__tab-count{background:rgba(12,225,154,.12);color:var(--primary-green)}.book-detail__panels{animation:bookDetailPanelFadeIn .25s ease}@keyframes bookDetailPanelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.book-detail__desc{margin-bottom:var(--spacing-32);padding:var(--spacing-32);background:var(--surface-canvas);border:1px solid var(--grey-200);border-radius:var(--radius-2xl)}.book-detail__desc-para{font-size:var(--text-body);line-height:1.75;color:var(--color-slate-ink);margin:0 0 var(--spacing-12)}.book-detail__desc-para:last-of-type{margin-bottom:0}.book-detail__desc-toggle{display:inline-flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-16);padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--grey-200);border-radius:var(--radius-pill);background:var(--grey-50);font-size:var(--text-caption);font-weight:var(--font-weight-medium);font-family:var(--font-pretendard);color:var(--text-light);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.book-detail__desc-toggle:hover{background:var(--grey-100);color:var(--color-slate-ink)}.book-detail__meta-table{width:100%;border-collapse:collapse;background:var(--surface-canvas);border:1px solid var(--grey-200);border-radius:var(--radius-2xl);overflow:hidden;font-size:var(--text-body)}.book-detail__meta-table th{text-align:left;background:var(--grey-50);color:var(--text-light);font-weight:var(--font-weight-medium);width:120px}.book-detail__meta-table td,.book-detail__meta-table th{padding:var(--spacing-12) var(--spacing-20);border-bottom:1px solid var(--grey-200)}.book-detail__meta-table td{color:var(--color-slate-ink)}.book-detail__meta-table tr:last-child td,.book-detail__meta-table tr:last-child th{border-bottom:none}.book-detail__cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-16);gap:var(--spacing-16)}.book-detail__cards-grid>div{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border-radius:var(--radius-xl)}.book-detail__cards-grid>div:hover{transform:translateY(-2px);box-shadow:var(--shadow-dropdown)}.book-detail__posts-list{list-style:none;margin:0;padding:0}.book-detail__post-item{border-bottom:1px solid var(--grey-100)}.book-detail__post-item:last-child{border-bottom:none}.book-detail__post-link{display:flex;align-items:flex-start;gap:var(--spacing-16);padding:var(--spacing-20);text-decoration:none;color:inherit;border-radius:var(--radius-xl);transition:background var(--transition-fast)}.book-detail__post-link:hover{background:var(--grey-50)}.book-detail__post-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--grey-100),var(--grey-200));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--grey-500)}.book-detail__post-body{flex:1 1;min-width:0}.book-detail__post-head{display:flex;align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-4)}.book-detail__post-nickname{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink)}.book-detail__post-time{font-size:11px;color:var(--text-light)}.book-detail__post-title{display:block;font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-slate-ink);line-height:1.35;margin-bottom:var(--spacing-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-detail__post-stats{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-4);padding-top:var(--spacing-4)}.book-detail__post-stat{display:inline-flex;align-items:center;gap:var(--spacing-4);font-size:11px;color:var(--text-light);font-weight:var(--font-weight-medium)}.book-detail__related-scroll{display:flex;gap:var(--spacing-16);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-8)}.book-detail__related-scroll::-webkit-scrollbar{height:4px}.book-detail__related-scroll::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:2px}.book-detail__related-book{flex-shrink:0;scroll-snap-align:start;width:140px;text-decoration:none;color:inherit;transition:transform var(--transition-fast)}.book-detail__related-book:hover{transform:translateY(-2px)}.book-detail__related-cover{object-fit:cover;background:var(--grey-100)}.book-detail__related-cover,.book-detail__related-cover-fallback{width:140px;height:190px;border-radius:var(--radius-default);box-shadow:var(--shadow-subtle)}.book-detail__related-cover-fallback{background:var(--grey-200);display:flex;align-items:center;justify-content:center;color:var(--grey-300)}.book-detail__related-title{margin:var(--spacing-8) 0 0;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-slate-ink);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-detail__related-author{margin:var(--spacing-2) 0 0;font-size:11px;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-detail__sidebar{min-width:0}.book-detail__sidebar-section{background:var(--surface-canvas);border:1px solid var(--grey-200);border-radius:var(--radius-2xl);padding:var(--spacing-24);margin-bottom:var(--spacing-24)}.book-detail__sidebar-section:last-child{margin-bottom:0}.book-detail__sidebar-heading{font-size:var(--text-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-slate-ink);margin:0 0 var(--spacing-20);line-height:1.3}.book-detail__sidebar-books{list-style:none;margin:0;padding:0}.book-detail__sidebar-book-row{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-10) 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--grey-100);transition:background var(--transition-fast);border-radius:var(--radius-default)}.book-detail__sidebar-book-row:last-child{border-bottom:none}.book-detail__sidebar-book-row:hover{background:var(--grey-50);margin:0 calc(var(--spacing-10) * -1);padding-left:var(--spacing-10);padding-right:var(--spacing-10)}.book-detail__sidebar-book-thumb{flex-shrink:0;width:40px;height:54px;border-radius:var(--radius-default);background:var(--grey-100);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--grey-300)}.book-detail__sidebar-book-thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-default)}.book-detail__sidebar-book-info{flex:1 1;min-width:0}.book-detail__sidebar-book-title{display:block;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.book-detail__sidebar-book-author{display:block;font-size:11px;color:var(--text-light);margin-top:var(--spacing-2)}.book-detail__footer{margin-top:auto;border-top:1px solid var(--grey-200);padding:var(--spacing-48) 0;background:var(--grey-50);margin-left:calc(var(--spacing-32) * -1);margin-right:calc(var(--spacing-32) * -1);padding-left:var(--spacing-32);padding-right:var(--spacing-32)}.book-detail__footer-inner{max-width:var(--web-content-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-16)}.book-detail__footer-logo{font-size:var(--text-heading);font-weight:var(--font-weight-bold);color:var(--primary-green);text-decoration:none;letter-spacing:-.02em}.book-detail__footer-nav{display:flex;gap:var(--spacing-24)}.book-detail__footer-nav a{font-size:var(--text-body);color:var(--text-light);text-decoration:none;transition:color var(--transition-fast)}.book-detail__footer-nav a:hover{color:var(--primary-green)}.book-detail__footer-copy{font-size:var(--text-caption);color:var(--grey-400);margin:0}@media (max-width:1024px){.book-detail__body{grid-template-columns:1fr}.book-detail__sidebar{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-24);gap:var(--spacing-24)}.book-detail__hero{gap:var(--spacing-32);padding:var(--spacing-32) var(--spacing-24)}.book-detail__cover,.book-detail__cover-fallback{width:240px;height:320px}.book-detail__cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.book-detail{padding:0 var(--spacing-16)}.book-detail__hero{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-24) var(--spacing-16);gap:var(--spacing-24)}.book-detail__cover,.book-detail__cover-fallback{width:200px;height:268px}.book-detail__info{align-items:center}.book-detail__cta-row,.book-detail__meta-line{justify-content:center}.book-detail__cta-row{flex-wrap:wrap}.book-detail__action-row{justify-content:center}.book-detail__cards-grid,.book-detail__sidebar{grid-template-columns:1fr}.book-detail__tabs-wrap{margin:0 calc(var(--spacing-16) * -1);padding:0 var(--spacing-16);overflow-x:auto;-webkit-overflow-scrolling:touch}.book-detail__tabs{min-width:max-content}.book-detail__footer{margin-left:calc(var(--spacing-16) * -1);margin-right:calc(var(--spacing-16) * -1);padding-left:var(--spacing-16);padding-right:var(--spacing-16)}}.card-detail{width:min(100%,calc(640px + var(--web-page-padding) + var(--web-page-padding)));margin:0 auto;padding:var(--spacing-32) var(--web-page-padding) var(--spacing-64);display:flex;flex-direction:column;gap:var(--spacing-32)}.card-detail__stage{margin:0;display:flex;justify-content:center}.card-detail__image{max-height:720px;object-fit:contain;background:var(--grey-50)}.card-detail__image,.card-detail__quote-hero{width:100%;border-radius:var(--radius-3xl);box-shadow:var(--shadow-subtle-3)}.card-detail__quote-hero{padding:var(--spacing-64) var(--spacing-48);background:var(--gradient-green);color:var(--color-canvas-white);font-size:var(--text-heading-lg);font-weight:var(--font-weight-semibold);line-height:1.6}.card-detail__quote,.card-detail__quote-hero{margin:0;white-space:pre-wrap;word-break:break-word}.card-detail__quote{position:relative;padding-left:var(--spacing-24);border-left:3px solid var(--light-purple);font-size:var(--text-heading-sm);line-height:1.8;color:var(--color-slate-ink)}.card-detail__book{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-16);border-radius:var(--radius-2xl);background:var(--grey-50)}.card-detail__book-cover{flex-shrink:0;width:52px;height:72px;object-fit:cover;border-radius:var(--radius-default);box-shadow:var(--shadow-subtle)}.card-detail__book-cover--empty{display:flex;align-items:center;justify-content:center;background:var(--very-light-purple);color:var(--light-purple)}.card-detail__book-info{display:flex;flex-direction:column;gap:2px;min-width:0}.card-detail__book-label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--light-purple)}.card-detail__book-title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink)}.card-detail__book-author{font-size:var(--text-caption);color:var(--color-muted-gray)}.card-detail__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding-top:var(--spacing-24);border-top:1px solid var(--border-light)}.card-detail__author{display:inline-flex;align-items:center;gap:var(--spacing-12)}.card-detail__author-meta{display:flex;flex-direction:column;gap:2px}.card-detail__author-name{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink);transition:color var(--transition-fast)}a.card-detail__author:hover .card-detail__author-name{color:var(--primary-green)}.card-detail__date{font-size:var(--text-caption);color:var(--color-muted-gray)}.card-detail__share{display:inline-flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-20);border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--surface-canvas);color:var(--color-slate-ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold);transition:border-color var(--transition-fast),color var(--transition-fast)}.card-detail__share:hover{border-color:var(--primary-green);color:var(--primary-green)}.card-detail__share:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}@media (max-width:768px){.card-detail{padding:var(--spacing-24) var(--spacing-16) var(--spacing-48)}.card-detail__quote-hero{padding:var(--spacing-48) var(--spacing-24);font-size:var(--text-heading)}}.reading-detail{width:min(100%,calc(720px + var(--web-page-padding) + var(--web-page-padding)));margin:0 auto;padding:var(--spacing-32) var(--web-page-padding) var(--spacing-64)}.reading-detail__layout{display:grid;grid-template-columns:220px 1fr;grid-gap:var(--spacing-48);gap:var(--spacing-48);align-items:start}.reading-detail__cover-wrap{position:-webkit-sticky;position:sticky;top:var(--spacing-32)}.reading-detail__cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-xl);background:var(--grey-50);box-shadow:var(--shadow-subtle-3)}.reading-detail__cover--empty{display:flex;align-items:center;justify-content:center;color:var(--color-muted-gray)}.reading-detail__info{display:flex;flex-direction:column;gap:var(--spacing-16);padding-top:var(--spacing-8)}.reading-detail__status{align-self:flex-start;padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.reading-detail__status--reading{background:var(--very-light-purple);color:var(--light-purple)}.reading-detail__status--finished{background:var(--surface-mint);color:var(--primary-green)}.reading-detail__status--planned{background:var(--grey-50);color:var(--text-light)}.reading-detail__title{margin:0;font-size:var(--text-heading-lg);font-weight:var(--font-weight-bold);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg);color:var(--color-slate-ink)}.reading-detail__author{margin:calc(-1 * var(--spacing-8)) 0 0;font-size:var(--text-heading-sm);color:var(--text-light)}.reading-detail__rating{display:flex;align-items:center}.reading-detail__period{margin:0;color:var(--text-light)}.reading-detail__member,.reading-detail__period{display:inline-flex;align-items:center;gap:var(--spacing-8);font-size:var(--text-body)}.reading-detail__member{margin-top:var(--spacing-8);font-weight:var(--font-weight-medium);color:var(--color-slate-ink);transition:color var(--transition-fast)}.reading-detail__member:hover{color:var(--primary-green)}.reading-detail__member:focus-visible{outline:2px solid var(--primary-green);outline-offset:3px;border-radius:var(--radius-pill)}@media (max-width:768px){.reading-detail{padding:var(--spacing-24) var(--spacing-16) var(--spacing-48)}.reading-detail__layout{grid-template-columns:1fr;gap:var(--spacing-24)}.reading-detail__cover-wrap{position:static;max-width:180px}}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-16);margin-bottom:var(--spacing-24)}.section-header__lead{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.section-header__eyebrow{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--light-purple)}.section-header__title{display:flex;align-items:baseline;gap:var(--spacing-12);margin:0;font-size:var(--text-heading-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-heading-lg);color:var(--color-slate-ink)}.section-header__count{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);color:var(--light-purple)}.section-header__more{display:inline-flex;align-items:center;gap:var(--spacing-4);flex-shrink:0;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--text-light);transition:color var(--transition-fast),gap var(--transition-fast)}.section-header__more:hover{color:var(--primary-green);gap:var(--spacing-8)}.section-header__more:focus-visible{outline:2px solid var(--primary-green);outline-offset:3px;border-radius:var(--radius-default)}@media (max-width:768px){.section-header__title{font-size:var(--text-heading)}}.star-rating{display:inline-flex;align-items:center;gap:var(--spacing-8)}.star-rating__track{position:relative;display:inline-flex;color:var(--border-light)}.star-rating__track svg{fill:currentColor;stroke:none}.star-rating__fill{position:absolute;inset:0;display:inline-flex;overflow:hidden;color:var(--warning-amber)}.star-rating__value{font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink)}.book-tile{display:flex;flex-direction:column;gap:0}.book-tile__cover{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--r-sm);background:linear-gradient(135deg,#3a4a6b,#1a2740);box-shadow:var(--sh-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.book-tile:hover .book-tile__cover{transform:translateY(-2px);box-shadow:var(--sh-card)}.book-tile__cover img{width:100%;height:100%;object-fit:cover}.book-tile__cover-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(255,255,255,.5)}.book-tile__rank{position:absolute;top:var(--spacing-8);left:var(--spacing-8);display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 var(--spacing-8);border-radius:var(--radius-pill);background:rgba(0,0,0,.42);color:var(--white);font-size:var(--text-caption);font-weight:var(--font-weight-bold)}.book-tile__info{display:flex;flex-direction:column;gap:4px;margin-top:10px}.book-tile__title{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink)}.book-tile__author{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--gray-400)}.book-tile__stats{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:12px;color:var(--gray-600)}.book-tile__stat{display:inline-flex;align-items:center;gap:4px;color:var(--indigo);font-weight:700}.book-tile__tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0;padding:0;list-style:none}.book-tile__tag{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;border-radius:var(--radius-pill);background:rgba(79,70,229,.08);color:var(--indigo);font-size:11px;font-weight:600}.reading-tile{display:flex;flex-direction:column;gap:var(--spacing-8)}.reading-tile__cover{aspect-ratio:3/4;overflow:hidden;border-radius:var(--radius-xl);background:var(--grey-50);box-shadow:var(--shadow-subtle-2);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.reading-tile:hover .reading-tile__cover{transform:translateY(-2px);box-shadow:var(--shadow-subtle-3)}.reading-tile:focus-visible{outline:2px solid var(--primary-green);outline-offset:3px;border-radius:var(--radius-xl)}.reading-tile__cover img{width:100%;height:100%;object-fit:cover}.reading-tile__cover-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-muted-gray)}.reading-tile__title{margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--color-slate-ink)}.reading-tile__author{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-caption);color:var(--color-muted-gray)}.reading-tile__rating{display:inline-flex}.state-block{flex-direction:column;gap:12px;width:100%;min-height:240px;padding:60px 24px;text-align:center;color:var(--gray-600)}.state-block,.state-block__icon{display:flex;align-items:center;justify-content:center}.state-block__icon{width:56px;height:56px;border-radius:50%;background:var(--surface);color:var(--gray-400)}.state-block__title{margin:0;font-size:17px;font-weight:700;color:var(--ink)}.state-block__message{margin:0;max-width:360px;font-size:var(--text-body);color:var(--gray-600);line-height:1.6}.state-block__action{margin-top:var(--spacing-8);height:40px;padding:0 18px;border:1px solid var(--border-2);border-radius:var(--r-full);background:var(--white);color:var(--ink);font-size:14px;font-weight:700;transition:border-color var(--transition-fast),background var(--transition-fast)}.state-block__action:hover{border-color:var(--gray-400);background:var(--white)}.state-block__action:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}.state-block__cta{margin-top:var(--spacing-8);padding:var(--spacing-12) var(--spacing-24);border:none;border-radius:var(--radius-pill);background:var(--green);color:#063d2b;font-size:var(--text-body);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast)}.state-block__cta:hover{opacity:.9}.state-spinner{width:36px;height:36px;border:3px solid var(--green-tint);border-top-color:var(--green);border-radius:var(--r-full);animation:state-spin .8s linear infinite}@keyframes state-spin{to{transform:rotate(1turn)}}.state-skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--surface) 25%,#eceef2 37%,var(--surface) 63%);background-size:400% 100%;border-radius:var(--r-sm)}.state-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);animation:state-shimmer 1.4s ease-in-out infinite}@keyframes state-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.state-spinner{animation-duration:1.6s}.state-skeleton:after{animation:none}}@font-face{font-family:Gungsuh;src:url(/_next/static/media/ChosunGs.350d5aae.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nanum Gothic;src:url(/_next/static/media/NanumSquareR.fde86128.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24 Ssurround;src:url(/_next/static/media/GmarketSansTTFMedium.2ada5922.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Galmuri;src:url(/_next/static/media/Galmuri9-Regular.78d79afe.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jalnan;src:url(/_next/static/media/Jalnan2TTF.e2fc4b02.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--primary-green:#0CE19A;--primary-purple:#391BE2;--dark-purple:#311CA8;--light-purple:#9B90E9;--very-light-purple:#D6D1F6;--grey-50:#fafafa;--grey-100:#f4f5f7;--grey-200:#e7e9ef;--grey-300:#dbdfe4;--grey-400:#b8bec8;--grey-500:#8e95a1;--grey-600:#6a717b;--grey-700:#4e5560;--grey-800:#3f3f46;--grey-900:#18181b;--grey-950:#0c0f14;--main-color:var(--primary-purple);--secondary-color:var(--light-purple);--accent-color:var(--primary-green);--background-light:var(--very-light-purple);--color-slate-ink:#181925;--color-canvas-white:#ffffff;--color-muted-gray:#999999;--color-focus-ring:#3182F6;--text-dark:#333;--text-dark-gray:var(--grey-600);--text-light:#666;--border-gray:var(--grey-100);--border-color:#eee;--border-light:var(--grey-200);--shadow-color:rgba(0,0,0,0.1);--near-black:#0c0c0e;--inactive-icon:#e4e4e7;--inactive-tab:#c9cacf;--social-grey:#777a88;--muted-slate:#5f626d;--placeholder-grey:#9ba2b1;--error-red:#dc3545;--heart-red:#e53e3e;--rule-grey:#f4f4f5;--cover-placeholder:#f0f0f0;--kakao-yellow:#FEE500;--naver-green:#03C75A;--gradient-green:linear-gradient(163deg,#0CE189,#0EB36F);--gradient-camera:linear-gradient(180deg,#0c0c0e,#474752);--font-pretendard:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;--font-gungsuh:"Gungsuh",serif;--font-nanum-gothic:"Nanum Gothic",sans-serif;--font-cafe24:"Cafe24 Ssurround",sans-serif;--font-galmuri:"Galmuri",monospace;--font-jalnan:"Jalnan",sans-serif;--text-caption:12px;--leading-caption:1.56;--tracking-caption:-0.05px;--text-body:14px;--leading-body:1.43;--tracking-body:-0.025px;--text-heading-sm:18px;--leading-heading-sm:1.33;--tracking-heading-sm:-0.02px;--text-heading:20px;--leading-heading:1.22;--tracking-heading:-0.018px;--text-heading-lg:24px;--leading-heading-lg:1.17;--tracking-heading-lg:-0.017px;--text-display:48px;--leading-display:1.13;--tracking-display:-0.013px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-unit:4px;--spacing-2:2px;--spacing-4:4px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--app-shell-max-width:450px;--app-shell-inline:20px;--home-inline:20px;--home-section-gap:30px;--home-canvas:#f4f4f5;--section-gap:64px;--card-padding:16px;--element-gap:16px;--web-max-width:1440px;--web-content-max-width:1200px;--web-page-padding:32px;--web-header-height:64px;--web-sidebar-width:320px;--web-grid-gap:24px;--radius-default:8px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-pill:9999px;--shadow-subtle:rgba(0,0,0,0.08) 0px 1px 1px 1px,rgba(0,0,0,0.06) 0px 0px 0px 0.5px;--shadow-subtle-2:rgba(0,0,0,0.08) 0px 1px 1px 0px,rgba(0,0,0,0.05) 0px 0px 0px 1px;--shadow-subtle-3:rgba(0,0,0,0.06) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 8px 16px 0px,rgba(0,0,0,0.02) 0px 0px 0px 1px;--shadow-tab-bar:0 0 20px rgba(0,0,0,0.05);--shadow-dropdown:0 4px 12px rgba(0,0,0,0.12);--shadow-modal:0 4px 15px rgba(0,0,0,0.2);--shadow-toast:0 4px 12px rgba(0,0,0,0.15);--shadow-cta-hover:0px 6px 16px 0px rgba(0,208,133,0.4);--shadow-raised:0 8px 24px rgba(24,25,37,0.08);--shadow-floating:0 16px 48px rgba(24,25,37,0.12);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--surface-canvas:#ffffff;--surface-page:#f7f8fa;--surface-raised:#ffffff;--surface-sunken:#f2f4f6;--surface-mint:rgba(12,225,154,0.12);--surface-home:#f4f4f5;--surface-input:#E7E9EF;--surface-divider:#F4F5F7;--surface-selection:#0CE19A;--surface-dark:#0c0c0e}.static-page{width:min(100%,calc(720px + var(--web-page-padding) + var(--web-page-padding)));margin:0 auto;padding:var(--spacing-48) var(--web-page-padding) var(--spacing-64);color:var(--text-dark)}.static-page__header{margin-bottom:var(--spacing-32);padding-bottom:var(--spacing-24);border-bottom:1px solid var(--border-light)}.static-page__title{margin:0 0 var(--spacing-12);font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-slate-ink)}.static-page__lead{margin:0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-light)}.static-page__link{color:var(--primary-green);text-decoration:underline;text-underline-offset:2px}.static-page__link:hover{opacity:.8}@media (max-width:768px){.static-page{padding:var(--spacing-12) var(--spacing-16) var(--spacing-48)}.static-page__title{font-size:var(--text-heading)}}