/** Generated: Monday, 9th of November 2026, 06:39:17 // Powered by AIOM+ v4.0.7 **/
#journal-card{--jcard-bg:var(--bs-body-bg,#fff);--jcard-fg:var(--bs-emphasis-color,#212529);--jcard-muted:var(--bs-secondary-color,#6c757d);--jcard-line:var(--bs-border-color-translucent,rgba(0,0,0,.12));--jcard-accent:#908795;--jcard-font:'PT Sans',sans-serif}#journal-card{padding:3rem 0}.jcard-wrap{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.jcard-stage{perspective:1400px;margin:0 auto;width:100%;max-width:520px}.jcard{position:relative;background:var(--jcard-bg);color:var(--jcard-fg);border:1px solid var(--jcard-line);border-radius:14px;padding:2.5rem 2rem 2.25rem;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:.9rem;transform:rotate(-1.4deg);box-shadow:0 18px 34px rgba(0,0,0,.18),0 3px 8px rgba(0,0,0,.12);background-image:repeating-linear-gradient(var(--jcard-bg) 0,var(--jcard-bg) 37px,var(--jcard-line) 38px);background-position:0 64px}.jcard--empty{transform:none;background-image:none;text-align:center}.jcard__punch{position:absolute;top:16px;left:20px;width:14px;height:14px;border-radius:50%;background:var(--bs-secondary-bg,#e9ecef);border:2px solid var(--jcard-accent);box-shadow:inset 0 2px 3px rgba(0,0,0,.35)}.jcard__eyebrow{margin:0 0 .2rem 1.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--jcard-muted)}.jcard__text{margin:0;font-family:var(--jcard-font);font-weight:500;font-size:clamp(1.3rem,3.4vw,1.7rem);line-height:1.4}.jcard-draw{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;min-height:3rem;border:2px solid var(--jcard-accent);border-radius:50px;background:0 0;color:var(--jcard-fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:background-color .2s ease,color .2s ease}.jcard-draw:hover,.jcard-draw:focus-visible{background:var(--jcard-accent);color:#fff}@media (prefers-reduced-motion:no-preference){.jcard-stage-inner .jcard:not(.jcard--empty){animation:jcardFlipIn .5s cubic-bezier(.2,.7,.3,1) both}.jcard-stage[data-swapping] .jcard{animation:jcardFlipOut .2s ease-in both}}@keyframes jcardFlipIn{from{transform:rotate(-1.4deg) rotateY(-90deg);opacity:0}to{transform:rotate(-1.4deg) rotateY(0deg);opacity:1}}@keyframes jcardFlipOut{from{transform:rotate(-1.4deg) rotateY(0deg);opacity:1}to{transform:rotate(-1.4deg) rotateY(90deg);opacity:0}}@media (max-width:420px){.jcard{padding:2rem 1.4rem 1.75rem}}