.journal-container{position:relative;width:100%;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;overflow:hidden;background:linear-gradient(135deg,#f5ede0,#ebe3d5 40%,#e8dfd0)}.journal-bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#c4b89a22 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.journal-book{position:relative;display:flex;width:100%;max-width:900px;min-height:460px;filter:drop-shadow(0 8px 32px rgba(80,60,30,.15)) drop-shadow(0 2px 8px rgba(80,60,30,.1));transition:transform .6s ease}.journal-book:hover{transform:translateY(-2px)}.journal-extracting{animation:journal-pulse 2s ease-in-out infinite}@keyframes journal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.journal-spine{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);background:linear-gradient(to right,#d4c9b5,#bfb49e 30%,#a89880,#bfb49e 70%,#d4c9b5);z-index:10;box-shadow:-3px 0 6px #503c1e14,3px 0 6px #503c1e14}.journal-page{position:relative;flex:1;padding:24px 28px 40px;overflow:hidden;background:#faf6ef}.journal-page-left{border-radius:4px 0 0 4px;box-shadow:inset -8px 0 16px -8px #503c1e0f,-2px 0 4px #503c1e0a}.journal-page-right{border-radius:0 4px 4px 0;box-shadow:inset 8px 0 16px -8px #503c1e0f,2px 0 4px #503c1e0a}.journal-ruled-lines{position:absolute;inset:60px 0 0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,#e8ddd0 27px,#e8ddd0 28px);pointer-events:none;opacity:.5}.journal-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #d4c9b5;position:relative;z-index:2}.journal-page-title{font-family:Caveat,cursive;font-size:22px;font-weight:700;color:#4a3f35;letter-spacing:-.01em}.journal-page-date{font-family:Patrick Hand,cursive;font-size:13px;color:#9a8d7e}.journal-headline{position:relative;z-index:2;margin-bottom:20px;padding:8px 0}.journal-headline-text{font-family:Caveat,cursive;font-size:42px;font-weight:700;color:#2d2520;line-height:1.1;display:block}.journal-headline-underline{width:80px;height:3px;background:linear-gradient(90deg,#7c6daa,#c49a6c);border-radius:2px;margin-top:4px}.journal-headline-sub{font-family:Patrick Hand,cursive;font-size:13px;color:#8a7d6e;margin-top:4px;display:block}.journal-entities-area{position:relative;z-index:2}.journal-type-group{margin-bottom:16px}.journal-washi{display:inline-block;transform:rotate(-1deg);border-radius:1px;box-shadow:0 1px 2px #0000000f}.journal-stats-block{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;padding:16px 12px;background:linear-gradient(135deg,#f0e8da,#ebe3d5);border:2px dashed #d4c9b5;border-radius:4px;position:relative;z-index:2}.journal-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.journal-stat-number{font-family:Caveat,cursive;font-size:36px;font-weight:700;color:#4a3f35;line-height:1}.journal-stat-label{font-family:Patrick Hand,cursive;font-size:12px;color:#9a8d7e;text-transform:uppercase;letter-spacing:.08em}.journal-stat-divider{width:1px;height:40px;background:#d4c9b5}.journal-handwritten-note{font-family:Caveat,cursive;font-size:20px;color:#7a6d5e;padding:20px;text-align:center;position:relative;z-index:2}.journal-page-number{position:absolute;bottom:12px;font-family:Patrick Hand,cursive;font-size:14px;color:#b5a898}.journal-page-number-left{left:28px}.journal-page-number-right{right:28px}.journal-bottom-tape{margin-top:16px;padding:6px 20px;background:#7c6daa26;border-radius:2px;font-family:Patrick Hand,cursive;font-size:13px;color:#7c6daa;letter-spacing:.05em;text-align:center;transform:rotate(-.5deg)}@media (max-width: 768px){.journal-container{padding:16px 8px;min-height:auto}.journal-book{flex-direction:column;max-width:100%}.journal-spine{inset:50% 0 auto;width:auto;height:4px;transform:translateY(-50%);background:linear-gradient(to bottom,#d4c9b5,#a89880 50%,#d4c9b5);box-shadow:0 -3px 6px #503c1e14,0 3px 6px #503c1e14}.journal-page-left{border-radius:4px 4px 0 0;box-shadow:inset 0 -8px 16px -8px #503c1e0f}.journal-page-right{border-radius:0 0 4px 4px;box-shadow:inset 0 8px 16px -8px #503c1e0f}.journal-page{padding:20px 16px 36px}.journal-headline-text{font-size:32px}.journal-stat-number{font-size:28px}.journal-stats-block{gap:12px;padding:12px 8px}}.journal-type-group{transition:transform .2s ease}.journal-type-group:hover{transform:translate(2px)}.journal-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}