@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Outfit", sans-serif;--font-handwritten: "Caveat", cursive;--bg-primary: #FAF7F2;--bg-secondary: #F4EFE6;--bg-card: #FFFFFF;--text-primary: #1A1D20;--text-secondary: #5C626A;--text-muted: #8E959E;--color-brand: #1A73E8;--color-brand-hover: #1557B0;--color-brand-soft: #E8F0FE;--color-purple: #7C4DFF;--color-purple-soft: #F3E8FF;--color-peach: #FF8A80;--color-peach-soft: #FFEBEA;--color-green: #34A853;--color-green-soft: #E6F4EA;--border-color: #E6DFD3;--card-shadow: 0 10px 30px rgba(139, 119, 90, .08), 0 1px 3px rgba(139, 119, 90, .04);--card-shadow-hover: 0 20px 40px rgba(139, 119, 90, .15), 0 2px 8px rgba(139, 119, 90, .08);--glow-color: rgba(26, 115, 232, .15);--transition-speed: .3s;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px}[data-theme=dark]{--bg-primary: #0C0F14;--bg-secondary: #131922;--bg-card: #18202C;--text-primary: #F0F4F8;--text-secondary: #9AA7B6;--text-muted: #647384;--color-brand: #64B5F6;--color-brand-hover: #90CAF9;--color-brand-soft: rgba(100, 181, 246, .12);--color-purple: #B388FF;--color-purple-soft: rgba(179, 136, 255, .12);--color-peach: #FFAB91;--color-peach-soft: rgba(255, 171, 145, .12);--color-green: #81C784;--color-green-soft: rgba(129, 199, 132, .12);--border-color: #242F3D;--card-shadow: 0 10px 30px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .1);--card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--glow-color: rgba(100, 181, 246, .25)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-speed),color var(--transition-speed);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-primary)}a{color:var(--color-brand);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-brand-hover)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.mb-4{margin-bottom:1.5rem}.badge{display:inline-block;padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.badge-brand{background-color:var(--color-brand-soft);color:var(--color-brand)}.badge-purple{background-color:var(--color-purple-soft);color:var(--color-purple)}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background-color:#faf7f2cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}[data-theme=dark] .navbar{background-color:#0c0f14cc}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:1.6rem;color:var(--text-primary)}.logo span{color:var(--color-brand)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-link{font-weight:500;color:var(--text-secondary);font-size:.95rem;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background-color:var(--color-brand);transition:width .2s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:var(--color-brand);color:#fff}.btn-primary:hover{background-color:var(--color-brand-hover);transform:translateY(-2px);box-shadow:0 8px 20px var(--glow-color);color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);transform:translateY(-2px)}.theme-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all .2s ease}.theme-toggle:hover{transform:rotate(15deg) scale(1.05)}.menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-primary)}.menu-btn svg{width:28px;height:28px}.hero{padding:160px 0 80px;background:radial-gradient(circle at 80% 20%,var(--color-brand-soft) 0%,transparent 45%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}[data-theme=dark] .hero{background:radial-gradient(circle at 80% 20%,rgba(100,181,246,.08) 0%,transparent 45%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-title{font-size:3.8rem;font-weight:800;line-height:1.15;margin-bottom:24px;letter-spacing:-.02em}.hero-title span{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-purple) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;max-width:520px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-badges{display:flex;align-items:center;gap:24px;opacity:.8}.hero-badge-item{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.hero-badge-item svg{color:var(--color-brand);width:20px;height:20px}.hero-canvas-wrapper{position:relative;width:100%;height:500px;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);overflow:hidden;box-shadow:var(--card-shadow)}.canvas-instruction{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#ffffffe6;border:1px solid var(--border-color);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-secondary);z-index:10;box-shadow:0 4px 10px #0000000d;display:flex;align-items:center;gap:8px;pointer-events:none;transition:opacity .3s ease}[data-theme=dark] .canvas-instruction{background-color:#18202ce6}.canvas-container{position:relative;width:100%;height:100%}.canvas-item{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;z-index:2;transition:box-shadow .2s ease,transform .1s ease-out}.canvas-item:active{cursor:grabbing;z-index:100!important}.polaroid{background:#fff;padding:12px 12px 28px;border-radius:4px;box-shadow:0 8px 24px #0000001f,0 2px 4px #0000000f;border:1px solid rgba(0,0,0,.05);width:180px}.polaroid img{width:100%;height:140px;object-fit:cover;border-radius:2px;pointer-events:none}.polaroid-caption{font-family:var(--font-handwritten);font-size:1.4rem;color:#2f3e46;text-align:center;margin-top:10px;line-height:1;transform:rotate(-2deg)}.tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-3deg);width:80px;height:25px;background-color:#f4d4a499;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-left:2px dashed rgba(0,0,0,.05);border-right:2px dashed rgba(0,0,0,.05);z-index:5;pointer-events:none}.sticker{font-size:4rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));display:inline-block;transition:transform .2s ease}.sticker:hover{transform:scale(1.1)}.rotate-handle{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:24px;height:24px;background-color:var(--color-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 2px 6px #0003;cursor:alias;opacity:0;transition:opacity .2s ease;z-index:6}.canvas-item:hover .rotate-handle{opacity:1}.features-section{padding:100px 0;position:relative}.section-header{max-width:650px;margin:0 auto 60px}.section-title{font-size:2.8rem;font-weight:800;margin-bottom:16px;letter-spacing:-.01em}.section-subtitle{color:var(--text-secondary);font-size:1.15rem}.demo-showcase-grid{display:grid;grid-template-columns:1fr;gap:80px}.demo-showcase-row{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.demo-showcase-row:nth-child(2n){grid-template-columns:.9fr 1.1fr}.demo-showcase-row:nth-child(2n) .demo-visual-side{order:-1}.demo-content-side{display:flex;flex-direction:column;justify-content:center}.demo-feature-title{font-size:2.2rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:12px}.demo-feature-title svg{width:32px;height:32px;color:var(--color-brand)}.demo-feature-description{color:var(--text-secondary);font-size:1.1rem;margin-bottom:24px}.demo-feature-list{list-style:none;margin-bottom:30px}.demo-feature-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-primary);font-weight:500}.demo-feature-list li svg{color:var(--color-green);width:20px;height:20px}.demo-visual-side{position:relative;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:30px;box-shadow:var(--card-shadow);overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.remo-chat-widget{width:100%;max-width:380px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;height:380px}.chat-header{background-color:var(--bg-secondary);padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.chat-header-user{display:flex;align-items:center;gap:12px}.avatar-wrapper{position:relative}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-purple) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-green);border:2px solid var(--bg-card)}.chat-header-info h4{font-size:.95rem;margin:0}.chat-header-info span{font-size:.75rem;color:var(--text-muted)}.chat-messages{flex-grow:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background-color:var(--bg-card)}.chat-msg{max-width:75%;padding:10px 14px;border-radius:18px;font-size:.9rem;line-height:1.4;word-break:break-word}.chat-msg.remo{align-self:flex-start;background-color:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-msg.user{align-self:flex-end;background-color:var(--color-brand);color:#fff;border-bottom-right-radius:4px}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background-color:var(--bg-secondary);border-radius:18px 18px 18px 4px;align-self:flex-start;width:fit-content}.typing-indicator span{width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;display:inline-block;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-options{padding:12px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:8px;overflow-x:auto}.chat-option-btn{flex-shrink:0;padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);background-color:var(--bg-card);font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.chat-option-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.diary-companion-widget{width:100%;max-width:400px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:24px;box-shadow:var(--card-shadow)}.diary-textarea-wrapper{position:relative;margin-bottom:20px}.diary-textarea{width:100%;height:160px;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;resize:none;line-height:27px;background-image:linear-gradient(rgba(26,115,232,.05) 1px,transparent 1px);background-size:100% 27px;outline:none;transition:border-color var(--transition-speed)}.diary-textarea:focus{border-color:var(--color-brand)}.diary-controls{display:flex;justify-content:space-between;align-items:center}.reflection-result{margin-top:20px;padding:16px;background-color:var(--color-brand-soft);border-left:4px solid var(--color-brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem;display:none;animation:fadeIn .4s ease forwards}.reflection-result h5{color:var(--color-brand);font-weight:700;margin-bottom:6px;font-size:.95rem}.reflection-result p{color:var(--text-primary);font-style:italic}.diary-sentiment-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;background-color:var(--color-brand);color:#fff;margin-top:8px}.book-container{perspective:1200px;width:320px;height:240px;cursor:pointer;position:relative}.book{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.1);transform:rotateX(25deg) rotateY(-20deg)}.book-container:hover .book{transform:rotateX(20deg) rotateY(-10deg) scale(1.05)}.book-container.open .book{transform:rotateX(15deg) rotateY(-180deg) scale(1.05)}.book-cover-front,.book-cover-back,.book-page-inside{position:absolute;width:100%;height:100%;border-radius:8px 16px 16px 8px;box-shadow:5px 5px 20px #00000026;backface-visibility:hidden}.book-cover-front{background:linear-gradient(135deg,#2d3a4a,#1a222d);border-left:12px solid #D4AF37;z-index:5;transform-origin:left center;transition:transform .6s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e2c044}.book-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.book-subtitle{font-family:var(--font-handwritten);font-size:1.1rem;color:#ffffffb3}.book-cover-back{background:#1a222d;transform:rotateY(180deg);z-index:1}.book-page-inside{background-color:#faf4eb;border-left:2px solid rgba(0,0,0,.05);z-index:2;transform:rotateY(180deg);transform-origin:left center;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #E4D8C4}.notebook-header{font-size:.75rem;color:var(--text-muted);border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:6px;display:flex;justify-content:space-between}.notebook-content{font-family:var(--font-handwritten);font-size:1.25rem;color:#3d352e;line-height:1.5;flex-grow:1;margin-top:15px}.notebook-footer{font-size:.7rem;text-align:right;color:var(--text-muted)}.flip-instruction{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.capsule-widget{width:100%;max-width:360px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:24px;box-shadow:var(--card-shadow);text-align:center}.capsule-lock{width:70px;height:70px;background-color:var(--color-peach-soft);color:var(--color-peach);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 20px;transition:all .3s ease}.capsule-widget.unlocked .capsule-lock{background-color:var(--color-green-soft);color:var(--color-green);transform:scale(1.05)}.capsule-timer{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin-bottom:12px;letter-spacing:.05em}.capsule-progress-bar{width:100%;height:6px;background-color:var(--bg-secondary);border-radius:3px;margin-bottom:24px;overflow:hidden}.capsule-progress{width:35%;height:100%;background-color:var(--color-peach);border-radius:3px;transition:width 1s linear,background-color .3s ease}.capsule-widget.unlocked .capsule-progress{width:100%;background-color:var(--color-green)}.capsule-btn{width:100%}.capsule-memory{background-color:var(--bg-secondary);padding:12px;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);font-style:italic;display:none;margin-top:15px;animation:fadeIn .4s ease forwards}.map-widget{width:100%;height:300px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);position:relative;overflow:hidden}.map-svg{width:100%;height:100%;fill:var(--bg-secondary);stroke:var(--border-color);stroke-width:.5}.map-marker{position:absolute;cursor:pointer;z-index:5}.marker-dot{width:12px;height:12px;background-color:var(--color-brand);border:2px solid white;border-radius:50%;box-shadow:0 0 10px var(--color-brand);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #1a73e8b3}70%{transform:scale(1);box-shadow:0 0 0 8px #1a73e800}to{transform:scale(.95);box-shadow:0 0 #1a73e800}}.map-marker:nth-child(1){top:35%;left:25%}.map-marker:nth-child(2){top:42%;left:48%}.map-marker:nth-child(3){top:62%;left:75%}.map-popup{position:absolute;bottom:20px;left:20px;right:20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;box-shadow:var(--card-shadow);z-index:10;display:none;animation:slideUp .3s ease forwards}.map-popup-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--color-brand);margin-bottom:4px}.map-popup-body{font-size:.85rem;color:var(--text-primary)}.vaults-widget{width:100%;max-width:360px;height:320px;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.vault-circle{width:90px;height:90px;background:linear-gradient(135deg,var(--color-purple) 0%,#4A148C 100%);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:5;box-shadow:0 8px 24px #7c4dff4d}.vault-circle svg{width:24px;height:24px;margin-bottom:4px}.vault-circle span{font-size:.75rem;font-weight:700;letter-spacing:.05em}.vault-member{position:absolute;width:50px;height:50px;border-radius:50%;border:2px solid var(--border-color);overflow:hidden;box-shadow:0 4px 10px #0000001a;z-index:3;transition:transform .3s ease;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.vault-member:hover{transform:scale(1.1);border-color:var(--color-brand)}.vault-member:nth-child(2){top:40px;left:60px}.vault-member:nth-child(3){top:40px;right:60px}.vault-member:nth-child(4){bottom:40px;left:80px}.vault-member:nth-child(5){bottom:40px;right:80px}.vault-line{position:absolute;background-color:var(--border-color);z-index:1;transform-origin:top left}.security-section{padding:100px 0;background-color:var(--bg-secondary);position:relative;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.encryption-visualizer{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:32px;box-shadow:var(--card-shadow)}.visualizer-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--color-brand)}.visualizer-input{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;margin-bottom:20px;outline:none}.visualizer-output-box{background-color:#0c0f14;border-radius:var(--radius-sm);padding:16px;font-family:monospace;font-size:.85rem;color:#0f6;min-height:100px;word-break:break-all;position:relative;overflow:hidden}.visualizer-badge{position:absolute;top:10px;right:10px;background-color:#00ff661a;border:1px solid #00FF66;padding:2px 8px;border-radius:4px;font-size:.7rem;text-transform:uppercase}.faq-section{padding:100px 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:16px;overflow:hidden;box-shadow:var(--card-shadow);transition:all var(--transition-speed)}.faq-question{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem}.faq-icon{width:20px;height:20px;transition:transform var(--transition-speed)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:var(--text-secondary);font-size:.95rem}.faq-item.open .faq-answer{padding:0 24px 24px;max-height:200px}.faq-item.open .faq-icon{transform:rotate(180deg)}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--color-brand-soft) 0%,var(--color-purple-soft) 100%);text-align:center;position:relative}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#64b5f614,#b388ff14)}.cta-card{max-width:800px;margin:0 auto;padding:60px 40px;background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--card-shadow-hover)}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px;max-width:580px;margin-left:auto;margin-right:auto}.app-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.app-badge-btn img{height:48px;transition:transform .2s ease}.app-badge-btn:hover img{transform:translateY(-2px)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand p{color:var(--text-secondary);margin-top:16px;max-width:320px}.footer-links h4{font-size:1.1rem;margin-bottom:20px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:30px;display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.9rem}.modal{position:fixed;inset:0;background-color:#00000080;z-index:2000;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:40px;max-width:440px;width:90%;text-align:center;position:relative;box-shadow:var(--card-shadow-hover);animation:scaleIn .3s ease}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.qr-code-placeholder{width:180px;height:180px;background-color:#fff;border:1px solid var(--border-color);margin:24px auto;padding:10px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:992px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:3rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons,.hero-badges{justify-content:center}.demo-showcase-row{grid-template-columns:1fr!important;gap:40px}.demo-showcase-row:nth-child(2n) .demo-visual-side{order:0}.security-grid{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.nav-links{display:none;position:fixed;top:80px;left:0;right:0;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;padding:24px;gap:20px;box-shadow:0 10px 20px #0000000d}.nav-links.active{display:flex}.menu-btn{display:block}.navbar .btn-primary{display:none}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.shared-page-body{background:radial-gradient(circle at 50% 50%,var(--bg-secondary) 0%,var(--bg-primary) 100%);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.shared-navbar{position:sticky;top:0;height:70px;background-color:#faf7f2bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed),border-color var(--transition-speed)}[data-theme=dark] .shared-navbar{background-color:#0c0f14bf}.shared-nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:100%}.shared-nav-actions{display:flex;align-items:center;gap:12px}.shared-content-container{max-width:1300px;margin:0 auto;padding:20px 24px 48px;flex-grow:1;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.privacy-warning-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ff8a8014,#ffab910d);border:1px solid rgba(255,138,128,.25);border-radius:12px;padding:12px 20px;margin-bottom:24px;width:100%;max-width:800px;box-shadow:0 4px 15px #ff8a800d}[data-theme=dark] .privacy-warning-banner{background:linear-gradient(135deg,#ffab910f,#ff8a800a);border-color:#ffab9133}.banner-icon{font-size:1.25rem}.banner-text{font-size:.85rem;color:var(--text-primary);line-height:1.5}.notebook-workspace{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:32px;min-height:500px;perspective:2500px}.loading-skeleton{width:100%;max-width:600px;background:var(--bg-card);border-radius:20px;box-shadow:0 10px 30px #00000014;padding:40px;display:flex;flex-direction:column;gap:20px;animation:skeleton-fade 1.5s ease-in-out infinite alternate;border:1px solid var(--border-color)}@keyframes skeleton-fade{0%{opacity:.6}to{opacity:.9}}.page-scale-wrapper{position:relative;width:auto;height:auto;transform-origin:top center;margin:0 auto;transition:transform .1s ease,width .1s ease,height .1s ease;transform-style:preserve-3d}.book-container{position:relative;display:flex;justify-content:center;align-items:flex-start;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.4,0,.2,1);border-radius:20px}.notebook-binder-rings{position:absolute;top:30px;bottom:30px;width:32px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:100;pointer-events:none;transition:left .5s ease,transform .5s ease}.book-container.spread-view .notebook-binder-rings{left:50%;transform:translate(-50%)}.book-container.single-view .notebook-binder-rings{left:-16px;transform:none}.notebook-binder-rings .ring{width:30px;height:12px;background:linear-gradient(180deg,#e5e7eb,#9ca3af 45%,#4b5563 75%,#1f2937);border-radius:6px;box-shadow:0 4px 6px #00000040,inset 0 1px 2px #ffffff80;border:1px solid rgba(0,0,0,.2)}.book-tabs{position:absolute;right:-32px;top:60px;display:flex;flex-direction:column;gap:8px;z-index:8;transition:right .5s ease}.book-container.single-view .book-tabs{right:-16px}.book-tab{width:32px;height:56px;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 3px 8px #00000026;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:700;color:#fff;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.25,.8,.25,1);transform-origin:left center;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.1);border-left:none}.book-tab:hover{width:42px;transform:scale(1.05);box-shadow:4px 5px 12px #0003}.book-tab.active{width:38px;box-shadow:1px 2px 4px #0000001a;transform:translateZ(5px)}.notebook-page{position:relative;width:600px;height:800px;background-color:#faf8f4;border:1px solid rgba(0,0,0,.08);overflow:hidden;z-index:10;box-sizing:border-box;display:flex;flex-direction:column;backface-visibility:hidden;transform-style:preserve-3d}.book-container.spread-view .notebook-page.left-page{border-radius:16px 0 0 16px;box-shadow:-4px 10px 30px #0000001f,-1px 0 #0000000d inset}.book-container.spread-view .notebook-page.right-page{border-radius:0 16px 16px 0;box-shadow:4px 10px 30px #0000001f,1px 0 #0000000d inset}.book-container.single-view .notebook-page{border-radius:16px;box-shadow:0 15px 35px #00000026,0 5px 15px #00000014}.notebook-page:before{content:"";position:absolute;top:0;width:24px;height:100%;z-index:20;pointer-events:none}.book-container.spread-view .left-page:before{right:0;background:linear-gradient(to left,rgba(0,0,0,.15) 0%,rgba(0,0,0,.03) 70%,transparent 100%)}.book-container.spread-view .right-page:before{left:0;background:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.03) 70%,transparent 100%)}.book-container.single-view .notebook-page:before{left:0;width:14px;background:linear-gradient(to right,rgba(0,0,0,.1) 0%,rgba(0,0,0,.03) 60%,transparent 100%)}.page-texture-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.page-texture-overlay.grid{background-image:linear-gradient(rgba(180,160,140,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(180,160,140,.12) 1px,transparent 1px);background-size:20px 20px}.page-texture-overlay.dots{background-image:radial-gradient(rgba(180,160,140,.2) 1.5px,transparent 1.5px);background-size:20px 20px}.page-texture-overlay.crosshatch{background-image:linear-gradient(45deg,rgba(180,160,140,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(180,160,140,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(180,160,140,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(180,160,140,.08) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.page-texture-overlay.grain{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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")}.page-lines-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.page-lines-overlay.lined{background:linear-gradient(#0000 0% 96%,#1a73e81f 96% 100%);background-size:100% 28px;background-position:0 40px}.page-lines-overlay.lined:after{content:"";position:absolute;top:0;left:48px;width:1.5px;height:100%;background-color:#ef444440}.page-border-container{position:absolute;inset:0;pointer-events:none;z-index:90;border-radius:16px;box-sizing:border-box}.book-container.spread-view .left-page .page-border-container{border-radius:16px 0 0 16px}.book-container.spread-view .right-page .page-border-container{border-radius:0 16px 16px 0}.page-border-container.thin,.page-border-container.double{border:1px solid rgba(139,119,90,.22);margin:8px}.page-border-container.double:after{content:"";position:absolute;inset:3px;border:1px dashed rgba(139,119,90,.12)}.page-border-container.vintage{border:6px double rgba(139,119,90,.3);margin:6px}.page-border-container.torn{box-shadow:inset 0 0 15px #8b775a14;border:2px solid rgba(139,119,90,.1);margin:4px}.canvas-blocks-container{position:absolute;inset:0;z-index:10}.canvas-block-item{position:absolute;transform-origin:center center;box-sizing:border-box;transition:transform .3s ease,filter .3s ease}.canvas-block-item:hover{z-index:99!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}.text-block{outline:none;white-space:pre-wrap;word-break:break-word;line-height:1.6}.photo-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.photo-block img{width:100%;height:100%;object-fit:cover;display:block}.photo-frame-polaroid{background-color:#fafbfc;padding:6% 6% 18%;box-shadow:0 12px 28px #00000026,0 2px 8px #00000014;border:1px solid rgba(0,0,0,.08);border-radius:4px;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paperNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paperNoise)' opacity='0.035'/%3E%3C/svg%3E")}.photo-frame-polaroid img{width:100%;flex-grow:1;object-fit:cover;box-shadow:inset 0 2px 6px #00000026;border:1px solid rgba(0,0,0,.05)}.photo-frame-polaroid .polaroid-caption{font-family:Caveat,cursive;font-size:1.5rem;color:#2c2520;text-align:center;margin-top:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-frame-polaroid .polaroid-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:38%;height:20px;background-color:#f4d4a473;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);border-left:1.5px dashed rgba(0,0,0,.06);border-right:1.5px dashed rgba(0,0,0,.06);box-shadow:0 2px 4px #0000000d;z-index:5}.photo-frame-classic{border:6px solid #FFFFFF;box-shadow:0 8px 20px #0000001f;background-color:#fff}.photo-frame-rounded{border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.photo-frame-vintage{border:8px solid #F3EDE2;outline:1px solid #D1C7B2;box-shadow:0 10px 24px #00000024;filter:sepia(.12) contrast(1.05)}.photo-frame-filmstrip{border-top:16px solid #141414;border-bottom:16px solid #141414;border-left:4px solid #141414;border-right:4px solid #141414;box-shadow:0 10px 25px #0003;position:relative}.photo-frame-filmstrip:before{content:"▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪";position:absolute;top:-14px;left:0;right:0;color:#ffffffb3;font-size:8px;letter-spacing:3px;text-align:center}.photo-frame-filmstrip:after{content:"▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪";position:absolute;bottom:-15px;left:0;right:0;color:#ffffffb3;font-size:8px;letter-spacing:3px;text-align:center}.sticker-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.sticker-block.emoji-sticker{font-size:3.5rem;line-height:1;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 2px 4px rgba(0,0,0,.25))}.sticker-block img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 0px #ffffff) drop-shadow(-2px -2px 0px #ffffff) drop-shadow(2px 3px 6px rgba(0,0,0,.15))}.drawing-block{width:100%;height:100%}.drawing-block img{width:100%;height:100%;object-fit:contain}.memory-block-card{background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26870f;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;overflow:hidden}[data-theme=dark] .memory-block-card{background:#1a202c99;border-color:#ffffff14}.memory-card-title{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memory-card-date{font-size:.75rem;color:var(--text-muted)}.memory-card-body{font-size:.8rem;color:var(--text-secondary);line-height:1.4;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.memory-card-media{width:100%;height:80px;border-radius:10px;object-fit:cover;margin-top:auto;box-shadow:0 4px 10px #0000000f}.audio-block-cassette{width:100%;height:100%;background:#191919d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0006;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:visible}.cassette-label-sticker{width:100%;height:40px;background-color:#ece9e0;border-radius:6px;border:1px solid #C4B9A7;padding:4px 10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(90deg,rgba(239,68,68,.08) 0%,rgba(239,68,68,.08) 50%,transparent 50%,transparent 100%);background-size:20px 100%}.cassette-label-title{font-size:8px;font-weight:900;color:#4a3e38;letter-spacing:1.5px}.cassette-label-info{display:flex;justify-content:space-between;font-size:8px;font-weight:700;color:#6d5e55;margin-top:2px}.cassette-reels-row{display:flex;justify-content:space-around;align-items:center;width:100%;flex-grow:1;padding:4px 0}.cassette-reel-spindle{width:26px;height:26px;background-color:#101010;border:2px solid #5A5A5A;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.cassette-reel-spindle .spoke-line{position:absolute;width:2px;height:100%;background-color:#9a9a9a;left:calc(50% - 1px);top:0}.cassette-reel-spindle .spoke-line:nth-child(2){transform:rotate(60deg)}.cassette-reel-spindle .spoke-line:nth-child(3){transform:rotate(120deg)}.cassette-reel-spindle:after{content:"";position:absolute;width:10px;height:10px;background-color:#101010;border-radius:50%;z-index:5}@keyframes spin-reel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cassette-reel-spindle.spinning{animation:spin-reel 1.8s linear infinite}.cassette-play-btn{width:32px;height:32px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:10}.cassette-play-btn:hover{background-color:#fff3;border-color:#ffffff80;transform:scale(1.1)}.cassette-play-btn svg{width:14px;height:14px;fill:#fff}.cassette-bottom-labels{width:100%;display:flex;justify-content:space-between;font-size:8px;font-weight:900;color:#ffffff59;letter-spacing:1px;padding:0 6px}.cassette-seekbar-wrapper{position:absolute;bottom:-36px;left:8px;right:8px;height:30px;background-color:#141414f2;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 15px #0000004d;display:flex;align-items:center;padding:0 10px;gap:8px;z-index:120;opacity:0;transform:translateY(-5px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.audio-block-cassette:hover .cassette-seekbar-wrapper,.audio-block-cassette.active .cassette-seekbar-wrapper{opacity:1;transform:translateY(0);pointer-events:auto}.seekbar-progress{flex-grow:1;height:4px;background-color:#ffffff26;border-radius:2px;position:relative;cursor:pointer}.seekbar-fill{height:100%;background:linear-gradient(90deg,var(--color-brand) 0%,var(--color-purple) 100%);border-radius:2px;width:0%}.seekbar-knob{width:10px;height:10px;background-color:#fff;border-radius:50%;position:absolute;top:-3px;left:calc(0% - 5px);box-shadow:0 2px 4px #0006;transition:transform .1s ease}.seekbar-progress:hover .seekbar-knob{transform:scale(1.35)}.seekbar-time{font-size:9px;font-family:Outfit,sans-serif;font-weight:600;color:#ffffffb3;min-width:26px;text-align:center}.notebook-page.theme-preset,.notebook-page.bg-preset-paper,.notebook-page.bg-preset-lined{background-color:#faf8f4}.notebook-page.bg-preset-kraft{background-color:#c8b79b}.notebook-page.bg-preset-dark{background-color:#1a2332;color:#e2e8f0}.notebook-page.bg-tint-blue{background-color:#e3f2fd}.notebook-page.bg-tint-rose{background-color:#fce4ec}.notebook-page.bg-tint-sage{background-color:#e8f5e9}.notebook-page.bg-tint-cream{background-color:#fffdd0}.notebook-page.bg-tint-ivory{background-color:ivory}.notebook-page.bg-tint-mint{background-color:#e8f8f5}.notebook-page.bg-tint-lavender{background-color:#f3e5f5}.notebook-page.bg-tint-peach{background-color:#ffe0b2}.notebook-page.bg-tint-coral{background-color:#ffccbc}.notebook-page.bg-tint-teal{background-color:#e0f2f1}.notebook-page.theme-sunset-drift{background:linear-gradient(135deg,#ff6b6b,#7c3aed,#1d4ed8);color:#fff}.notebook-page.theme-ocean-depth{background:linear-gradient(180deg,#0b132b,#1c2541,#3a506b 70%,#5bc0be);color:#fff}.notebook-page.theme-rose-fade{background:radial-gradient(circle at 50% 10%,#fdf2f8,#fae8ff 40%,#ede9fe);color:#581c87}.notebook-page.theme-forest-mist{background:linear-gradient(180deg,#14532d,#052e16 60%,#15803d);color:#dcfce7}.notebook-page.theme-golden-hour{background:linear-gradient(135deg,#ea580c,#f59e0b 40%,#fef08a);color:#451a03}.notebook-page.theme-midnight{background:radial-gradient(circle at 10% 10%,#111827,#030712);color:#f3f4f6}.notebook-page.theme-illustrated-style{background-size:cover;background-position:center center;background-repeat:no-repeat}.notebook-page .illustrated-overlay{position:absolute;inset:0;pointer-events:none;z-index:3}.chapter-divider-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:60px 40px;box-sizing:border-box;font-family:Lora,serif;position:relative;z-index:10}.chapter-divider-icon{font-size:4rem;margin-bottom:24px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15));animation:float-emoji 3s ease-in-out infinite alternate}@keyframes float-emoji{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-8px) rotate(3deg)}}.chapter-divider-tag{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:3px;color:var(--color-brand);margin-bottom:12px;text-transform:uppercase}.chapter-divider-name{font-size:2.2rem;font-weight:700;margin:0 0 20px;line-height:1.3;color:inherit;text-shadow:0 2px 4px rgba(0,0,0,.05)}.chapter-divider-line{width:50px;height:2px;background:currentColor;opacity:.3;margin-bottom:20px}.chapter-divider-description{font-size:1rem;opacity:.8;line-height:1.6;margin:0;max-width:85%}.book-cover{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.4,0,.2,1),box-shadow 1.5s ease;z-index:100;border-radius:16px;box-shadow:0 20px 45px #00000059;cursor:pointer}.book-container.closed .book-cover{transform:none;left:50%;transform:translate(-50%)}.book-cover.opened{transform:rotateY(-180deg);box-shadow:20px 20px 35px #0000001f;pointer-events:none}.cover-front{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e110a,#3d2314,#1e110a);background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(135deg,#2b170c,#1a0d06);background-size:4px 4px,100% 100%;border-radius:16px;border:1.5px solid #0f0703;border-left:6px solid #0a0401;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:40px;z-index:2}.cover-front:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.5) 0%,rgba(255,255,255,.06) 8%,transparent 15%,rgba(0,0,0,.1) 95%,rgba(0,0,0,.6) 100%);border-radius:16px;pointer-events:none}.cover-title-area{text-align:center;border:4px double #d4af37;padding:36px 24px;background:#00000040;border-radius:10px;width:82%;max-width:340px;box-shadow:inset 0 0 20px #0009;animation:cover-glow 4s ease-in-out infinite alternate}@keyframes cover-glow{0%{border-color:#bfa02c}to{border-color:#f9d976}}.cover-emoji{font-size:3.5rem;display:block;margin-bottom:12px}.cover-title{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;color:#f9d976;text-shadow:2px 2px 4px rgba(0,0,0,.9);letter-spacing:2.5px;margin-bottom:8px}.cover-subtitle{font-family:Lora,serif;font-size:.95rem;font-style:italic;color:#e0b84f;opacity:.95;letter-spacing:1px}.cover-strap{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:80px;height:38px;background:linear-gradient(to bottom,#3f2210,#1b0e06);border-radius:0 8px 8px 0;box-shadow:3px 4px 10px #0006;border:1px solid #0d0603;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;box-sizing:border-box}.cover-strap .strap-buckle{width:14px;height:20px;border:2px solid #e0b84f;background-color:#100804;border-radius:4px;box-shadow:inset 0 0 4px #0009}.cover-back{position:absolute;top:0;left:0;width:100%;height:100%;background:#eedcb3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");border-radius:16px;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);transform:rotateY(180deg);backface-visibility:hidden;z-index:1}.cover-back:after{content:"";position:absolute;top:0;right:0;width:28px;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0%,rgba(0,0,0,.05) 50%,transparent 100%);pointer-events:none}.page-fold-corner{position:absolute;bottom:0;right:0;width:50px;height:50px;cursor:pointer;z-index:150;overflow:hidden;transition:all .4s ease;border-bottom-right-radius:16px}.page-fold-corner:before{content:"";position:absolute;bottom:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent rgba(0,0,0,.15);box-shadow:-2px -2px 6px #0000002e;transition:all .4s cubic-bezier(.25,.8,.25,1);border-bottom-right-radius:16px}.notebook-page:hover .page-fold-corner:before{border-width:0 0 35px 35px;border-color:transparent transparent transparent rgba(0,0,0,.2)}.notebook-page:hover .page-fold-corner{width:55px;height:55px}.notebook-page.peeled .page-fold-corner:before{border-width:0 0 100px 100px;border-color:transparent transparent transparent rgba(0,0,0,.25)}.notebook-page.peeled .page-fold-corner{width:120px;height:120px}.nav-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#faf7f2cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 18px #00000014;-webkit-user-select:none;user-select:none}[data-theme=dark] .nav-arrow-btn{background:#1e293bcc;border-color:#ffffff14}.nav-arrow-btn:hover{background:var(--color-brand);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 24px rgba(var(--color-brand-rgb, 56, 189, 248),.35)}.nav-arrow-btn:active{transform:translateY(-50%) scale(.95)}.book-container.spread-view~.nav-arrow-btn.left{left:-60px}.book-container.spread-view~.nav-arrow-btn.right{right:-60px}.book-container.single-view~.nav-arrow-btn.left{left:-24px}.book-container.single-view~.nav-arrow-btn.right{right:-24px}.page-flip-left{animation:flip-left .8s cubic-bezier(.25,.8,.25,1) forwards}.page-flip-right{animation:flip-right .8s cubic-bezier(.25,.8,.25,1) forwards}@keyframes flip-left{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flip-right{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.shared-info-card{display:flex;align-items:center;gap:16px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 24px;width:100%;max-width:600px;box-shadow:var(--card-shadow)}.author-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-purple) 100%);color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase}.author-details{display:flex;flex-direction:column}.shared-by-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.author-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.share-date{font-size:.8rem;color:var(--text-secondary);margin-top:1px}.shared-cta-section{width:100%;max-width:600px;margin:20px auto 40px;padding:0 20px;box-sizing:border-box}.shared-cta-section .cta-card{background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:center}.shared-cta-section h3{font-size:1.3rem;margin-bottom:8px}.shared-cta-section p{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px}.shared-footer{text-align:center;padding:24px 20px;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border-color);width:100%;margin-top:auto}.error-container{text-align:center;padding:60px 40px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);max-width:500px;margin:40px auto}.error-icon{font-size:3rem;margin-bottom:16px}.error-container h2{font-size:1.6rem;margin-bottom:8px}.error-container p{color:var(--text-secondary);margin-bottom:24px}.btn-download-custom{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background-color:var(--text-primary);color:var(--bg-primary)!important;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;transition:all var(--transition-speed);text-decoration:none}.btn-download-custom:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--glow-color);opacity:.95;color:var(--bg-primary)!important}.btn-download-custom svg{width:20px;height:20px;fill:currentColor}.notebook-binder-rings,.book-cover,.book-tabs,.book-index-sidebar,.book-footer-counter,#toggleIndexBtn{display:none!important}.shared-content-container{padding:100px 24px 48px!important;justify-content:flex-start!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;background-color:var(--bg-primary)!important;gap:32px}.notebook-workspace{margin-bottom:0!important;min-height:auto!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.book-container.single-view{width:600px!important;height:800px!important}.notebook-page.diary-cover-mode{background:radial-gradient(circle,#422b1e,#1e100b)!important;color:#faf6ee!important;padding:0!important;border-radius:20px!important;box-shadow:0 15px 35px #0000004d!important}.notebook-page.diary-cover-mode .page-texture-overlay,.notebook-page.diary-cover-mode .page-lines-overlay,.notebook-page.diary-cover-mode .page-border-container{display:none!important}.diary-cover-content{width:100%;height:100%;position:relative;box-sizing:border-box;padding:36px 24px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cover-gold-border-outer{position:absolute;inset:16px;border:1.5px solid #D4AF37;border-radius:8px;pointer-events:none;z-index:2}.cover-gold-border-inner{position:absolute;inset:22px;border:.5px solid rgba(212,175,55,.6);border-radius:4px;pointer-events:none;z-index:2}.cover-spine-shadow{position:absolute;left:0;top:0;width:36px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 50%,transparent 100%);pointer-events:none;z-index:3}.cover-top-header{display:flex;flex-direction:column;align-items:center;margin-top:10px;z-index:4}.cover-header-tag{font-size:11px;letter-spacing:2px;font-weight:600;color:#d4af37e6;margin-bottom:6px;font-family:Outfit,sans-serif}.cover-central-frame{width:180px;height:220px;background-color:#faf6ee;border:1.5px solid rgba(212,175,55,.45);border-radius:8px;box-shadow:0 8px 20px #0000004d;display:flex;justify-content:center;align-items:center;z-index:4;overflow:hidden}.cover-frame-image{width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:4px}.cover-monogram-circle{width:80px;height:80px;border-radius:50%;border:1px solid rgba(212,175,55,.65);background-color:#d4af371f;display:flex;justify-content:center;align-items:center}.cover-monogram-letter{font-size:38px;font-weight:700;color:#d4af37;font-family:Playfair Display,serif}.cover-bottom-details{display:flex;flex-direction:column;align-items:center;width:100%;z-index:4}.cover-title-text{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:#faf6ee;text-align:center;line-height:1.3;letter-spacing:.5px;margin:0 0 8px;max-width:85%}.cover-subtitle-text{font-family:Lora,serif;font-style:italic;font-size:13px;color:#faf6eebf;text-align:center;line-height:1.45;margin:0 0 16px;max-width:85%}.cover-author-tag{font-family:Outfit,sans-serif;font-weight:700;font-size:9px;letter-spacing:1.5px;color:#d4af3799;margin-bottom:14px}.cover-swipe-helper{display:flex;align-items:center;gap:6px;font-size:11px;font-style:italic;color:#faf6ee8c}.cover-swipe-helper svg{margin-top:1px}.app-page-indicator-pill{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);background-color:#faf6ee;border:1.5px solid rgba(139,119,90,.22);border-radius:20px;padding:6px 18px;box-shadow:0 4px 12px #0000001f;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:#3d2314;letter-spacing:.5px}[data-theme=dark] .app-page-indicator-pill{background-color:#1a2332;border-color:#ffffff26;color:#faf6ee}.page-date-stamp{position:absolute;bottom:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#808080a6;font-family:Outfit,sans-serif;pointer-events:none;z-index:100}.page-scale-wrapper .nav-arrow-btn{width:42px!important;height:42px!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#3d2314!important;box-shadow:0 4px 10px #0000002e!important;transition:transform .2s,background-color .2s!important;position:absolute;top:50%;transform:translateY(-50%);z-index:1000}.page-scale-wrapper .nav-arrow-btn:hover{background:#f4efe6!important;color:#3d2314!important;transform:translateY(-50%) scale(1.08)!important}.page-scale-wrapper .nav-arrow-btn.left{left:-21px!important}.page-scale-wrapper .nav-arrow-btn.right{right:-21px!important}