@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600;700;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.theme-toggle-container{display:flex;gap:.5rem;background:var(--card-bg);padding:.25rem;border-radius:999px;border:1px solid var(--card-border)}.theme-btn{background:transparent;border:none;color:var(--text-muted);padding:.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.theme-btn:hover{color:var(--primary-color);background:#7c3aed1a}.theme-btn.active{color:var(--primary-color);background:var(--bg-color);box-shadow:var(--shadow)}.font-size-toggle{display:flex;align-items:center;background:var(--card-bg);padding:.2rem;border-radius:8px;border:1px solid var(--card-border)}.fs-btn{background:transparent;border:none;color:var(--text-color);padding:.25rem .5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed);border-radius:4px;min-width:40px;height:32px}.fs-label{font-weight:900;font-size:1.1rem;letter-spacing:-1px}.fs-btn:hover{background:#26a68a1a;color:var(--primary-color)}.fs-divider{width:1px;height:20px;background:var(--card-border);margin:0 .25rem}.main-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--card-border);height:4rem;display:flex;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-refined{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase}.logo-icon{width:32px;height:32px;object-fit:contain}.accent{color:var(--primary-color)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{font-weight:500;color:var(--text-muted);transition:color var(--transition-speed)}.nav-links a:hover{color:var(--primary-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.post-card{padding:2.5rem;margin-bottom:1.5rem;background:linear-gradient(to right,color-mix(in srgb,var(--primary-color) 2%,var(--bg-color)),var(--bg-color));border-left:3px solid color-mix(in srgb,var(--primary-color) 8%,var(--card-border));transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;border-radius:12px;border-top:none;border-right:none;border-bottom:none}.post-card:hover{background:linear-gradient(to right,color-mix(in srgb,var(--primary-color) 8%,var(--bg-color)),var(--bg-color));border-left:5px solid var(--primary-color);padding-left:3rem;transform:translate(10px)}.post-card.featured{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:4rem 3rem;border-radius:20px;margin-bottom:3.5rem;border:none;box-shadow:0 20px 40px #26a68a26}.featured .post-title-simple a,.featured .post-date-simple,.featured .post-summary-simple,.featured .read-more-simple{color:#fff!important}.post-header-simple{margin-bottom:.75rem}.post-title-simple{font-size:1.75rem;font-weight:700;line-height:1.3;color:var(--primary-color);margin-bottom:.25rem}.post-title-simple a{color:inherit;text-decoration:none}.post-date-simple{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.post-summary-simple{font-family:var(--content-font-family);font-size:var(--content-font-size);line-height:1.8;color:var(--text-color);margin-bottom:1rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.post-footer-simple{display:flex;justify-content:flex-end}.read-more-simple{font-size:.75rem;font-weight:700;color:var(--primary-color);letter-spacing:.05em;text-decoration:none}.read-more-simple:hover{text-decoration:underline}.blog-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;padding:1.5rem}.sidebar-section h3{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;letter-spacing:.1em}.about-me{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover}.about-me h4{font-size:1.1rem;font-weight:700}.about-me p{font-size:.9rem;color:var(--text-muted)}.visit-profile{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:var(--primary-color);text-decoration:none;margin-top:1rem;padding:.6rem 1.2rem;border:1px solid var(--primary-color);border-radius:2rem;transition:all .3s ease;letter-spacing:.05em}.visit-profile:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #26a68a33}.archive-select{width:100%;padding:.5rem;background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-color);border-radius:.25rem}.home-page-refined{padding-top:2rem;padding-bottom:4rem}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem}.section-title{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem;font-weight:400}.category-group{margin-bottom:4rem}.category-label{font-size:1.5rem;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}@media(max-width:1024px){.blog-layout{grid-template-columns:1fr}}.post-detail{padding-top:4rem;padding-bottom:6rem;max-width:800px}.post-header{margin-bottom:3rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:500;margin-bottom:2rem;transition:opacity var(--transition-speed)}.back-link:hover{opacity:.8}.post-meta{display:flex;align-items:center;gap:2rem;margin-bottom:1rem;color:var(--text-muted);font-size:.9rem}.post-date,.tag-item{display:flex;align-items:center;gap:.5rem}.post-title{font-size:3rem;font-weight:800;line-height:1.1;color:var(--text-color);letter-spacing:-.04em}.post-hero-image{width:100%;border-radius:1.5rem;overflow:hidden;margin-bottom:3rem;box-shadow:var(--shadow)}.post-hero-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.post-content{font-family:var(--content-font-family);font-size:var(--content-font-size);line-height:var(--line-height-relaxed);color:var(--text-color);text-align:justify;-webkit-hyphens:auto;hyphens:auto}.post-content h2{font-size:1.75rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem}.post-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content pre{background:var(--card-bg);border:1px solid var(--card-border);padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin-bottom:1.5rem}.post-content code{font-family:Fira Code,monospace;font-size:.9rem}.error-page{text-align:center;padding:10rem 0}@media(max-width:768px){.post-title{font-size:2.25rem}}.editor-page{padding-top:4rem;padding-bottom:4rem}.editor-header{margin-bottom:3rem;text-align:center}.editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.editor-controls{display:flex;flex-direction:column;gap:1.5rem;background:var(--card-bg);padding:2rem;border-radius:1rem;border:1px solid var(--card-border)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;font-size:.9rem;color:var(--text-color)}.input-group input,.input-group textarea,.input-group select{background:var(--bg-color);border:1px solid var(--card-border);color:var(--text-color);padding:.75rem;border-radius:.5rem;font-family:inherit;font-size:1rem;transition:border-color var(--transition-speed)}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--primary-color)}.input-group .mono{font-family:Fira Code,monospace;font-size:.9rem}.output-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.output-tabs button{background:transparent;border:1px solid var(--card-border);color:var(--text-muted);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all var(--transition-speed)}.output-tabs button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.output-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;height:600px;overflow:hidden;position:relative}.code-box{padding:1.5rem;height:100%;overflow-y:auto}.code-box pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:Fira Code,monospace;font-size:.85rem;color:var(--text-color)}.copy-btn{position:absolute;bottom:1.5rem;right:1.5rem;background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;box-shadow:var(--shadow);transition:transform var(--transition-speed)}.copy-btn:hover{transform:translateY(-2px);background:var(--primary-hover)}.preview-box{height:100%;overflow-y:auto;padding:2rem;background:var(--bg-color)}@media(max-width:1024px){.editor-layout{grid-template-columns:1fr}}.landing-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);padding:2rem}.landing-controls{position:absolute;top:2rem;right:2rem;z-index:100}.landing-container{width:100%;max-width:1000px;text-align:center}.landing-header{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.landing-logo{width:80px;height:80px;object-fit:contain}.landing-header h1{font-size:3rem;font-weight:800;letter-spacing:.1em;color:var(--text-color);margin-bottom:.5rem}.landing-header p{font-size:1.25rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.choice-card{background:var(--card-bg);border:1px solid var(--card-border);padding:4rem 2rem;border-radius:1.5rem;cursor:pointer;transition:all var(--transition-speed);display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--text-color)}.choice-card svg{color:var(--primary-color);transition:transform var(--transition-speed)}.choice-card h2{font-size:1.5rem;font-weight:700;letter-spacing:.05em}.choice-card p{color:var(--text-muted);font-size:.9rem}.choice-card:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:var(--shadow)}.choice-card:hover svg{transform:scale(1.1)}@media(max-width:768px){.choice-grid{grid-template-columns:1fr}}:root{--line-height: 1.6;--line-height-relaxed: 1.9;--letter-spacing: .01em;--transition-speed: .3s;--max-width: 1200px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--content-font-family: "Century Schoolbook", "Century Gothic", "Libre Baskerville", serif;--content-font-size: 18px;--fs-small: 1rem;--fs-medium: 1.125rem;--fs-large: 1.35rem}[data-theme=light]{--bg-color: #f8f9fa;--text-color: #2c3e50;--text-muted: #7f8c8d;--primary-color: #26a68a;--primary-hover: #1e866f;--card-bg: #ffffff;--card-border: #e9ecef;--header-bg: rgba(255, 255, 255, .9);--shadow: 0 4px 12px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: #1a1a2e;--text-color: #e6e6e6;--text-muted: #94a3b8;--primary-color: #26a68a;--primary-hover: #1e866f;--card-bg: #16213e;--card-border: #24344d;--header-bg: rgba(26, 26, 46, .9);--shadow: 0 4px 12px rgba(0, 0, 0, .3)}[data-theme=lights-out]{--bg-color: #000000;--text-color: #ffffff;--text-muted: #a1a1aa;--primary-color: #26a68a;--primary-hover: #1e866f;--card-bg: #0a0a0a;--card-border: #1a1a1a;--header-bg: rgba(0, 0, 0, .9);--shadow: 0 0 0 1px #262626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);transition:background-color var(--transition-speed),color var(--transition-speed);line-height:1.6}a{color:inherit;text-decoration:none}.glass{background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}#root{width:100%}