.cta-button{display:block;padding:.6rem 1.2rem;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;text-align:center;border:none;text-decoration:none;font-family:var(--font-mono);transition:all .2s ease}.cta-button.primary{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 12px #3b82f64d;transform:translateY(0)}.cta-button.primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.cta-button.primary:active{transform:translateY(0)}.cta-button.secondary{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.cta-button.secondary:hover{background-color:var(--color-secondary-button-hover)}.cta-button.current-plan{color:var(--color-text);border:1px solid var(--color-text);cursor:default;opacity:.8}.cta-button.current-plan:hover{background-color:var(--color-background);opacity:1;cursor:pointer}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-card .cta-button,.social-auth-buttons .cta-button{width:100%}.auth-card .cta-button.secondary{margin-top:1rem}.auth-form .cta-button.primary{margin-top:2rem}.auth-card .cta-button{display:flex;justify-content:center;align-items:center}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem 1rem}.auth-card{max-width:400px;padding:2rem;border:1px solid var(--color-border);border-radius:var(--border-radius)}.auth-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.auth-form{margin-bottom:1.5rem}.auth-card .home-link{font-family:var(--font-serif)}.auth-form .form-group{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start;width:100%}.auth-form .form-group label{margin-bottom:.5rem;font-weight:500;text-align:left;width:100%}.auth-form .form-group.checkbox{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.auth-form .form-group.checkbox input[type=checkbox]{width:auto;margin:0;margin-top:.125rem;flex-shrink:0}.auth-form .form-group.checkbox label{margin-bottom:0;font-size:.8rem;line-height:1.4;opacity:.8;font-family:var(--font-mono);text-align:left;font-weight:400}.auth-form input[type=email],.auth-form input[type=password]{width:100%;max-width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease;font-family:var(--font-mono);box-sizing:border-box}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{outline:none;border-color:var(--color-text)}.auth-form input[type=email]:disabled,.auth-form input[type=password]:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;text-align:center}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-divider span{padding:0 1rem;color:var(--color-text);opacity:.7;font-size:.9rem;font-family:var(--font-mono)}.social-auth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.button-icon{flex-shrink:0}.auth-links{text-align:center;font-size:.9rem;color:var(--color-text)}.auth-links .auth-separator{margin:0 .5rem;opacity:.5}.verification-status{margin:1rem 0}.verified-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--color-success-background);color:var(--color-success);border-radius:var(--border-radius);margin-left:.5rem;font-weight:500}.unverified-badge{display:inline-block;padding:.25rem .5rem;background-color:var(--color-warning-background);color:var(--color-warning);border-radius:var(--border-radius);margin-left:.5rem;font-weight:500}.verify-link{margin-left:1rem;color:#1976d2;text-decoration:underline;cursor:pointer}.verify-link:hover{text-decoration:none}.signup-tier-info{border:1px solid var(--color-accent);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem;font-family:var(--font-mono)}.signup-tier-info p{margin:0;font-size:.9rem;color:var(--color-text)}.loading-container{display:flex;justify-content:center;align-items:center;height:80vh}.loading-container p{font-size:1.2rem}@media (max-width: 480px){.auth-container{padding:1rem .5rem;min-height:70vh}.auth-card{padding:1.5rem}.auth-title{font-size:1.25rem}.auth-links{display:flex;flex-direction:column;gap:.75rem;align-items:center}.auth-links .auth-separator{display:none}}.password-reset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;background-color:var(--color-background-secondary)}.password-reset-card{max-width:400px;width:100%;padding:2rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius)}.password-reset-title{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono)}.password-reset-subtitle{text-align:center;margin-bottom:2rem;font-size:.9rem;color:var(--color-text-secondary);font-family:var(--font-mono)}.password-reset-form{display:flex;flex-direction:column;gap:1rem}.password-reset-form .form-group{margin-bottom:0}.password-reset-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--color-text)}.password-reset-form input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-mono);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s ease;box-sizing:border-box}.password-reset-form input:focus{outline:none;border-color:var(--color-text)}.password-reset-submit{margin-top:1rem}.password-reset-back-link{text-align:center;margin-top:1.5rem}.password-reset-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background-secondary)}.password-reset-loading-text{color:var(--color-text-secondary);font-family:var(--font-mono)}.password-reset-success{text-align:center}.password-reset-success h2{color:var(--color-text);margin-bottom:1rem;font-family:var(--font-mono)}.password-reset-success p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.9rem}@media (max-width: 480px){.password-reset-container{padding:1rem .5rem}.password-reset-card{padding:1.5rem}.password-reset-title{font-size:1.25rem}}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background-color:var(--color-background-container);border:1px solid var(--color-border);box-shadow:0 4px 12px #00000026;color:var(--color-text);padding:12px 16px;border-radius:8px;font-family:var(--font-mono);font-size:.9rem;opacity:0;transform:translateY(100%);animation:toast-slide-in .3s ease forwards;pointer-events:auto;min-width:300px;max-width:500px}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;color:var(--color-text);cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity var(--transition-speed) var(--transition-easing)}.toast-close:hover{opacity:1}.toast-success{border-color:var(--color-success-border);background-color:var(--color-success-background)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-color:#ef4444;background-color:#fef2f2}.toast-error .toast-icon{color:#ef4444}.toast-info{border-color:var(--color-accent);background-color:var(--color-background-container)}.toast-info .toast-icon{color:var(--color-accent)}@media (prefers-color-scheme: dark){.toast-error{border-color:#ef4444;background-color:#431213}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in-out{0%{opacity:0;transform:translateY(100%)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast-popup{opacity:0;transform:translateY(4px);animation:popup-slide-in .2s ease forwards;pointer-events:auto}.toast-popup-content{display:flex;align-items:center;gap:.5rem;background-color:var(--color-background-container);border:1px solid var(--color-border);box-shadow:0 4px 12px #00000026;color:var(--color-text);padding:8px 12px;border-radius:var(--border-radius);font-family:var(--font-mono);font-size:.85rem;white-space:nowrap}.toast-popup-message{font-weight:500}.toast-popup-close{background:none;border:none;color:var(--color-text);cursor:pointer;padding:0;display:flex;align-items:center;opacity:.7;transition:opacity var(--transition-speed) var(--transition-easing)}.toast-popup-close:hover{opacity:1}.toast-popup-arrow{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-border)}.toast-popup-arrow:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-background-container)}@keyframes popup-slide-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.toast-popup-content{box-shadow:0 4px 12px #0000004d}}.button{font-family:var(--font-mono);padding:.25rem .5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem;border:1px solid var(--color-border);transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.button:hover{background-color:var(--color-secondary-button-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button:disabled:hover{background-color:initial}.button.danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button.danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.button.primary{background-color:var(--color-background);color:var(--color-text);border-color:var(--color-border)}.button.primary:hover{border-color:var(--color-text)}.button.secondary{background-color:var(--color-secondary-button);color:var(--color-text)}.button.secondary:hover{background-color:var(--color-secondary-button-hover);border-color:var(--color-secondary-button-hover)}.button.ghost{background-color:transparent;color:var(--color-text)}.button.upgrade{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 4px 12px #3b82f64d}.button.upgrade:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button.upgrade:active{transform:translateY(0)}.button.small{padding:.25rem .5rem;font-size:.8rem}.button.medium{padding:.35rem .75rem;font-size:.9rem}.button.large{padding:.5rem 1rem;font-size:1rem}.api-key-manager{width:100%;max-width:1000px;margin:0 auto}.api-key-manager h2{margin-bottom:1rem}.api-key-manager p{margin-bottom:1.5rem}.new-api-key-alert{background-color:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:4px;padding:1.5rem;margin-bottom:2rem}.new-api-key-alert h3{margin-top:0;color:var(--color-success);margin-bottom:.5rem}.api-key-display{background-color:#f5f5f5;border-radius:4px;padding:1rem;margin:1rem 0}.api-key-value{display:flex;align-items:center;margin-top:.5rem;word-break:break-all}.api-key-value button{margin-left:1rem;white-space:nowrap}.create-key-form{background-color:var(--color-background-container);border-radius:4px;padding:1.5rem;margin-bottom:2rem}.api-keys-list{margin-top:2rem}.api-keys-list h3{margin-bottom:1rem}.api-keys-table{width:100%;border-collapse:collapse}.api-keys-table th,.api-keys-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.api-keys-table th{font-weight:600;background-color:#f5f5f5}.btn-small{padding:.25rem .5rem;font-size:.875rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.create-key-button{background-color:var(--color-background);border:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-text);padding:.35rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem}.create-key-button:hover{background-color:var(--color-secondary-button-hover)}.create-key-button.primary{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--color-border)}.create-key-button.primary:hover{background-color:var(--color-primary-button-hover);border-color:var(--color-primary-button-hover)}.create-key-button.secondary{background-color:var(--color-secondary-button);color:var(--color-text);border:1px solid var(--color-border)}.create-key-button.secondary:hover{background-color:var(--color-secondary-button-hover)}.create-key-form{border:1px solid var(--color-border);background-color:var(--color-background);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.key-name-input{flex:1;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9rem;font-family:var(--font-mono);background-color:var(--color-background);color:var(--color-text)}.keys-container{display:flex;flex-direction:column;gap:1rem}.key-item{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.key-item-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--color-background)}.key-item-name{font-weight:500;margin-right:1rem}.key-item-details{padding:.75rem 1rem}.key-value-display{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.key-label{font-weight:500;margin-right:.25rem}.key-status{font-size:.85rem;color:var(--color-text);font-family:var(--font-mono);opacity:.7;padding-right:.25rem}.key-text{font-family:var(--font-mono);background-color:var(--color-background);padding-right:1rem;border-radius:4px;font-size:.85rem}.toggle-visibility-button{cursor:pointer;padding:.25rem;font-size:1rem;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.copy-button{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:.35rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem}.copy-button.small{padding:.25rem .5rem;font-size:.8rem}.copy-button:hover{background-color:var(--color-secondary-button-hover)}.key-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text);opacity:.8}.new-key-alert{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;margin-bottom:1.5rem}.new-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.new-key-header h3{margin:0}.key-display{background-color:var(--color-background);border-radius:var(--border-radius);padding:.75rem;margin:1rem 0}.key-name{margin-bottom:.5rem}.key-value{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);word-break:break-all}.loading-text,.empty-keys{padding:1rem;text-align:center;color:var(--color-text);opacity:.7}.mcp-config-tabs{margin-top:1rem}.tabs-header{display:flex}.tab-button{font-family:var(--font-mono);padding:.5rem 1rem;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text);opacity:.7;border-bottom:1px solid transparent}.tab-button.active{opacity:1;border-bottom:1px solid var(--color-text)}.tab-content{margin-top:.5rem;position:relative;overflow:hidden}.tab-content .code-block{margin:0;padding:1rem;font-family:var(--font-mono);background-color:var(--color-background-container);font-size:.9rem;white-space:pre;overflow-x:auto;border-radius:var(--border-radius)}.config-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;align-items:center}.copy-config-button{background-color:var(--color-background-container);color:var(--color-text);border:none;padding:.25rem .5rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem}.copy-config-button:hover{background-color:var(--color-secondary-button-hover)}.install-cursor-button{background-color:var(--color-primary);color:#fff;border:none;padding:.35rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.25rem;font-family:var(--font-mono);transition:background-color .2s ease}.install-cursor-button:hover{background-color:var(--color-primary-hover, #0056b3)}.install-cursor-button svg{width:14px;height:14px}.table-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.table{width:100%;border-collapse:collapse}.table .header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.table .table-cell{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);vertical-align:middle;font-family:var(--font-mono)}.table tr:last-child .table-cell{border-bottom:none}@media (max-width: 768px){.table-container{overflow-x:auto}.table{min-width:800px}}.transaction-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.8rem;opacity:.8}.filter-select,.date-filter{padding:.35rem .5rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9rem;background-color:var(--color-background);color:var(--color-text)}.transactions-card{border:1px solid var(--color-border);border-radius:4px;padding:1rem;overflow:hidden}.transactions-table-container{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse}.table-header{border-bottom:1px solid var(--color-border)}.header-cell{padding:.75rem;text-align:left;font-weight:600;font-size:.9rem}.table-row{border-bottom:1px solid var(--color-border)}.table-row:last-child{border-bottom:none}.table-row.clickable-row{cursor:pointer;transition:background-color .2s ease}.table-row.clickable-row:hover{background-color:var(--color-background-container)}.table-cell{padding:.75rem;font-size:.9rem}.expand-indicator{margin-left:.75rem;padding:.25rem .5rem;color:var(--color-text);opacity:.6;font-size:.9rem;transition:opacity .2s ease}.clickable-row:hover .expand-indicator{opacity:1}.expanded-row{border-bottom:1px solid var(--color-border)}.expanded-row td{padding:0;border-top:none}.metadata-container{margin:0;padding:.5rem 1rem 1rem}.metadata-code{background-color:var(--color-code-background);color:#f8f8f2;margin:0;padding:1rem;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;overflow-x:auto;white-space:pre}.amount-positive{color:var(--color-success)}.amount-negative{color:#d32f2f}.empty-transactions,.loading-text{padding:2rem;text-align:center;color:var(--color-text);opacity:.7;font-style:italic}.recent-activity-section{padding-bottom:4rem}.recent-activity-section h2{margin-bottom:1rem;font-size:1.5rem;font-weight:600}@media (max-width: 768px){.transaction-filters{flex-direction:column;align-items:stretch}.filter-group{margin-bottom:.5rem}.table-cell{padding:.5rem;font-size:.85rem}.expand-indicator{margin-left:.5rem;padding:.25rem}.metadata-container{padding-left:.5rem;padding-right:.5rem}}:root{--font-serif: "Libre Baskerville", serif;--font-mono: "Source Code Pro", monospace;--transition-speed: .2s;--transition-easing: ease-in-out;--border-radius: 4px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--color-text: #1a1a1a;--color-text-secondary: #666;--color-primary: #3366cc;--color-primary-dark: #2a5594;--color-primary-button: #1a1a1a;--color-secondary-button: #f5f5f5;--color-secondary-button-hover: #e5e5e5;--color-tertiary-button: #ddd;--color-tertiary-button-hover: #ccc;--color-background: white;--color-background-inverted: #1a1a1a;--color-background-container: #f5f5f5;--color-background-secondary: #f8f9fa;--color-background-tertiary: #f1f3f4;--color-accent: #3366cc;--color-accent-button-text: white;--color-accent-hover: #2a5594;--color-border: #dedede;--color-code-background: #454545;--color-success: #2e7d32;--color-success-bg: #e6f7e9;--color-success-background: #e6f7e9;--color-success-border: #a5d6a7;--color-success-hover: #1b5e20;--color-warning: #ed6c02;--color-warning-bg: #fff4e5;--color-warning-background: #fff4e5;--color-warning-border: #f4a261;--color-warning-hover: #c55900;--color-danger: #d32f2f;--color-danger-bg: #ffebee;--color-danger-background: #ffebee;--color-danger-border: #ef5350;--color-danger-hover: #b71c1c;--color-credit-warning: #856404;--color-credit-warning-bg: #fff3cd;--color-credit-warning-background: #fff3cd;--color-credit-warning-border: #ffeaa7;--color-credit-warning-link: #0066cc}@media (prefers-color-scheme: dark){:root{--color-text: #e5e5e5;--color-text-secondary: #a1a1a1;--color-primary: #4488ff;--color-primary-dark: #3366cc;--color-primary-button: #e5e5e5;--color-secondary-button: #2a2a2a;--color-secondary-button-hover: #444444;--color-tertiary-button: #444444;--color-tertiary-button-hover: #555555;--color-background: #1a1a1a;--color-background-container: #2a2a2a;--color-background-secondary: #2a2a2a;--color-background-tertiary: #333333;--color-accent: #3366cc;--color-accent-hover: #4488ff;--color-border: #444444;--color-code-background: #333333;--color-inline-code-background: #333333;--color-success: #66bb6a;--color-success-bg: #1b5e20;--color-success-background: #1b5e20;--color-success-border: #2e7d32;--color-success-hover: #66bb6a;--color-warning: #ed6c02;--color-warning-bg: #fff4e5;--color-warning-background: #fff4e5;--color-warning-border: #f4a261;--color-warning-hover: #c55900;--color-danger: #ef4444;--color-danger-bg: #431213;--color-danger-background: #431213;--color-danger-border: #ef4444;--color-danger-hover: #dc2626;--color-credit-warning: #d4b106;--color-credit-warning-bg: #332c1a;--color-credit-warning-background: #332c1a;--color-credit-warning-border: #665c33;--color-credit-warning-link: #4488ff}}body{font-family:var(--font-serif);margin:0 auto;line-height:1.6;color:var(--color-text);background-color:var(--color-background);transition:color var(--transition-speed) var(--transition-easing),background-color var(--transition-speed) var(--transition-easing)}.container{max-width:800px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;margin-bottom:.5rem;text-align:center}h4{font-size:1rem;text-align:center;margin-bottom:1rem;margin-top:.5rem;color:var(--color-text);opacity:.7;font-weight:400;line-height:1.4;font-family:var(--font-mono)}@media (max-width: 600px){h1{font-size:2rem}h4{font-size:1rem;margin-bottom:.75rem;margin-top:1.5rem;margin-bottom:.5rem}}*:focus{outline:none}.link{padding-bottom:8px;padding-top:8px;text-decoration:none;font-family:var(--font-mono);color:var(--color-text);position:relative;z-index:1;transition:color var(--transition-speed) var(--transition-easing)}.home-link{padding-bottom:8px;padding-top:8px;text-decoration:none;font-family:var(--font-serif);color:var(--color-text);position:relative;z-index:1;transition:color var(--transition-speed) var(--transition-easing)}.home-link:after,.link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--color-text);transition:width var(--transition-speed) var(--transition-easing)}.home-link:hover:after,.link:hover:after{width:100%}.home-link:focus,.link:focus{outline:none}.home-link:focus:after,.link:focus:after{width:80%}.btn-primary{background-color:var(--color-primary-button);color:var(--color-background);border:1px solid var(--color-primary-button);border-radius:var(--border-radius);padding:.35rem .75rem;cursor:pointer;font-size:.9rem;font-family:var(--font-mono);transition:all var(--transition-speed) var(--transition-easing)}.btn-primary:hover{background-color:var(--color-primary-button-hover);border-color:var(--color-primary-button-hover)}.btn-secondary{background-color:var(--color-secondary-button);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:var(--color-secondary-button-hover)}.btn-danger{background-color:var(--color-danger);color:#fff;border:1px solid var(--color-danger-border);border-radius:var(--border-radius);padding:.35rem .75rem;cursor:pointer;font-size:.9rem;font-family:var(--font-mono);transition:all var(--transition-speed) var(--transition-easing)}.btn-danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger:active{transform:scale(.98)}code{font-size:.9em;font-family:var(--font-mono)}.inline-code{display:inline;background-color:var(--color-background-container);color:var(--color-text);border-radius:.5rem;padding:.25rem .5rem}.loading-spinner{margin-left:.25rem;display:flex;justify-content:center;align-items:center}.spinner{width:.5rem;height:.5rem;border:2px solid rgba(1,2,3,.2);border-radius:50%;border-top-color:var(--color-text);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:1rem}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500}.card{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;background-color:var(--color-background-container)}.success-message{background-color:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:var(--border-radius);padding:1rem;margin-bottom:1rem}.error-message{background-color:var(--color-danger-background);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:1rem;font-size:.9rem}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.empty-content{margin:0 auto;padding-top:2rem;color:var(--color-text);opacity:.8;max-width:460px}.empty-content a{color:var(--color-text)}.loading{font-family:var(--font-mono);font-size:1.2rem;text-align:center;margin-top:3rem;letter-spacing:.05rem;color:var(--color-text);opacity:.8;font-weight:500}.container{max-width:800px;margin:0 auto;padding:0 1rem}@media (max-width: 640px){.container{padding:0}}.monospace{font-family:var(--font-mono)}.home-container{max-width:800px;margin:0 auto}@media (max-width: 480px){.home-container{padding:0 1rem}}.video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem auto;transition:border-color var(--transition-speed) var(--transition-easing),background-color var(--transition-speed) var(--transition-easing)}.video-container lite-youtube{max-width:100%;width:560px;height:315px}.video-footer{text-align:center;margin-top:1rem;font-size:.8rem}@media (max-width: 640px){.video-container lite-youtube{width:100%;height:auto;aspect-ratio:16 / 9}}.blog-image-container img{left:-1px;border-radius:var(--border-radius);border:1px solid var(--color-border);width:100%;height:auto}.blog-image-container span{text-align:center;font-size:.8rem;margin:.5rem 0 0;opacity:.7;display:block}.header{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:3rem;border-bottom:1px solid var(--color-text);padding-bottom:1rem}.logo{font-size:2rem;text-decoration:none;color:var(--color-text)}.logo:hover{color:var(--color-text)}.logo:after{display:none}.header .link{padding-left:8px;padding-right:8px;margin-left:8px;margin-right:8px}@media (max-width: 480px){.page-title{display:none}}.contact{padding-top:3rem;border-top:1px solid var(--color-text);text-align:center;margin:3rem 0;display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap}.contact .link{color:var(--color-text);text-decoration:none;font-family:var(--font-mono);font-size:1rem;transition:opacity .2s ease}@media (max-width: 768px){.contact{gap:1rem;flex-direction:column;align-items:center}}.blog-post-container{margin:0 auto}.blog-post-container h1{text-align:center;font-size:2.5rem;margin:2rem 0 1rem;font-weight:600}.blog-post-container h2{text-align:center;font-size:1.5rem;margin:3rem 0 1rem;font-weight:500}.blog-post-container h3{font-family:var(--font-mono);font-size:1.25rem;margin:2rem 0 1rem;font-weight:500}.blog-post-container h4{text-align:center;font-size:1.1rem;margin:0 0 3rem;font-weight:400;opacity:.8}.blog-post-container p{line-height:1.8;margin:1.5rem 0;font-size:1rem}.blog-post-container em{display:block;text-align:center;margin:2rem 0;opacity:.7;font-size:.9rem}.blog-post-container strong{font-weight:600}.blog-post-container ol{margin:1.5rem 0;padding-left:2rem}.blog-post-container ol li{margin:1rem 0;line-height:1.8}.blog-post-container ol li strong{display:inline-block;margin-right:.5rem}.blog-post-container code{font-family:var(--font-mono);font-size:.9em;padding:.2em .4em;background-color:#8080801a;border-radius:3px}.blog-content,.blog-post-container .youtube-video-container{margin:3rem 0}@media (max-width: 768px){.blog-post-container{padding:1rem}.blog-post-container h1{font-size:2rem}.blog-post-container h2{font-size:1.3rem}.blog-post-container h3{font-size:1.1rem}.blog-post-container h4{font-size:1rem}}@media (max-width: 480px){.blog-post-container h1{font-size:1.75rem;margin:1.5rem 0 .75rem}.blog-post-container h2{font-size:1.2rem;margin:2rem 0 .75rem}.blog-post-container h3{font-size:1.05rem}.blog-post-container h4{font-size:.95rem;margin-bottom:2rem}.blog-post-container p{font-size:.95rem}}.blog-post-container a{color:var(--color-text)}.blog-post-container a:hover{color:var(--color-primary)}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube:before{content:attr(data-title);display:block;position:absolute;top:0;background-image:linear-gradient(180deg,#000000ab,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);height:99px;width:100%;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}