.journal-detail-page{--jd-ink:#0f172a;--jd-paper:#fffef9;--jd-line:#0f172a14;--jd-gold:#b8860b;--jd-gold-light:#d4af37}.dark .journal-detail-page{--jd-paper:#fafaf8;--jd-line:#0f172a1a}.journal-detail-notebook{background:var(--jd-paper);border:1px solid #0f172a1a;border-radius:1.25rem;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0f172a0a,0 16px 48px #0f172a1a,inset 0 1px #ffffffe6}.journal-detail-notebook.is-premium{border-color:#b4530938;box-shadow:0 2px 4px #b453090f,0 20px 56px #78350f24,inset 0 1px #fffbebf2}.journal-detail-notebook .journal-notebook-spiral{width:22px}@media (min-width:640px){.journal-detail-notebook .journal-notebook-spiral{width:28px}}.journal-detail-main{background-image:linear-gradient(90deg,#0000 0% 100%),radial-gradient(120% 80% at 50% -20%,#ffffffd9,#0000 55%);flex:auto;min-width:0;position:relative}.journal-detail-main:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0, transparent 31px, var(--jd-line) 31px, var(--jd-line) 32px);opacity:.35;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.journal-detail-ribbon{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--jd-ribbon,#7c3aed);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);padding:.35rem 1.25rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:0;right:2.5rem;box-shadow:0 4px 12px #00000026}.journal-detail-notebook.is-premium .journal-detail-ribbon{border-bottom:2px solid var(--jd-gold-light);color:var(--jd-gold-light);background:linear-gradient(135deg,#1a1a1a 0%,#3f3f46 100%)}.journal-detail-tabs{flex-direction:column;flex-shrink:0;gap:6px;padding:1.25rem 0 1.25rem .35rem;display:none}@media (min-width:768px){.journal-detail-tabs{display:flex}}.journal-detail-tabs-mobile{scrollbar-width:none;gap:.35rem;padding:0 1rem .5rem;display:flex;overflow-x:auto}.journal-detail-tabs-mobile::-webkit-scrollbar{display:none}@media (min-width:768px){.journal-detail-tabs-mobile{display:none}}.journal-detail-tab-mobile{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--tab-color);background:var(--tab-light);border:1px solid color-mix(in srgb, var(--tab-color) 25%, transparent);border-radius:9999px;flex-shrink:0;padding:.35rem .65rem;font-family:inherit;font-size:.625rem;font-weight:700}.journal-detail-tab-mobile.is-active{box-shadow:0 2px 8px color-mix(in srgb, var(--tab-color) 22%, transparent)}.journal-detail-tab{--tab-color:#6366f1;--tab-light:#eef2ff;cursor:pointer;background:linear-gradient(180deg, var(--tab-light) 0%, color-mix(in srgb, var(--tab-color) 18%, white) 100%);width:2rem;min-height:4.5rem;color:var(--tab-color);letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;cursor:default;border:none;border-radius:10px 0 0 10px;justify-content:center;align-items:center;padding:.65rem .35rem;font-family:inherit;font-size:.625rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;transform:rotate(180deg);box-shadow:-3px 0 10px #0f172a14,inset 1px 0 #fff9}.journal-detail-tab:after{content:"";background:var(--tab-color);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8%;bottom:8%;left:0}.journal-detail-tab:hover{transform:rotate(180deg)translate(-2px);box-shadow:-5px 0 14px #0f172a1f}.journal-detail-tab.is-active{background:linear-gradient(180deg, color-mix(in srgb, var(--tab-color) 12%, white), var(--tab-light));width:2.25rem;box-shadow:-6px 0 16px color-mix(in srgb, var(--tab-color) 25%, transparent)}.journal-detail-hero{z-index:1;padding:1.25rem 1rem .5rem;position:relative}@media (min-width:640px){.journal-detail-hero{padding:1.75rem 1.5rem .75rem}}.journal-detail-hero__grid{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:640px){.journal-detail-hero__grid{flex-direction:row;align-items:flex-start;gap:1.5rem}}.journal-detail-hero__media{width:100%;max-width:12rem;margin-left:auto;margin-right:auto}@media (min-width:640px){.journal-detail-hero__media{width:auto;max-width:11.5rem;margin-left:0;margin-right:0}}.journal-detail-hero__actions{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%}.journal-detail-hero__actions>*{flex-shrink:0;width:auto}@media (min-width:640px){.journal-detail-hero__actions{justify-content:flex-start}}.journal-detail-hero .journal-polaroid--detail{padding:8px 8px 22px;box-shadow:0 6px 20px #0f172a24,0 0 0 1px #0f172a0d}.journal-detail-title{font-family:var(--font-serif,ui-serif, Georgia, serif);letter-spacing:-.02em;color:var(--jd-ink);font-size:1.75rem;font-weight:700;line-height:1.15}@media (min-width:640px){.journal-detail-title{font-size:2.25rem}}.journal-detail-stats{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.journal-detail-stat{color:#475569;background:#ffffffd9;border:1px solid #0f172a14;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.6875rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.journal-detail-notebook.is-premium .journal-detail-stat--premium{color:#78350f;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#b4530940}.journal-detail-body{z-index:1;padding:0 1rem 1.5rem;position:relative}@media (min-width:640px){.journal-detail-body{padding:0 1.5rem 2rem}}.journal-detail-panel-view{min-height:12rem;padding-top:.25rem}.journal-detail-panel{background:#ffffffeb;border:1px solid #0f172a14;border-radius:.875rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 16px #0f172a0d}.journal-detail-notebook.is-premium .journal-detail-panel--accent{border-color:#b453092e;box-shadow:0 6px 20px #b4530914}.journal-detail-panel__head{background:linear-gradient(#f8fafcf2,#fff9);border-bottom:1px solid #0f172a0f;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.journal-detail-panel__title{letter-spacing:.06em;text-transform:uppercase;color:#334155;font-size:.8125rem;font-weight:700}.journal-detail-panel__body{padding:1rem}.journal-detail-panel__body--flush{padding:0}.journal-detail-tabs-ui{background:0 0!important;border:1px solid #0f172a1a!important;border-radius:.65rem!important;padding:.2rem!important}.journal-detail-tabs-trigger[data-state=active]{background:#fff!important;font-weight:600!important;box-shadow:0 1px 4px #0f172a14!important}.journal-detail-unlock-divider span{background:var(--jd-paper)!important}.journal-detail-section{scroll-margin-top:6.5rem}.journal-ownership-cert{animation:.5s ease-out journal-cert-in}@keyframes journal-cert-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.journal-detail-notebook[data-motion],.journal-detail-notebook{animation:none!important}.journal-ownership-cert{animation:none}}