.journal-root :focus-visible{outline:2px solid var(--color-solar);outline-offset:-2px}.journal-root{--ink:#1b2a40;--ink-teal:#1f6579;--ink-maroon:#7e3a44;--ink-ember:#a85520;--ink-antique:#6f5430}.ink-teal{color:var(--ink-teal)}.ink-maroon{color:var(--ink-maroon)}.ink-ember{color:var(--ink-ember)}.ink-antique{color:var(--ink-antique)}.journal-root:before,.journal-root:after{content:"";z-index:0;pointer-events:none;background-repeat:repeat;position:fixed;inset:-50%}.journal-root:before{background-image:radial-gradient(1px 1px at 20px 30px,#f4e8c880,#0000),radial-gradient(1px 1px at 130px 80px,#f4e8c84d,#0000),radial-gradient(1.5px 1.5px at 220px 160px,#db8e3e59,#0000),radial-gradient(1px 1px at 320px 40px,#f4e8c866,#0000);background-size:380px 220px;animation:240s linear infinite journal-drift}.journal-root:after{background-image:radial-gradient(1px 1px at 60px 120px,#f4e8c840,#0000),radial-gradient(1px 1px at 250px 60px,#f4e8c833,#0000);background-size:300px 190px;animation:400s linear infinite reverse journal-drift}@keyframes journal-drift{0%{transform:translate(0,0)}to{transform:translate(-190px,-110px)}}.journal-lamp{z-index:0;pointer-events:none;filter:blur(8px);background:radial-gradient(58% 52% at 50% 38%,#db8e3e38,#db8e3e00 70%);border-radius:50%;animation:7s ease-in-out infinite journal-breathe;position:absolute;inset:-56px -72px}@keyframes journal-breathe{50%{opacity:.6}}.journal-cover{background:radial-gradient(140% 100% at 50% 0,#c2682b24,#0000 55%),linear-gradient(165deg,#33241485 0%,#0000 45%),linear-gradient(#2c1f12 0%,#211609 60%,#191007 100%);border-radius:14px;padding:7px;box-shadow:0 30px 80px #000000a6,0 0 0 1px #8a6a3c8c,0 0 110px #db8e3e1f,inset 0 1px #f4e8c81f}.journal-spine{background:repeating-linear-gradient(#0000 0 44px,#0006 44px 46px,#f4e8c817 46px 48px,#0000 48px 92px),linear-gradient(90deg,#241a12 0%,#3a2a19 70%,#241a12 100%);border-radius:8px 0 0 8px;box-shadow:inset -2px 0 4px #00000080}.journal-spine:before{content:"";border-right:2px dashed #db8e3e66;width:0;height:calc(100% - 20px);margin:10px auto 0;display:block}.journal-leaves{background:repeating-linear-gradient(90deg,#e8dab5 0 2px,#cbb98d 2px 3px,#f0e4c2 3px 5px),#e8dab5;border-radius:0 8px 8px 0;box-shadow:inset 2px 0 3px #00000040}.journal-paper{background:radial-gradient(120% 70% at 50% 0,#fff8e1f2 0%,#faf2dd99 55%,#ecdebc8c 100%),repeating-linear-gradient(3deg,#8a6a3c06 0 3px,#0000 3px 6px),repeating-linear-gradient(93deg,#1b2a4005 0 2px,#0000 2px 5px),linear-gradient(#faf2dd,#efe3c2);box-shadow:inset 0 0 60px #8a6a3c1f}.journal-ribbon{z-index:10;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 10px),0 100%);filter:drop-shadow(0 3px 3px #1b2a4059);background:linear-gradient(#8c414c 0%,#7e3a44 55%,#632e36 100%);width:33px;height:74px;position:absolute;top:0;left:12px;box-shadow:inset 0 -18px 14px #00000040}.journal-ribbon svg{color:#db8e3ecc;width:calc(100% - 6px);margin:30px 3px 0;display:block}.journal-rule{background:linear-gradient(#7e3a4400,#7e3a4459 24px calc(100% - 24px),#7e3a4400)}.journal-glyph{-webkit-user-select:none;user-select:none;font-family:var(--font-code);letter-spacing:-.02em;place-self:start end;font-size:13px;line-height:1.7}.journal-gutter{grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;display:grid}@media (min-width:640px){.journal-gutter{grid-template-columns:2.65rem minmax(0,1fr);column-gap:1rem}}.journal-slip{background:linear-gradient(#fff8e18c,#ecdebc59);border:1px dashed #8a6a3c8c;border-radius:6px;box-shadow:0 1px 3px #1b2a4014}.journal-stamp{color:#7e3a44bf;border:1.5px solid #7e3a4473;border-radius:4px;transform:rotate(-1.2deg);-webkit-mask-image:repeating-linear-gradient(45deg,#000 0 2px,#000000d1 2px 4px);mask-image:repeating-linear-gradient(45deg,#000 0 2px,#000000d1 2px 4px)}.journal-console{background:radial-gradient(120% 200% at 50% -60%,#db8e3e29,#0000 60%),linear-gradient(#241b10 0%,#1a1309 100%);border:1px solid #8a6a3ca6;box-shadow:inset 0 1px #f4e8c81a,0 8px 24px #00000073}.journal-console--inset{border-bottom:0;border-radius:8px 8px 0 0}.journal-console--baseline{border-left:0;border-right:0;border-radius:0}.journal-cabinet{background:linear-gradient(#0f1a2c 0%,#0c1524 100%);border:1px solid #8a6a3c80;box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #f4e8c80f,0 14px 40px #00000073}.journal-rivets{position:relative}.journal-rivets:before{content:"";pointer-events:none;border-radius:inherit;background-image:radial-gradient(3px 3px at 8px 8px,#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at calc(100% - 8px) 8px,#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at 8px calc(100% - 8px),#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px),radial-gradient(3px 3px at calc(100% - 8px) calc(100% - 8px),#db8e3ebf 0 1.5px,#00000080 2px,#0000 3px);background-repeat:no-repeat;position:absolute;inset:0}.journal-jewel{background:radial-gradient(circle at 35% 30%,#ffffffd9 0 12%,#0000 40%),radial-gradient(circle,#e8695f 0%,#c94f46 55%,#7e2f29 100%);box-shadow:0 0 10px #c94f46e6,inset 0 -1px 2px #00000080}.journal-jewel-paused{background:radial-gradient(circle,#6b6252 0%,#443d31 100%);box-shadow:inset 0 -1px 2px #00000080}.journal-reclamp{animation:2.4s ease-in-out infinite journal-pulse}@keyframes journal-pulse{50%{opacity:.45}}.journal-entry{animation:.24s ease-out journal-entry-in}@keyframes journal-entry-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.journal-root:before,.journal-root:after,.journal-lamp,.journal-reclamp,.journal-entry{animation:none}}