:root{--bg:#161109;--card:#221a10;--ink:#f5ecdd;--muted:#ab9c86;--line:#ffffff17;--accent:oklch(82% .13 80);--accent2:oklch(72% .13 32);--accent-weak:oklch(82% .13 80/.14);--on-accent:#1c1305;--thumb1:#2c2216;--thumb2:#342a1c;--radius:18px;--display:"Bricolage Grotesque", system-ui, sans-serif;--pad-x:40px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif;overflow-x:clip}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9px}.thumb-placeholder{background:repeating-linear-gradient(135deg, var(--thumb1) 0 11px, var(--thumb2) 11px 22px)}.card-hover{transition:transform .18s}.card-hover:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:700}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0;font-weight:600}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.chip{letter-spacing:.02em;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;line-height:1;transition:all .15s}.section-h2{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(22px,5.5vw,28px);font-weight:800}.topbar{padding:18px var(--pad-x);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex;position:sticky;top:0}.topbar-nav{color:var(--muted);gap:24px;font-size:13.5px;font-weight:500;display:flex}.studies-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.item-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:22px;width:100%;padding:20px;display:flex}.item-video-col{flex:none;width:320px;max-width:42vw}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumb a:hover{color:var(--accent)}.jr-hero-h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:pretty;font-size:52px;font-weight:800;line-height:.98}.jr-h2{font-family:var(--display);letter-spacing:-.01em;font-size:28px;font-weight:800}.jr-feature{color:inherit;border-radius:24px;flex-wrap:wrap;align-items:center;gap:20px;padding:24px;display:flex}.jr-feature-poster{aspect-ratio:9/16;border:1px solid var(--line);border-radius:14px;flex:none;width:120px;position:relative;overflow:hidden}.jr-cont-title{font-family:var(--display);letter-spacing:-.02em;font-size:44px;font-weight:800;line-height:1}.jr-study-title{font-family:var(--display);letter-spacing:-.01em;text-wrap:pretty;font-size:30px;font-weight:800;line-height:1.05}.jr-books{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.jr-book-body{padding:22px var(--pad-x) 48px;flex-wrap:wrap;align-items:flex-start;gap:56px;display:flex;position:relative}.jr-book-h1{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:72px;font-weight:800;line-height:.95}.jr-chapter-wrap{padding:28px 40px 44px}.jr-chapter-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:flex-start;gap:32px;padding:20px;display:flex}.jr-player{aspect-ratio:9/16;background:#000;border-radius:14px;flex:0 0 360px;min-width:0;position:relative;overflow:hidden}.jr-chapter-h1{font-family:var(--display);letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1}.jr-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;display:grid}.jr-tile{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-size:14px;font-weight:600;display:flex;position:relative}.jr-tile:not(.jr-tile-now):hover{border-color:var(--accent)!important}.jr-nav-link{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:3px;min-height:56px;padding:12px 14px;transition:border-color .15s;display:flex}.jr-nav-link:hover{border-color:var(--accent)}.jr-btn-ghost-strong{color:var(--ink);background:0 0;border:1px solid #ffffff38;font-weight:600}.jr-btn-ghost-strong:hover{border-color:var(--accent);color:var(--accent)}@keyframes jr-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:188.5px}}.jr-ring-arc{animation:5s linear forwards jr-ring}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{animation:1.4s ease-in-out infinite skeleton-pulse}@media (width<=720px){:root{--pad-x:20px}.topbar-nav{order:3;gap:18px;width:100%}.chip{padding:10px 16px;font-size:13px}.btn-primary,.btn-ghost{min-height:44px}.item-panel{flex-direction:column}.item-video-col{width:100%;max-width:none}.jr-hero-h1{font-size:34px}.jr-h2{font-size:24px}.jr-feature{padding:18px}.jr-feature-poster{width:84px}.jr-cont-title{font-size:32px}.jr-study-title{font-size:22px}.jr-book-body{gap:32px}.jr-book-h1{font-size:52px}.jr-chapter-wrap{padding:12px 20px 36px}.jr-chapter-panel{background:0 0;border-color:#0000;border-radius:0;gap:22px;padding:0}.jr-player{flex:100%}.jr-chapter-h1{font-size:34px}.jr-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}}
