:root{--color-primary:#35495e;--color-primary-light:#4a6741;--color-secondary:#329066;--color-accent:#ff6b6b;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#e9ecef;--color-bg-card:#fff;--color-bg-hover:#f8f9fa;--color-bg-overlay:#fffffff2;--color-text-primary:#2c3e50;--color-text-secondary:#6c757d;--color-text-muted:#868e96;--color-text-inverse:#fff;--color-border-light:#e9ecef;--color-border-medium:#dee2e6;--color-border-dark:#adb5bd;--color-link:#6b7280;--color-link-hover:#374151;--color-button-primary:#6b7280;--color-button-primary-hover:#374151;--color-button-secondary:#64748b;--color-button-secondary-hover:#475569;--color-icon-primary:#374151;--color-icon-secondary:#6b7280;--color-accent-warm:#8b6f47;--color-accent-warm-hover:#a08357;--color-success:#28a745;--color-success-light:#d4edda;--color-error:#dc3545;--color-error-light:#f8d7da;--color-warning:#ffc107;--color-warning-light:#fff3cd;--color-info:#17a2b8;--color-info-light:#d1ecf1;--shadow-small:0 1px 2px #0000000d;--shadow-light:0 2px 4px #0000001a;--shadow-medium:0 4px 8px #00000026;--shadow-large:0 8px 16px #0003;--shadow-heavy:0 8px 24px #0003;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);--gradient-card:linear-gradient(135deg,#fefbf5,#f3ece3);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:2rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}[data-theme=dark]{--color-primary:#44ab93;--color-primary-light:#5fb7ab;--color-secondary:#bb86fc;--color-accent:#ff7961;--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-bg-tertiary:#2d2d2d;--color-bg-card:#1e1e1e;--color-bg-hover:#333;--color-bg-overlay:#121212f2;--color-text-primary:#b0b1b4;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-text-inverse:#d7d9db;--color-border-light:#333;--color-border-medium:#444;--color-border-dark:#555;--color-link:#60a5fa;--color-link-hover:#93c5fd;--color-button-primary:#6b7280;--color-button-primary-hover:#9ca3af;--color-button-secondary:#64748b;--color-button-secondary-hover:#475569;--color-icon-primary:#9ca3af;--color-icon-secondary:#6b7280;--color-success:#4caf50;--color-success-light:#1b2e1f;--color-error:#f44336;--color-error-light:#2e1b1b;--color-warning:#ff9800;--color-warning-light:#2e2419;--color-info:#2196f3;--color-info-light:#1b242e;--shadow-small:0 1px 2px #0003;--shadow-light:0 2px 4px #0000004d;--shadow-medium:0 4px 8px #0006;--shadow-large:0 8px 16px #00000080;--shadow-heavy:0 8px 24px #0009;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#434343 0%,#000 100%);--gradient-card:linear-gradient(135deg,#2d2d2d,#1e1e1e)}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}
#blogextras-comments{background-color:var(--color-bg-card)!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border-light)!important;padding:var(--spacing-lg)!important;color:var(--color-text-primary)!important}#blogextras-comments *{color:var(--color-text-primary)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,system-ui,ui-sans-serif,Helvetica,Arial,sans-serif!important}#blogextras-comments input,#blogextras-comments textarea,#blogextras-comments select{background-color:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-medium)!important;border-radius:var(--radius-sm)!important;padding:10px!important;font-size:14px!important}#blogextras-comments input:focus,#blogextras-comments textarea:focus,#blogextras-comments select:focus{border-color:var(--color-border-dark)!important;box-shadow:0 0 0 2px var(--color-border-light)!important;outline:none!important}#blogextras-comments button,#blogextras-comments input[type=submit],#blogextras-comments .submit-button,#blogextras-comments .btn,#blogextras-comments [class*=submit],#blogextras-comments [class*=post],#blogextras-comments [class*=send]{background-color:var(--color-button-primary)!important;background:var(--color-button-primary)!important;color:#fff!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;border:none!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important}#blogextras-comments button:hover,#blogextras-comments input[type=submit]:hover,#blogextras-comments .submit-button:hover,#blogextras-comments .btn:hover{background-color:var(--color-button-primary-hover)!important;background:var(--color-button-primary-hover)!important}#blogextras-comments .comment,#blogextras-comments .comment-item,#blogextras-comments .be-comment{background-color:var(--color-bg-secondary)!important;border:1px solid var(--color-border-light)!important;border-radius:var(--radius-sm)!important;padding:var(--spacing-md)!important;margin:var(--spacing-sm)0!important}#blogextras-comments label,#blogextras-comments .form-label{color:var(--color-text-primary)!important;margin-bottom:6px!important;font-weight:500!important;display:block!important}[data-theme=dark] #blogextras-comments{background-color:var(--color-bg-card)!important;border-radius:var(--radius-md)!important;border:1px solid var(--color-border-light)!important;padding:var(--spacing-lg)!important}[data-theme=dark] #blogextras-comments>div,[data-theme=dark] #blogextras-comments .blogextras-widget,[data-theme=dark] #blogextras-comments .blogextras-container,[data-theme=dark] #blogextras-comments .comments-section,[data-theme=dark] #blogextras-comments .comments-wrapper{background-color:var(--color-bg-card)!important;color:var(--color-text-primary)!important}[data-theme=dark] #blogextras-comments *{color:var(--color-text-primary)!important;border-color:var(--color-border-medium)!important}[data-theme=dark] #blogextras-comments input,[data-theme=dark] #blogextras-comments textarea,[data-theme=dark] #blogextras-comments select{background-color:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border-medium)!important;border-radius:var(--radius-sm)!important}[data-theme=dark] #blogextras-comments input:focus,[data-theme=dark] #blogextras-comments textarea:focus,[data-theme=dark] #blogextras-comments select:focus{border-color:var(--color-border-dark)!important;box-shadow:0 0 0 2px var(--color-border-light)!important;outline:none!important}[data-theme=dark] #blogextras-comments button,[data-theme=dark] #blogextras-comments input[type=submit],[data-theme=dark] #blogextras-comments .submit-button,[data-theme=dark] #blogextras-comments .btn,[data-theme=dark] #blogextras-comments .btn-primary,[data-theme=dark] #blogextras-comments [class*=submit],[data-theme=dark] #blogextras-comments [class*=post],[data-theme=dark] #blogextras-comments [class*=send]{background-color:var(--color-button-primary)!important;background:var(--color-button-primary)!important;color:var(--color-text-inverse)!important;border:2px solid var(--color-button-primary)!important;border-radius:var(--radius-sm)!important;padding:var(--spacing-sm)var(--spacing-md)!important;cursor:pointer!important;transition:all var(--transition-fast)!important;opacity:1!important;visibility:visible!important;min-width:80px!important;min-height:36px!important;font-size:14px!important;font-weight:500!important;display:inline-block!important}[data-theme=dark] #blogextras-comments button:hover,[data-theme=dark] #blogextras-comments input[type=submit]:hover,[data-theme=dark] #blogextras-comments .submit-button:hover,[data-theme=dark] #blogextras-comments .btn:hover{background-color:var(--color-button-primary-hover)!important;background:var(--color-button-primary-hover)!important;border-color:var(--color-button-primary-hover)!important;transform:translateY(-1px)!important}[data-theme=dark] #blogextras-comments .comment,[data-theme=dark] #blogextras-comments .comment-item,[data-theme=dark] #blogextras-comments .comment-container{background-color:var(--color-bg-secondary)!important;border:1px solid var(--color-border-light)!important;border-radius:var(--radius-sm)!important}[data-theme=dark] #blogextras-comments .comment-author,[data-theme=dark] #blogextras-comments .comment-date,[data-theme=dark] #blogextras-comments .comment-text{color:var(--color-text-primary)!important}[data-theme=dark] #blogextras-comments .comment-date{color:var(--color-text-muted)!important}[data-theme=dark] #blogextras-comments a,[data-theme=dark] #blogextras-comments .link{color:var(--color-link)!important}[data-theme=dark] #blogextras-comments a:hover,[data-theme=dark] #blogextras-comments .link:hover{color:var(--color-link-hover)!important}[data-theme=dark] #blogextras-comments .form-group label,[data-theme=dark] #blogextras-comments .form-label{color:var(--color-text-primary)!important;font-weight:500!important}[data-theme=dark] #blogextras-comments .loading,[data-theme=dark] #blogextras-comments .spinner{border-color:var(--color-border-medium)!important;border-top-color:var(--color-text-primary)!important}[data-theme=dark] #blogextras-comments .be-widget,[data-theme=dark] #blogextras-comments .be-comments,[data-theme=dark] #blogextras-comments .be-form{color:var(--color-text-primary)!important;background-color:#0000!important}[data-theme=dark] #blogextras-comments .be-comment{background-color:var(--color-bg-secondary)!important;border-left:3px solid var(--color-border-medium)!important;margin:var(--spacing-sm)0!important;padding:var(--spacing-md)!important;border-radius:var(--radius-sm)!important}[data-theme=dark] #blogextras-comments .be-comment-reply{margin-left:var(--spacing-lg)!important;border-left:2px solid var(--color-border-light)!important}[data-theme=dark] #blogextras-comments>*,[data-theme=dark] #blogextras-comments div[class*=blogextras],[data-theme=dark] #blogextras-comments div[class*=comments],[data-theme=dark] #blogextras-comments div[class*=widget],[data-theme=dark] #blogextras-comments [style*=background]{background-color:var(--color-bg-card)!important;background:var(--color-bg-card)!important}[data-theme=dark] #blogextras-comments [style*=color]{color:var(--color-text-primary)!important}[data-theme=dark] #blogextras-comments .container,[data-theme=dark] #blogextras-comments .wrapper,[data-theme=dark] #blogextras-comments .section,[data-theme=dark] #blogextras-comments .block,[data-theme=dark] #blogextras-comments .panel,[data-theme=dark] #blogextras-comments .card{background-color:var(--color-bg-card)!important;color:var(--color-text-primary)!important}
*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,system-ui,ui-sans-serif,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;transition:background-color .3s,color .3s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}