@import "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";:root{--bg-color:#fff;--text-primary:#000;--text-secondary:#666;--border-color:#eaeaea;--hover-alpha:#0000000d;--navbar-border:#888;--font-primary:"Merriweather", Georgia, serif;--transition-speed:.3s}.dark{--bg-color:#000;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#333;--hover-alpha:#ffffff1a;--navbar-border:#fff}html{font-size:95%}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}html:not([data-theme-transitioning]) *,html:not([data-theme-transitioning]) :before,html:not([data-theme-transitioning]) :after{transition:background-color var(--transition-speed) cubic-bezier(.4, 0, .2, 1), color var(--transition-speed) cubic-bezier(.4, 0, .2, 1), border-color var(--transition-speed) cubic-bezier(.4, 0, .2, 1), fill var(--transition-speed) cubic-bezier(.4, 0, .2, 1), stroke var(--transition-speed) cubic-bezier(.4, 0, .2, 1), background var(--transition-speed) cubic-bezier(.4, 0, .2, 1)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.dark::view-transition-old(root){z-index:2}.dark::view-transition-new(root){z-index:1}.blog-tag{background-color:var(--hover-alpha);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.home-blog-row{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:2rem 0;transition:all .2s;display:flex}.home-blog-row:first-of-type{border-top:1px solid var(--border-color)}.home-blog-row:hover .home-blog-title{color:#3b82f6}.home-blog-row:hover .home-blog-arrow{transform:translate(4px,-4px)scale(1.1);color:#3b82f6!important}.persona-section{border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:12px;padding:2rem;transition:all .2s}.persona-section:hover{box-shadow:0 10px 25px -5px var(--hover-alpha), 0 8px 10px -6px var(--hover-alpha);border-color:#3b82f6;transform:translateY(-2px)}.persona-modern-card{border:1px dashed var(--navbar-border);cursor:default;background-color:#0000;border-radius:12px;padding:1.5rem;transition:background-color .2s,border-color .2s}.persona-modern-card:hover{border-color:var(--text-secondary);background-color:#8080800d}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;transition:color var(--transition-speed) ease, opacity var(--transition-speed) ease;text-decoration:none}a:hover{opacity:.7}button{cursor:pointer;color:inherit;transition:all var(--transition-speed) ease;background:0 0;border:none;font-family:inherit}::selection{background-color:var(--text-primary);color:var(--bg-color)}.social-link{color:var(--text-secondary);transition:all var(--transition-speed) ease;display:inline-block}.social-link:hover{color:var(--text-primary);transform:translateY(-4px)scale(1.1)}@keyframes floatAndGlow{0%{box-shadow:0 0 15px var(--hover-alpha);transform:translateY(0)}50%{transform:translateY(-8px);box-shadow:0 0 25px #fc06}to{box-shadow:0 0 15px var(--hover-alpha);transform:translateY(0)}}@media (width<=768px){html{font-size:90%}h1{font-size:2.2rem!important}h2{font-size:1.6rem!important}.home-blog-row{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem 0}.home-blog-row .home-blog-arrow{display:none}.persona-section{padding:1.25rem}}.hero-monospace{color:var(--text-primary);font-family:Space Mono,Courier New,Courier,monospace;font-size:1.5rem;line-height:1.8}.highlight-web{color:#fff;background-color:#6d85a4;border-radius:4px;margin:0 4px;padding:0 10px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.highlight-mobile{border:4px solid #6d85a4;border-radius:255px 15px 225px/15px 225px 15px 255px;margin:0 4px;padding:2px 10px;font-weight:700;display:inline-block;transform:rotate(1deg)}