:root{--rem: 20px;--color-foreground: #000000;--color-background: #eeeef0;--color-primary: #aaccff;--color-primary-hover: #bbddff;--color-primary-active: #99bbff;--color-secondary: #eea5af;--color-tertiary: #888888}html{font-family:Great Wishes,sans-serif;font-size:var(--rem);text-rendering:optimizeLegibility;background-color:var(--color-primary)}body{background-color:var(--color-background);font-size:1rem}:root,html,body{margin:0;padding:0}button{font-family:inherit;font-size:1rem;border-radius:1rem;border:none;padding:0 1rem;color:var(--color-foreground);background-color:var(--color-primary);cursor:pointer}button:hover{background-color:var(--color-primary-hover)}button:active{background-color:var(--color-primary-active)}@font-face{font-family:Great Wishes;src:url(/fonts/great-wishes.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Euphoria Script;src:url(/fonts/euphoria-script.ttf) format("truetype");font-weight:400;font-style:normal}.index-container{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;flex-direction:column}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.hero-content{max-width:700px;color:#fff}.hero-title{font-size:4rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.5rem;font-weight:400;margin:0 0 1.5rem;opacity:.95}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{background:white;color:#667eea;border:none;padding:1rem 3rem;font-size:1.125rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00000040}.cta-button:active{transform:translateY(0)}.how-it-works-section{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 2rem;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.section-title{text-align:center;font-size:2.5rem;font-weight:600;color:#fff;margin:0 0 3rem}.steps-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.step{text-align:center;color:#fff}.step-number{width:60px;height:60px;border-radius:50%;background:white;color:#667eea;font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 15px #0000001a}.step h3{font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.step p{font-size:1rem;line-height:1.6;margin:0;opacity:.9}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.cta-button{padding:.875rem 2.5rem;font-size:1rem}.section-title{font-size:2rem}.steps-container{gap:2.5rem}.step-number{width:50px;height:50px;font-size:1.5rem}.step h3{font-size:1.25rem}}main{max-width:5in;margin-left:auto;margin-right:auto}.top-bar{color:var(--color-foreground);background-color:var(--color-primary);text-align:center;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.sign-out-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.sign-out-button:hover{background:rgba(255,255,255,.3)}.page-container{width:100%;min-height:100vh}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0;color:#333}.create-button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.create-button:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.empty-state{text-align:center;padding:4rem 2rem;background:#f8f9fa;border-radius:12px;margin-top:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.75rem;font-weight:600;color:#333;margin:0 0 .5rem}.empty-state p{font-size:1.125rem;color:#666;margin:0 0 2rem}.cta-button{background:#667eea;color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .2s}.cta-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pages-section{margin-bottom:3rem}.pages-section h2{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 1.5rem}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.page-card{background:white;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s}.page-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.page-card h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.page-type{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.page-type.sender{background:#dbeafe;color:#1e40af}.page-type.receiver{background:#fce7f3;color:#be185d}.page-date{font-size:.875rem;color:#666}.page-stats{font-size:.875rem;color:#888;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.dashboard-container{padding:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem}.dashboard-header h1{font-size:2rem}.pages-grid{grid-template-columns:1fr}.empty-state{padding:3rem 1.5rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;text-align:center;max-width:400px;width:90%}.login-card h1{margin:0 0 .5rem;color:#333;font-size:2rem}.login-subtitle{color:#666;margin:0 0 2rem;font-size:1rem}.mock-auth-notice{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.9rem}.mock-auth-notice strong{display:block;margin-bottom:.25rem;color:#856404}.mock-auth-notice p{margin:0;color:#856404}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:white;border:1px solid #dadce0;border-radius:4px;font-size:.8rem;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s}.google-signin-button:hover:not(:disabled){background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-signin-button svg{flex-shrink:0}.error-message{margin-top:1rem;padding:12px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem}.entry-list-header{padding-left:.25rem}.entry-list{padding-inline-start:1.5rem}.entry{min-height:2rem;margin-top:1rem;line-height:1.5rem}.entry:first-child{margin-top:0}.entry::marker{font-size:.65rem}.entry>button{vertical-align:top}.entry>.text{vertical-align:text-bottom}.entry--locked{opacity:25%}.heart-container{width:5rem;height:5rem;margin-top:2rem;margin-left:auto;margin-right:auto;padding-bottom:1rem}.gem--filled{display:block;width:100%;height:100%;fill:var(--color-primary)}.gem--animation{animation-name:gem-sparkle;animation-duration:3s;animation-iteration-count:infinite}@keyframes gem-sparkle{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scale(1.05)}75%{transform:scale(1)}to{transform:scale(1)}}