:root{--primary:#2563EB;--primary-dark:#1d4ed8;--primary-darker:#1e40af;--primary-light:#dbeafe;--primary-lighter:#eff6ff;--accent:#f59e0b;--accent-light:#fef3c7;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--info:#06b6d4;--info-light:#cffafe;--purple:#8b5cf6;--purple-light:#ede9fe;--bg-light:#f8fafc;--bg-white:#ffffff;--text-dark:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-lighter:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--radius:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem}body{background-color:var(--bg-light);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:600}a{color:var(--primary);transition:color 0.15s ease}a:hover{color:var(--primary-dark)}::selection{background:var(--primary-light);color:var(--primary-dark)}.navbar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-darker) 100%) !important;box-shadow:0 2px 15px rgba(37,99,235,0.3);padding:0.5rem 0;backdrop-filter:blur(10px)}.navbar-brand{font-size:1.5rem;letter-spacing:-0.5px;font-weight:700;display:flex;align-items:center;gap:0.5rem}.navbar-brand .bi-calculator{font-size:1.6rem;background:rgba(255,255,255,0.2);padding:0.3rem;border-radius:0.5rem}.nav-link{font-size:0.82rem;padding:0.5rem 0.65rem !important;font-weight:500;opacity:0.85;transition:opacity 0.15s}.nav-link:hover{opacity:1}.navbar .form-control{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);color:white;border-radius:2rem;padding-left:1rem;font-size:0.85rem}.navbar .form-control::placeholder{color:rgba(255,255,255,0.6)}.navbar .form-control:focus{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.4);box-shadow:none;color:white}.navbar .btn-light{border-radius:2rem;padding:0.3rem 0.8rem;font-weight:600}.navbar .dropdown-menu{border:none;box-shadow:var(--shadow-lg);border-radius:var(--radius);padding:0.5rem;margin-top:0.25rem}.navbar .dropdown-item{border-radius:0.5rem;padding:0.5rem 0.75rem;font-size:0.85rem;font-weight:500}.navbar .dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.navbar .dropdown-item .bi{width:1.25rem;display:inline-block}.card{border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);transition:all 0.25s ease;background:var(--bg-white)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-radius:var(--radius) var(--radius) 0 0 !important;font-weight:600;border-bottom:none}.card-header.bg-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%) !important}.calc-card{cursor:pointer;text-decoration:none !important;color:inherit !important;display:block}.calc-card .card{height:100%;border-left:3px solid transparent;transition:all 0.25s ease}.calc-card:hover .card{border-left-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.calc-card .card h6,.calc-card .card h5{color:var(--text-dark);font-weight:600}.calc-card:hover .card h6,.calc-card:hover .card h5{color:var(--primary)}.calc-card .card .badge{transition:all 0.25s ease}.category-card{transition:all 0.3s ease;border:2px solid transparent;text-align:center;position:relative;overflow:hidden}.category-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--info));opacity:0;transition:opacity 0.3s}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.category-card:hover::before{opacity:1}.category-card .cat-icon{width:56px;height:56px;margin:0 auto 0.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all 0.3s}.category-card:hover .cat-icon{transform:scale(1.1)}.cat-icon-math{background:var(--primary-light);color:var(--primary)}.cat-icon-financial{background:var(--success-light);color:var(--success)}.cat-icon-health{background:var(--danger-light);color:var(--danger)}.cat-icon-conversion{background:var(--info-light);color:var(--info)}.cat-icon-datetime{background:var(--accent-light);color:#d97706}.cat-icon-text{background:var(--purple-light);color:var(--purple)}.cat-icon-science{background:#fef3c7;color:#b45309}.cat-icon-everyday{background:#fce7f3;color:#db2777}.cat-icon-crypto{background:#ccfbf1;color:#0d9488}.hero{background:linear-gradient(135deg,#1e3a8a 0%,var(--primary) 40%,#7c3aed 100%);color:white;padding:3.5rem 2rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:-1.5rem -0.75rem 2rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,0.08) 0%,transparent 60%);animation:heroPulse 8s ease-in-out infinite alternate}@keyframes heroPulse{from{transform:translate(0,0)}to{transform:translate(5%,3%)}}.hero h1{font-size:2.5rem;font-weight:800;color:white;letter-spacing:-1px;position:relative;z-index:1}.hero .lead{opacity:0.9;font-size:1.15rem;font-weight:400;position:relative;z-index:1}.hero .form-control-lg{border:none;border-radius:3rem;padding:0.8rem 1.5rem;font-size:1rem;box-shadow:var(--shadow-lg)}.hero .btn-lg{border-radius:3rem;padding:0.8rem 1.5rem;font-weight:600;box-shadow:var(--shadow-md)}.hero-stats{position:relative;z-index:1;display:flex;justify-content:center;gap:3rem;margin-top:2rem}.hero-stat{text-align:center}.hero-stat-value{font-size:1.75rem;font-weight:800;display:block}.hero-stat-label{font-size:0.8rem;opacity:0.7;text-transform:uppercase;letter-spacing:0.1em}.section-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:2px solid var(--border-light)}.section-header .section-icon{width:40px;height:40px;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.section-header h2{margin:0;font-size:1.25rem;font-weight:700}.section-header .section-subtitle{font-size:0.82rem;color:var(--text-muted);margin:0}.result-box{background:linear-gradient(135deg,var(--primary-lighter),var(--primary-light));border:2px solid var(--primary);border-radius:var(--radius-lg);padding:1.75rem;margin-top:1.25rem;display:none;position:relative}.result-box.show{display:block !important;animation:resultReveal 0.5s cubic-bezier(0.16,1,0.3,1)}@keyframes resultReveal{from{opacity:0;transform:translateY(-15px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-value{font-size:2.25rem;font-weight:800;color:var(--primary);letter-spacing:-0.5px;line-height:1.2}.result-label{font-size:0.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:0.25rem}.result-metric{background:var(--bg-white);border-radius:var(--radius);padding:1rem;text-align:center;border:1px solid var(--border);transition:transform 0.2s}.result-metric:hover{transform:translateY(-2px)}.result-metric .metric-value{font-size:1.35rem;font-weight:700;color:var(--primary);display:block}.result-metric .metric-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.chart-container{position:relative;margin:1.5rem 0;padding:1rem;background:var(--bg-white);border-radius:var(--radius);border:1px solid var(--border)}.chart-container canvas{max-height:300px}.calc-form .card-body{padding:1.5rem}.calc-form .form-label{font-weight:600;color:var(--text-dark);font-size:0.85rem;margin-bottom:0.35rem}.calc-form .form-control,.calc-form .form-select{border-radius:0.5rem;border:1.5px solid var(--border);padding:0.6rem 0.85rem;font-size:0.9rem;transition:all 0.2s}.calc-form .form-control:focus,.calc-form .form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.calc-form .form-control.is-invalid{border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,0.12)}.calc-form .input-group .form-control{border-radius:0.5rem 0 0 0.5rem}.calc-form .input-group .form-select{border-radius:0 0.5rem 0.5rem 0}.calc-form .form-text{font-size:0.78rem;color:var(--text-lighter)}.btn-calculate{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:white;font-weight:700;padding:0.75rem 2rem;border-radius:0.625rem;font-size:0.95rem;transition:all 0.25s ease;position:relative;overflow:hidden}.btn-calculate::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent);opacity:0;transition:opacity 0.25s}.btn-calculate:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.4);color:white}.btn-calculate:hover::after{opacity:1}.btn-calculate:active{transform:translateY(0)}.btn-preset{border:1.5px solid var(--border);background:var(--bg-white);color:var(--text-body);font-weight:600;font-size:0.85rem;border-radius:2rem;padding:0.35rem 1rem;transition:all 0.2s}.btn-preset:hover,.btn-preset.active{background:var(--primary);border-color:var(--primary);color:white}.how-to-content{font-size:0.95rem}.how-to-content h2{font-size:1.35rem;margin-top:1.75rem;margin-bottom:0.75rem;color:var(--text-dark);padding-bottom:0.5rem;border-bottom:2px solid var(--border-light)}.how-to-content h3{font-size:1.1rem;margin-top:1.25rem;margin-bottom:0.5rem;color:var(--text-body)}.how-to-content p{color:var(--text-body);line-height:1.8;margin-bottom:1rem}.how-to-content ul,.how-to-content ol{color:var(--text-body);line-height:1.8;padding-left:1.5rem}.how-to-content code{background:var(--primary-lighter);color:var(--primary-dark);padding:0.15rem 0.4rem;border-radius:0.25rem;font-size:0.85em}.how-to-content strong{color:var(--text-dark)}.how-to-content h3:has(+p){margin-top:1.5rem}.sidebar .card{font-size:0.88rem;border-radius:var(--radius);overflow:hidden}.sidebar .card-header{padding:0.75rem 1rem;font-size:0.85rem}.sidebar .list-group-item{padding:0.65rem 1rem;border-color:var(--border-light);font-weight:500;transition:all 0.15s}.sidebar .list-group-item:hover{background:var(--primary-lighter);color:var(--primary)}.sidebar .list-group-item.active{background:var(--primary);border-color:var(--primary)}.sidebar .badge{font-weight:600;font-size:0.7rem}.related-calc-link{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;border-radius:0.5rem;text-decoration:none;color:var(--text-dark);font-weight:500;font-size:0.9rem;transition:all 0.2s;border:1px solid transparent}.related-calc-link:hover{background:var(--primary-lighter);color:var(--primary);border-color:var(--primary-light)}.ad-slot{text-align:center;margin:1.25rem 0}.ad-placeholder{background:var(--border-light);border:2px dashed var(--border);border-radius:var(--radius);padding:2rem;color:var(--text-lighter);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:600}.sidebar-ad .ad-placeholder{min-height:250px;display:flex;align-items:center;justify-content:center}.sticky-mobile-ad{position:fixed;bottom:0;left:0;right:0;z-index:1040;background:white;box-shadow:0 -4px 20px rgba(0,0,0,0.1);padding:0.25rem 0.5rem}.sticky-mobile-ad .ad-placeholder{padding:0.5rem;min-height:auto;border-style:none}.breadcrumb{background:transparent;padding:0;margin-bottom:0;font-size:0.82rem;font-weight:500}.breadcrumb-item a{color:var(--primary);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:var(--text-muted)}.result-table{font-size:0.82rem;border-radius:var(--radius);overflow:hidden}.result-table thead th{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;padding:0.6rem 0.75rem;border:none}.result-table td{vertical-align:middle;padding:0.5rem 0.75rem;border-color:var(--border-light)}.result-table tbody tr:hover{background-color:var(--primary-lighter) !important}footer{background:linear-gradient(180deg,#0f172a,#1e293b) !important}footer h5,footer h6{color:#e2e8f0}footer a{color:var(--text-lighter) !important;transition:color 0.15s}footer a:hover{color:white !important}footer hr{border-color:#334155}.progress-thin{height:6px;border-radius:3px;background:var(--border-light);overflow:hidden}.progress-thin .progress-bar{border-radius:3px;transition:width 0.6s cubic-bezier(0.16,1,0.3,1)}.badge-category{font-weight:600;font-size:0.7rem;padding:0.3rem 0.6rem;border-radius:2rem}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.5s ease-out}.animate-slide-up{animation:fadeSlideIn 0.5s ease-out}.row>[class*="col-"]:nth-child(1) .calc-card .card,.row>[class*="col-"]:nth-child(1) .category-card{animation-delay:0s}.row>[class*="col-"]:nth-child(2) .calc-card .card,.row>[class*="col-"]:nth-child(2) .category-card{animation-delay:0.05s}.row>[class*="col-"]:nth-child(3) .calc-card .card,.row>[class*="col-"]:nth-child(3) .category-card{animation-delay:0.1s}.row>[class*="col-"]:nth-child(4) .calc-card .card,.row>[class*="col-"]:nth-child(4) .category-card{animation-delay:0.15s}.copy-feedback{display:inline-block;color:var(--success);font-size:0.8rem;font-weight:600;opacity:0;transition:opacity 0.3s;margin-left:0.5rem}.copy-feedback.show{opacity:1}@media print{.navbar,.sidebar,.ad-slot,.sticky-mobile-ad,.breadcrumb,footer,.btn-calculate,.no-print,.chart-container{display:none !important}.result-box{display:block !important;border:2px solid #000;background:white !important}body{background:white;font-size:12pt}.card{box-shadow:none;border:1px solid #ccc}.result-value{color:#000}}@media (max-width:991.98px){.nav-link{font-size:0.85rem;padding:0.5rem 0.75rem !important}.hero-stats{gap:1.5rem}.hero-stat-value{font-size:1.4rem}}@media (max-width:767.98px){.hero{padding:2.5rem 1rem;margin:-1.5rem 0 1.5rem;border-radius:0}.hero h1{font-size:1.75rem}.hero .lead{font-size:0.95rem}.hero-stats{gap:1rem;flex-wrap:wrap}.hero-stat-value{font-size:1.25rem}.result-value{font-size:1.6rem}body{padding-bottom:60px}.section-header h2{font-size:1.1rem}.category-card{padding:1rem !important}.category-card .cat-icon{width:44px;height:44px;font-size:1.25rem}}@media (max-width:575.98px){.hero-stats{gap:0.75rem}.hero-stat-value{font-size:1.1rem}.hero-stat-label{font-size:0.7rem}}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.border-primary-subtle{border-color:var(--primary-light) !important}.rounded-xl{border-radius:var(--radius-xl) !important}.fw-800{font-weight:800 !important}[data-bs-theme="dark"]{--bg-light:#0f172a;--bg-white:#1e293b;--text-dark:#f1f5f9;--text-body:#cbd5e1;--text-muted:#94a3b8;--text-lighter:#64748b;--border:#334155;--border-light:#1e293b;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.25);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -4px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.3),0 8px 10px -6px rgba(0,0,0,0.3);--primary-light:#1e3a5f;--primary-lighter:#172554;--accent-light:#422006;--success-light:#064e3b;--danger-light:#450a0a;--info-light:#164e63;--purple-light:#2e1065}[data-bs-theme="dark"] body{background-color:var(--bg-light);color:var(--text-body)}[data-bs-theme="dark"] h1,[data-bs-theme="dark"] h2,[data-bs-theme="dark"] h3,[data-bs-theme="dark"] h4,[data-bs-theme="dark"] h5,[data-bs-theme="dark"] h6{color:var(--text-dark)}[data-bs-theme="dark"]::selection{background:var(--primary);color:white}[data-bs-theme="dark"] .card{background:#1e293b;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .card-header{background:#1e293b;border-bottom-color:#334155;color:var(--text-dark)}[data-bs-theme="dark"] .card-footer{background:#1e293b;border-top-color:#334155}[data-bs-theme="dark"] .dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px rgba(0,0,0,0.4)}[data-bs-theme="dark"] .dropdown-item{color:var(--text-body)}[data-bs-theme="dark"] .dropdown-item:hover,[data-bs-theme="dark"] .dropdown-item:focus{background:#334155;color:var(--text-dark)}[data-bs-theme="dark"] .dropdown-divider{border-color:#334155}[data-bs-theme="dark"] .navbar .dropdown-menu{background:#1e293b;border-color:#334155}[data-bs-theme="dark"] .navbar .dropdown-item{color:var(--text-body)}[data-bs-theme="dark"] .navbar .dropdown-item:hover,[data-bs-theme="dark"] .navbar .dropdown-item:focus{background:#334155;color:white}[data-bs-theme="dark"] .result-box{background:linear-gradient(135deg,#1e293b,#1a2744);border-color:#3b82f6}[data-bs-theme="dark"] .result-value{color:#60a5fa}[data-bs-theme="dark"] .result-label{color:var(--text-muted)}[data-bs-theme="dark"] .result-metric{background:#0f172a;border-color:#334155}[data-bs-theme="dark"] .result-metric .metric-value{color:#60a5fa}[data-bs-theme="dark"] .result-metric .metric-label{color:var(--text-muted)}[data-bs-theme="dark"] .calc-form .form-control,[data-bs-theme="dark"] .calc-form .form-select{background:#0f172a;border-color:#334155;color:#e2e8f0}[data-bs-theme="dark"] .calc-form .form-control:focus,[data-bs-theme="dark"] .calc-form .form-select:focus{background:#0f172a;border-color:var(--primary);color:#f1f5f9;box-shadow:0 0 0 3px rgba(59,130,246,0.25)}[data-bs-theme="dark"] .calc-form .form-control::placeholder{color:#64748b}[data-bs-theme="dark"] .calc-form .form-label{color:var(--text-dark)}[data-bs-theme="dark"] .calc-form .form-text{color:#64748b}[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background-color:#0f172a;border-color:#334155;color:#e2e8f0}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background-color:#0f172a;border-color:var(--primary);color:#f1f5f9}[data-bs-theme="dark"] .form-control::placeholder{color:#64748b}[data-bs-theme="dark"] input::placeholder,[data-bs-theme="dark"] textarea::placeholder{color:#64748b}[data-bs-theme="dark"] .input-group-text{background:#0f172a;border-color:#334155;color:var(--text-muted)}[data-bs-theme="dark"] .hero{background:linear-gradient(135deg,#0c1a3a 0%,#1e3a8a 40%,#4c1d95 100%)}[data-bs-theme="dark"] .hero .form-control-lg{background:#1e293b;color:#e2e8f0;border:1px solid #334155}[data-bs-theme="dark"] .hero .form-control-lg::placeholder{color:#64748b}[data-bs-theme="dark"] .category-card{background:#1e293b;border-color:transparent}[data-bs-theme="dark"] .category-card:hover{border-color:#334155;box-shadow:0 10px 15px -3px rgba(0,0,0,0.3)}[data-bs-theme="dark"] .calc-card .card{background:#1e293b;border-color:#334155}[data-bs-theme="dark"] .calc-card:hover .card{border-left-color:#3b82f6;box-shadow:0 4px 6px -1px rgba(0,0,0,0.3)}[data-bs-theme="dark"] .calc-card .card h6,[data-bs-theme="dark"] .calc-card .card h5{color:var(--text-dark)}[data-bs-theme="dark"] .calc-card:hover .card h6,[data-bs-theme="dark"] .calc-card:hover .card h5{color:#60a5fa}[data-bs-theme="dark"] .sidebar .list-group-item{background:#1e293b;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .sidebar .list-group-item:hover{background:#172554;color:#60a5fa}[data-bs-theme="dark"] .sidebar .list-group-item.active{background:var(--primary);border-color:var(--primary);color:white}[data-bs-theme="dark"] .related-calc-link{color:var(--text-dark)}[data-bs-theme="dark"] .related-calc-link:hover{background:#172554;color:#60a5fa;border-color:#1e3a5f}[data-bs-theme="dark"] .table{background:#1e293b;color:#cbd5e1;--bs-table-bg:#1e293b;--bs-table-color:#cbd5e1;--bs-table-border-color:#334155;--bs-table-striped-bg:#172033;--bs-table-hover-bg:#1a2744}[data-bs-theme="dark"] .result-table td{border-color:#334155;color:#cbd5e1}[data-bs-theme="dark"] .result-table tbody tr:hover{background-color:#172554 !important}[data-bs-theme="dark"] .chart-container{background:#1e293b;border-color:#334155}[data-bs-theme="dark"] .section-header{border-bottom-color:#334155}[data-bs-theme="dark"] .how-to-content h2{color:var(--text-dark);border-bottom-color:#334155}[data-bs-theme="dark"] .how-to-content h3{color:#e2e8f0}[data-bs-theme="dark"] .how-to-content p,[data-bs-theme="dark"] .how-to-content ul,[data-bs-theme="dark"] .how-to-content ol{color:var(--text-body)}[data-bs-theme="dark"] .how-to-content code{background:#172554;color:#60a5fa}[data-bs-theme="dark"] .how-to-content strong{color:var(--text-dark)}[data-bs-theme="dark"] .breadcrumb-item a{color:#60a5fa}[data-bs-theme="dark"] .breadcrumb-item.active{color:#94a3b8}[data-bs-theme="dark"] .breadcrumb-item+.breadcrumb-item::before{color:#64748b}[data-bs-theme="dark"] .badge.bg-light{background:#334155 !important;color:#e2e8f0 !important}[data-bs-theme="dark"] .badge-category{border-color:#334155}[data-bs-theme="dark"] .ad-placeholder{background:#1e293b;border-color:#334155;color:#64748b}[data-bs-theme="dark"] .sticky-mobile-ad{background:#1e293b;box-shadow:0 -4px 20px rgba(0,0,0,0.4)}[data-bs-theme="dark"] .btn-preset{background:#0f172a;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .btn-preset:hover,[data-bs-theme="dark"] .btn-preset.active{background:var(--primary);border-color:var(--primary);color:white}[data-bs-theme="dark"] .btn-outline-secondary{border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .btn-outline-secondary:hover{background:#334155;border-color:#475569;color:var(--text-dark)}[data-bs-theme="dark"] .btn-light{background:#334155;border-color:#334155;color:#e2e8f0}[data-bs-theme="dark"] .btn-light:hover{background:#475569;border-color:#475569;color:white}[data-bs-theme="dark"] .progress-thin{background:#334155}[data-bs-theme="dark"] footer{background:linear-gradient(180deg,#0a0f1e,#111827) !important}[data-bs-theme="dark"] footer hr{border-color:#1e293b}[data-bs-theme="dark"] .modal-content{background:#1e293b;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .modal-header{border-bottom-color:#334155}[data-bs-theme="dark"] .modal-footer{border-top-color:#334155}[data-bs-theme="dark"] .modal-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}[data-bs-theme="dark"] .tooltip-inner{background:#0f172a;color:#e2e8f0}[data-bs-theme="dark"] .popover{background:#1e293b;border-color:#334155}[data-bs-theme="dark"] .popover-header{background:#0f172a;border-bottom-color:#334155;color:var(--text-dark)}[data-bs-theme="dark"] .popover-body{color:var(--text-body)}[data-bs-theme="dark"] .alert{border-color:#334155}[data-bs-theme="dark"] .list-group-item{background:#1e293b;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .page-link{background:#1e293b;border-color:#334155;color:var(--text-body)}[data-bs-theme="dark"] .page-link:hover{background:#334155;border-color:#475569;color:var(--text-dark)}[data-bs-theme="dark"] .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:white}[data-bs-theme="dark"] .accordion-item{background:#1e293b;border-color:#334155}[data-bs-theme="dark"] .accordion-button{background:#1e293b;color:var(--text-dark)}[data-bs-theme="dark"] .accordion-button:not(.collapsed){background:#172554;color:#60a5fa}[data-bs-theme="dark"] .accordion-button::after{filter:invert(1) grayscale(100%) brightness(200%)}[data-bs-theme="dark"] .nav-tabs{border-bottom-color:#334155}[data-bs-theme="dark"] .nav-tabs .nav-link{color:var(--text-muted)}[data-bs-theme="dark"] .nav-tabs .nav-link:hover{border-color:#334155;color:var(--text-dark)}[data-bs-theme="dark"] .nav-tabs .nav-link.active{background:#1e293b;border-color:#334155 #334155 #1e293b;color:var(--text-dark)}[data-bs-theme="dark"] .nav-pills .nav-link{color:var(--text-body)}[data-bs-theme="dark"] .nav-pills .nav-link.active{background:var(--primary);color:white}[data-bs-theme="dark"] .offcanvas{background:#1e293b;color:var(--text-body)}[data-bs-theme="dark"] .offcanvas-header{border-bottom-color:#334155}[data-bs-theme="dark"] .offcanvas .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}[data-bs-theme="dark"]::-webkit-scrollbar{width:8px;height:8px}[data-bs-theme="dark"]::-webkit-scrollbar-track{background:#0f172a}[data-bs-theme="dark"]::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-bs-theme="dark"]::-webkit-scrollbar-thumb:hover{background:#475569}[data-bs-theme="dark"] .copy-feedback{color:#34d399}[data-bs-theme="dark"] .text-dark{color:var(--text-dark) !important}[data-bs-theme="dark"] .text-muted{color:var(--text-muted) !important}[data-bs-theme="dark"] .bg-light{background-color:#0f172a !important}[data-bs-theme="dark"] .bg-white{background-color:#1e293b !important}[data-bs-theme="dark"] .border{border-color:#334155 !important}[data-bs-theme="dark"] .border-bottom{border-bottom-color:#334155 !important}[data-bs-theme="dark"] .border-top{border-top-color:#334155 !important}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1e293b,#0f172a);color:#e2e8f0;z-index:1050;box-shadow:0 -4px 20px rgba(0,0,0,0.3);transform:translateY(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);padding:1rem 1.5rem}.cookie-consent.show{transform:translateY(0)}.cookie-consent p{margin-bottom:0;font-size:0.88rem;line-height:1.5;color:#cbd5e1}.cookie-consent a{color:#60a5fa;text-decoration:underline}.cookie-consent a:hover{color:#93bbfd}.cookie-consent .btn{font-weight:600;font-size:0.82rem;padding:0.4rem 1.25rem;border-radius:2rem;white-space:nowrap}.cookie-consent .btn-accept{background:var(--primary);border:none;color:white}.cookie-consent .btn-accept:hover{background:var(--primary-dark)}.cookie-consent .btn-decline{background:transparent;border:1px solid #475569;color:#94a3b8}.cookie-consent .btn-decline:hover{background:#334155;color:#e2e8f0}.favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--border);border-radius:50%;background:var(--bg-white);color:var(--text-lighter);cursor:pointer;transition:all 0.25s ease;padding:0;font-size:1rem}.favorite-btn:hover{color:#ef4444;border-color:#fca5a5;background:#fef2f2;transform:scale(1.1)}.favorite-btn.active{color:#ef4444;border-color:#ef4444;background:#fef2f2}.favorite-btn.active .bi-heart::before{content:"\f415"}.favorite-btn:active{transform:scale(0.95)}.favorites-empty{text-align:center;padding:4rem 2rem}.favorites-empty .empty-icon{font-size:3.5rem;color:var(--text-lighter);margin-bottom:1rem;opacity:0.5}.favorites-empty h4{color:var(--text-dark);font-weight:600;margin-bottom:0.5rem}.favorites-empty p{color:var(--text-muted);font-size:0.92rem;max-width:400px;margin:0 auto}[data-bs-theme="dark"] .favorite-btn{background:#0f172a;border-color:#334155;color:#64748b}[data-bs-theme="dark"] .favorite-btn:hover{color:#ef4444;border-color:#b91c1c;background:#1c1017}[data-bs-theme="dark"] .favorite-btn.active{color:#ef4444;border-color:#ef4444;background:#1c1017}.history-panel{max-height:400px;overflow-y:auto}.history-panel::-webkit-scrollbar{width:5px}.history-panel::-webkit-scrollbar-track{background:var(--bg-light)}.history-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.history-item{padding:0.75rem 1rem;border-bottom:1px solid var(--border-light);transition:background 0.15s ease;cursor:pointer}.history-item:hover{background:var(--primary-lighter)}.history-item:last-child{border-bottom:none}.history-item .history-calc-name{font-weight:600;font-size:0.85rem;color:var(--text-dark)}.history-item .history-result{font-size:0.88rem;color:var(--primary);font-weight:600}.history-time{font-size:0.72rem;color:var(--text-lighter)}.history-clear-btn{font-size:0.78rem;color:var(--text-muted);cursor:pointer;transition:color 0.15s}.history-clear-btn:hover{color:var(--danger)}[data-bs-theme="dark"] .history-panel::-webkit-scrollbar-track{background:#0f172a}[data-bs-theme="dark"] .history-panel::-webkit-scrollbar-thumb{background:#334155}[data-bs-theme="dark"] .history-item:hover{background:#172554}[data-bs-theme="dark"] .history-item .history-calc-name{color:#e2e8f0}[data-bs-theme="dark"] .history-item .history-result{color:#60a5fa}.share-buttons{display:flex;gap:0.5rem;flex-wrap:wrap}.share-btn{border-radius:2rem;padding:0.35rem 0.85rem;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;display:inline-flex;align-items:center;gap:0.35rem;text-decoration:none;border:1px solid transparent}.share-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.share-btn .bi{font-size:0.9rem}.share-btn-twitter{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.share-btn-twitter:hover{background:#0284c7;color:white}.share-btn-facebook{background:#ede9fe;color:#7c3aed;border-color:#ddd6fe}.share-btn-facebook:hover{background:#7c3aed;color:white}.share-btn-linkedin{background:#dbeafe;color:#2563eb;border-color:#bfdbfe}.share-btn-linkedin:hover{background:#2563eb;color:white}.share-btn-copy{background:var(--bg-light);color:var(--text-body);border-color:var(--border)}.share-btn-copy:hover{background:var(--text-dark);color:white}.embed-code{background:var(--bg-light);border:1px solid var(--border);border-radius:0.5rem;padding:0.75rem;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size:0.8rem;word-break:break-all;color:var(--text-body);position:relative}.embed-code .copy-embed-btn{position:absolute;top:0.5rem;right:0.5rem;font-size:0.75rem;padding:0.2rem 0.5rem;border-radius:0.25rem}[data-bs-theme="dark"] .share-btn-twitter{background:#164e63;color:#67e8f9;border-color:#155e75}[data-bs-theme="dark"] .share-btn-facebook{background:#2e1065;color:#c4b5fd;border-color:#3b0764}[data-bs-theme="dark"] .share-btn-linkedin{background:#172554;color:#93c5fd;border-color:#1e3a5f}[data-bs-theme="dark"] .share-btn-copy{background:#0f172a;color:#cbd5e1;border-color:#334155}[data-bs-theme="dark"] .embed-code{background:#0f172a;border-color:#334155;color:#e2e8f0}.blog-card{transition:all 0.25s ease;overflow:hidden}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.blog-card .card-img-top{height:180px;object-fit:cover;background:linear-gradient(135deg,var(--primary-light),var(--info-light))}.blog-card .card-body{padding:1.25rem}.blog-card .card-title{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:0.5rem}.blog-card .card-title a{color:var(--text-dark);text-decoration:none}.blog-card .card-title a:hover{color:var(--primary)}.blog-card .card-text{font-size:0.88rem;color:var(--text-muted);line-height:1.6}.blog-card .read-time{font-size:0.75rem;color:var(--text-lighter);display:inline-flex;align-items:center;gap:0.25rem}.blog-card .blog-meta{font-size:0.78rem;color:var(--text-lighter);display:flex;align-items:center;gap:0.75rem}[data-bs-theme="dark"] .blog-card .card-img-top{background:linear-gradient(135deg,#1e3a5f,#164e63)}[data-bs-theme="dark"] .blog-card .card-title a{color:var(--text-dark)}[data-bs-theme="dark"] .blog-card .card-title a:hover{color:#60a5fa}.glossary-letter{position:sticky;top:0;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:0.625rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font-weight:800;font-size:1.2rem;margin-bottom:0.75rem;box-shadow:var(--shadow-sm)}.glossary-term{padding:1rem;border-bottom:1px solid var(--border-light)}.glossary-term:last-child{border-bottom:none}.glossary-term dt{color:var(--primary);font-weight:600;font-size:0.95rem;margin-bottom:0.25rem}.glossary-term dd{color:var(--text-body);margin-bottom:0;font-size:0.9rem;line-height:1.6}.glossary-nav{display:flex;flex-wrap:wrap;gap:0.35rem}.glossary-nav a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0.5rem;font-weight:600;font-size:0.85rem;background:var(--bg-light);color:var(--text-body);text-decoration:none;transition:all 0.2s ease}.glossary-nav a:hover,.glossary-nav a.active{background:var(--primary);color:white}.glossary-nav a.disabled{opacity:0.35;pointer-events:none;cursor:default}[data-bs-theme="dark"] .glossary-term{border-bottom-color:#334155}[data-bs-theme="dark"] .glossary-term dt{color:#60a5fa}[data-bs-theme="dark"] .glossary-term dd{color:#cbd5e1}[data-bs-theme="dark"] .glossary-nav a{background:#1e293b;color:#cbd5e1}[data-bs-theme="dark"] .glossary-nav a:hover,[data-bs-theme="dark"] .glossary-nav a.active{background:var(--primary);color:white}[data-bs-theme="dark"] .glossary-letter{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.compare-frame{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;height:600px;background:var(--bg-white)}.compare-frame iframe{width:100%;height:100%;border:none}.compare-selector{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem}.compare-selector label{font-weight:600;font-size:0.85rem;color:var(--text-dark);white-space:nowrap}.compare-selector .form-select{font-size:0.88rem;border-radius:0.5rem}.compare-divider{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-lighter);font-weight:700}[data-bs-theme="dark"] .compare-frame{border-color:#334155;background:#1e293b}[data-bs-theme="dark"] .compare-selector{background:#0f172a;border-color:#334155}[data-bs-theme="dark"] .compare-selector label{color:#e2e8f0}.kbd{display:inline-block;padding:0.15rem 0.4rem;background:var(--bg-light);border:1px solid var(--border);border-radius:0.25rem;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size:0.75rem;color:var(--text-muted);line-height:1;box-shadow:0 1px 0 rgba(0,0,0,0.08);vertical-align:middle}.shortcut-toast{position:fixed;bottom:80px;right:20px;background:#1e293b;color:white;padding:0.75rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow-xl);z-index:1060;font-size:0.85rem;opacity:0;transform:translateY(10px);transition:all 0.3s ease;pointer-events:none;display:flex;align-items:center;gap:0.5rem}.shortcut-toast.show{opacity:1;transform:translateY(0)}.shortcut-toast .kbd{background:#334155;border-color:#475569;color:white}.shortcuts-list .shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0;border-bottom:1px solid var(--border-light)}.shortcuts-list .shortcut-row:last-child{border-bottom:none}.shortcuts-list .shortcut-action{font-size:0.88rem;color:var(--text-body)}.shortcuts-list .shortcut-keys{display:flex;gap:0.25rem}[data-bs-theme="dark"] .kbd{background:#0f172a;border-color:#334155;color:#94a3b8;box-shadow:0 1px 0 rgba(0,0,0,0.3)}[data-bs-theme="dark"] .shortcut-toast{background:#0f172a;box-shadow:0 20px 25px -5px rgba(0,0,0,0.4)}[data-bs-theme="dark"] .shortcuts-list .shortcut-row{border-bottom-color:#334155}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:0.75rem 1.5rem;background:var(--primary);color:#fff;border-radius:0 0 var(--radius) var(--radius);font-weight:600;text-decoration:none;transition:top 0.2s ease}.skip-link:focus{top:0;color:#fff}