@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Lato:wght@400;500;600&family=Dancing+Script:wght@400;700&family=Great+Vibes&family=Pacifico&family=Sacramento&family=Allura&family=Pinyon+Script&family=Alex+Brush&family=Italianno&family=Clicker+Script&family=Lovers+Quarrel&family=Caveat:wght@400;700&family=Patrick+Hand&family=Indie+Flower&family=Just+Me+Again+Down+Here&family=Shadows+Into+Light&family=Architects+Daughter&family=Parisienne&family=Monsieur+La+Doulaise&family=Ruthie&family=Euphoria+Script&family=Mrs+Saint+Delafield&family=Petit+Formal+Script&family=Kalam:wght@400;700&family=Handlee&family=Nanum+Pen+Script&family=Gochi+Hand&family=Leckerli+One&family=Permanent+Marker&family=Rock+Salt&family=Reenie+Beanie&family=Covered+By+Your+Grace&family=Give+You+Glory&family=Short+Stack&family=Zeyada&family=Neucha&family=Fuzzy+Bubbles&family=Delius&family=Mr+De+Haviland&family=Meie+Script&family=Herr+Von+Muellerhoff&family=Niconne&family=Tangerine:wght@400;700&family=Almendra&family=MedievalSharp&family=Stalemate&family=Satisfy&family=Yellowtail&family=Marck+Script&family=Bad+Script&family=Cookie&family=Amatic+SC:wght@400;700&family=Homemade+Apple&family=Nothing+You+Could+Do&family=La+Belle+Aurore&family=Over+the+Rainbow&family=Cedarville+Cursive&family=Sue+Ellen+Francisco&family=Dawning+of+a+New+Day&family=Waiting+for+the+Sunrise&display=swap";
.ey-page{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:var(--background);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.ey-grid-container{z-index:1;max-width:1280px;margin:0 auto;padding:0 16px 140px;position:relative}.ey-grid{grid-template-columns:1fr;gap:16px;display:grid}.ey-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);opacity:0;flex-direction:column;gap:12px;padding:24px 20px 16px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:.45s forwards eyCardIn;display:flex;transform:translateY(18px)}.ey-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}@keyframes eyCardIn{to{opacity:1;transform:translateY(0)}}.ey-preview{color:var(--text-primary);word-break:break-word;align-items:center;min-height:44px;font-size:28px;line-height:1.4;display:flex}.ey-card-footer{border-top:1px solid #1c1c3a0f;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.ey-font-name{color:#1c1c3a80;white-space:nowrap;text-overflow:ellipsis;font-family:Lato,sans-serif;font-size:.8rem;font-weight:500;overflow:hidden}.ey-copy-btn{color:var(--primary-color);background:var(--primary-light);border:1.5px solid var(--primary-color);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.ey-copy-btn:hover{color:#fff;background:#c9a84c;border-color:#c9a84c}.ey-copy-btn.ey-copied{color:#fff;background:#2a7d4f;border-color:#2a7d4f}@media (min-width:540px){.ey-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.ey-header h1{font-size:3rem}.ey-header{padding:56px 24px 36px}.ey-grid{grid-template-columns:repeat(3,1fr);gap:20px}.ey-preview{font-size:36px}.ey-grid-container{padding:0 24px 160px}}@media (min-width:1200px){.ey-grid{grid-template-columns:repeat(4,1fr)}}.ey-article{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-2xl);color:var(--text-primary);margin-top:60px;padding:40px}.ey-section{margin-bottom:48px}.ey-section h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:2rem;font-weight:700}.ey-section h3{color:var(--text-primary);margin-top:32px;margin-bottom:16px;font-size:1.4rem;font-weight:600}.ey-section p{color:var(--text-secondary);margin-bottom:16px;font-size:1.1rem;line-height:1.7}.ey-link{color:var(--primary-color);font-weight:600;text-decoration:underline;transition:color .2s}.ey-link:hover{color:var(--primary-hover)}.table-responsive{border:1px solid var(--border);border-radius:12px;margin:24px 0;overflow-x:auto}.ey-table{border-collapse:collapse;background:#ffffff08;width:100%}.ey-table th,.ey-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px}.ey-table th{color:var(--primary-color);background:#8b5cf61a;font-size:.95rem;font-weight:600}.ey-table td{color:var(--text-secondary);font-size:1rem}.ey-tip{border-left:4px solid var(--primary-color);background:#8b5cf60d;border-radius:4px 12px 12px 4px;padding:16px;font-style:italic}.ey-highlight-box{background:linear-gradient(135deg,#4f46e50d 0%,#8b5cf60d 100%);border:1px solid #8b5cf633;border-radius:16px;margin-top:32px;padding:24px}.ey-highlight-box ul{padding:0;list-style:none}.ey-highlight-box li{color:var(--text-secondary);margin-bottom:12px;padding-left:28px;position:relative}.ey-highlight-box li:before{content:"✓";color:var(--primary-color);font-weight:700;position:absolute;left:0}.ey-faq-section{border-top:1px solid var(--border);margin-top:60px;padding-top:60px}.ey-faq-grid{gap:24px;display:grid}.ey-faq-item{border:1px solid var(--border);background:#ffffff05;border-radius:16px;padding:24px;transition:all .3s}.ey-faq-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.ey-faq-item h3{color:var(--text-primary);margin-bottom:12px;font-size:1.2rem}.ey-faq-item p{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.ey-article{padding:24px}.ey-section h2{font-size:1.6rem}}
