:root {--ai-primary:#007bff;--ai-primary-dark:#0056b3;--ai-gradient:linear-gradient(135deg, #007bff 0%, #0056b3 100%);--ai-bg:#fcfcfc;--ai-card:#ffffff;--ai-text:#333333;--ai-text-muted:#6c757d;--ai-border:#e6e6e6;--ai-shadow:0 1px 3px rgba(0, 0, 0, 0.1);--ai-radius:8px;}#ai-tools-app {display:grid;grid-template-columns:320px 1fr 1fr;gap:32px;min-height:80vh;box-sizing:border-box;font-family:'Inter', -apple-system, system-ui, sans-serif;background:var(--ai-bg);padding:24px;border-radius:var(--ai-radius);box-shadow:var(--ai-shadow);}.ai-modern-page {max-width:100%;margin:0 auto;padding:0;}.ai-mobile-header {display:none;text-align:left;margin-bottom:32px;padding:0 10px;}.ai-mobile-header h2 {font-size:2.25rem;font-weight:800;margin:12px 0;color:var(--ai-text);}.ai-main-grid {display:grid;grid-template-columns:320px 1fr 1fr;gap:32px;align-items:start;}.ai-main-grid.ai-grid-2-col-custom {grid-template-columns:1fr 1fr;}.ai-card {background:var(--ai-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius);box-shadow:var(--ai-shadow);padding:24px;transition:none;}.ai-card:hover {box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);transform:none;border-color:var(--ai-border);}.ai-card-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:0px;}.ai-card-header h3 {margin:0;font-size:0.85rem;font-weight:700;color:var(--ai-text);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:0.1em;opacity:0.8;}.info-card h1 {font-size:2.25rem;font-weight:800;margin:16px 0 12px 0;letter-spacing:-0.025em;color:var(--ai-text);}.info-card p {color:var(--ai-text-muted);font-size:1.05rem;line-height:1.6;}.ai-badge {background:rgba(99, 102, 241, 0.1);color:var(--ai-primary);padding:6px 14px;border-radius:100px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;display:inline-block;}.ai-meta-info {margin-top:24px;display:flex;flex-direction:column;gap:12px;}.ai-meta-item {display:flex;align-items:center;gap:10px;font-size:0.95rem;color:var(--ai-text-muted);}.ai-meta-item i {color:#10B981;width:20px;text-align:center;}.ai-divider {border:0;border-top:1px solid var(--ai-border);margin:32px 0;}.ai-related-section h3 {font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:20px;color:var(--ai-text);font-weight:700;}.ai-related-item {display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--ai-text);text-decoration:none !important;font-size:0.95rem;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:4px;font-weight:500;}.ai-related-item:hover {background:#F1F5F9;color:var(--ai-primary);transform:translateX(6px);}.ai-related-item i {opacity:0.7;}.ai-input-stack {display:flex;flex-direction:column;gap:24px;}.ai-input-group label {display:block;margin-bottom:10px;font-weight:600;color:var(--ai-text);font-size:0.95rem;}.ai-input-field {width:100%;padding:14px 18px;border:1px solid var(--ai-border);border-radius:12px;font-size:1rem;transition:all 0.2s;background:#F8FAFC;color:var(--ai-text);}.ai-input-field:focus {background:white;border-color:var(--ai-primary);box-shadow:0 0 0 4px rgba(99, 102, 241, 0.1), var(--shadow-glow);outline:none;}.ai-card:focus-within,.ai-card.active-glow {border-color:var(--ai-primary);box-shadow:var(--ai-shadow), 0 0 20px rgba(var(--brand-primary-rgb), 0.15);}.ai-action-area {margin-top:32px;}.ai-btn-primary {background:var(--ai-gradient);color:white;border:none;padding:14px 28px;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;}.ai-btn-primary:hover {background:var(--ai-primary-dark);}.ai-btn-primary::after,.haptic-press,.ai-scanning-line {display:none !important;}.ai-btn-primary:active {transform:translateY(0);}.ai-output-actions {display:flex;gap:10px;}.ai-btn-icon {background:white;border:1px solid var(--ai-border);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ai-text-muted);transition:all 0.2s;}.ai-btn-icon:hover:not(:disabled) {background:#F1F5F9;color:var(--ai-primary);border-color:var(--ai-primary);}.ai-btn-icon:disabled {opacity:0.3;cursor:not-allowed;}.ai-output-viewport {min-height:450px;position:relative;font-size:1.05rem;line-height:1.7;color:var(--ai-text);}.ai-sidebar {background:var(--ai-card);border:1px solid var(--ai-border);padding:24px;overflow-y:auto;border-radius:var(--ai-radius);height:fit-content;}.ai-sidebar-item {display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-radius:10px;color:var(--ai-text);transition:all 0.2s;font-size:0.95rem;font-weight:500;}.ai-sidebar-item.active {background:var(--ai-gradient);color:white;}.ai-empty-state {display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:350px;opacity:0.6;}.ai-empty-icon {font-size:3.5rem;color:#E2E8F0;margin-bottom:24px;animation:pulse-icon 2s ease-in-out infinite;}@keyframes pulse-icon {0%,100% {opacity:0.6;transform:scale(1);}50% {opacity:1;transform:scale(1.1);}}.ai-scanning-line {position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, transparent, var(--ai-primary), transparent);z-index:10;opacity:0;transition:opacity 0.3s;}.ai-output-viewport.generating .ai-scanning-line {opacity:1;animation:scan 2s linear infinite;}@keyframes scan {0% {top:0;}100% {top:100%;}}.ai-loading-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:20;border-radius:var(--ai-radius);}.ai-premium-spinner {width:64px;height:64px;border:4px solid #F1F5F9;border-top:4px solid var(--ai-primary);border-radius:50%;animation:premium-spin 1s cubic-bezier(0.5, 0.1, 0.4, 0.9) infinite;margin:0 auto 20px auto;}.ai-spinner-container {text-align:center;}@keyframes premium-spin {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}@media (max-width:1280px) {.ai-main-grid {grid-template-columns:280px 1fr 1fr;gap:20px;}}@media (max-width:1100px) {.ai-main-grid {grid-template-columns:1fr 1fr;}.ai-info-col {display:none;}.ai-mobile-header {display:block;}}@media (max-width:768px) {.ai-modern-page {padding:8px;}.ai-main-grid {grid-template-columns:1fr;gap:24px;}.ai-card {padding:24px;}.ai-btn-primary {padding:16px;}}.ai-prompt-box {background:#F8FAFC;border:1px solid var(--ai-border);padding:24px;border-radius:12px;font-family:'Fira Code', 'Courier New', monospace;font-size:0.95rem;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.02);overflow-x:auto;}.ai-calc-results .ai-result-row {display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #F1F5F9;font-size:1.05rem;}.ai-calc-results .ai-result-row.highlighted {border-bottom:none;background:#F8FAFC;margin:12px -32px;padding:20px 32px;font-weight:800;font-size:1.2rem;}@keyframes fadeInUp {from {opacity:0;transform:translateY(15px);}to {opacity:1;transform:translateY(0);}}.fade-in {animation:fadeInUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.ai-processed-img {max-width:100%;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.08);display:block;margin:0 auto;}.ai-result-actions {display:flex;justify-content:center;gap:16px;}.mt-4 {margin-top:24px;}.ai-meta-info-footer {display:flex;justify-content:center;gap:24px;margin-top:20px;color:var(--ai-text-muted);font-size:0.85rem;}.ai-modern-page {max-width:100%;margin:0 auto;padding:0;}.ai-tool-page-header {text-align:center;margin-bottom:32px;padding:0 20px;}.ai-tool-page-header h1 {font-size:2.75rem;font-weight:800;margin:16px 0 12px 0;letter-spacing:-0.03em;color:var(--ai-text);}.ai-tool-page-header p {font-size:1.15rem;color:var(--ai-text-muted);max-width:600px;margin:0 auto;line-height:1.6;}.ai-grid-3-col {display:grid;grid-template-columns:280px 1fr 1fr;gap:24px;align-items:start;}.ai-sidebar-card {padding:24px;position:sticky;top:100px;}.ai-sidebar-title {font-size:1.05rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--ai-text);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--ai-border);padding-bottom:12px;}.ai-sidebar-link {display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--ai-text);text-decoration:none;font-size:0.9rem;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:2px;font-weight:500;}.ai-sidebar-link:hover {background:rgba(99, 102, 241, 0.08);color:var(--ai-primary);padding-left:15px;}.ai-sidebar-link i {width:18px;font-size:0.95rem;text-align:center;opacity:0.8;}@media (max-width:1200px) {.ai-grid-3-col {grid-template-columns:240px 1fr;}.ai-output-col {grid-column:1 / -1;}}@media (max-width:900px) {.ai-grid-3-col {grid-template-columns:1fr;}.ai-sidebar-col {display:none;}.ai-main-grid.ai-grid-2-col-custom {grid-template-columns:1fr;}}.ai-sidebar-cat-header {font-size:0.75rem;font-weight:700;text-transform:uppercase;color:var(--ai-text-muted);margin:24px 0 8px 12px;letter-spacing:0.05em;}.ai-sidebar-cat-header:first-child {margin-top:0;}.ai-breadcrumbs {display:flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--ai-text-muted);margin-bottom:24px;padding:0 4px;}.ai-breadcrumbs a {color:var(--ai-text-secondary);text-decoration:none;font-weight:500;transition:color 0.2s;}.ai-breadcrumbs a:hover {color:var(--ai-primary);}.ai-breadcrumbs .ai-sep {font-size:0.6rem;opacity:0.5;}.ai-breadcrumbs .ai-current {color:var(--ai-primary);font-weight:600;}.ai-utility-result-view {padding:5px;}.big-result-number {font-size:3.5rem;font-weight:800;color:var(--ai-primary);line-height:1.1;margin:15px 0;letter-spacing:-0.02em;}.custom-result-table {font-size:0.88rem;background:white;border-radius:6px;overflow:hidden;}.custom-result-table th {background:#f8f9fa;font-weight:700;color:#444;text-transform:uppercase;font-size:0.72rem;padding:10px 12px;}.custom-result-table td {padding:10px 12px;vertical-align:middle;}.table-primary.fw-bold td {background-color:rgba(0, 123, 255, 0.08) !important;color:#007bff !important;border-color:rgba(0, 123, 255, 0.15);}.ai-utility-result-view .alert-info {border:none;border-left:4px solid #007bff;background:#f0f7ff;color:#0056b3;border-radius:4px;}.ai-unit-tabs {display:flex;background:#f1f5f9;padding:4px;border-radius:12px;margin-bottom:24px;}.ai-tab-btn {flex:1;border:none;background:transparent;padding:10px;border-radius:9px;font-size:0.88rem;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}.ai-tab-btn.active {background:white;color:var(--ai-primary);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);}.ai-gender-toggle {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;}.ai-gender-btn {background:white;border:2px solid #e2e8f0;padding:16px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.ai-gender-btn i {font-size:1.5rem;color:#94a3b8;}.ai-gender-btn span {font-size:0.9rem;font-weight:600;color:#64748b;}.ai-gender-btn:hover {border-color:#cbd5e1;background:#f8fafc;}.ai-gender-btn.active[data-gender="Male"] {border-color:#3b82f6;background:#eff6ff;}.ai-gender-btn.active[data-gender="Male"] i,.ai-gender-btn.active[data-gender="Male"] span {color:#3b82f6;}.ai-gender-btn.active[data-gender="Female"] {border-color:#ec4899;background:#fdf2f8;}.ai-gender-btn.active[data-gender="Female"] i,.ai-gender-btn.active[data-gender="Female"] span {color:#ec4899;}.ai-input-section-card {background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;margin-bottom:24px;}.ai-section-title {font-size:0.75rem;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:16px;letter-spacing:0.05em;display:flex;align-items:center;gap:8px;}.ai-grid-inputs {display:grid;grid-template-columns:1fr 1fr;gap:16px;}@media (max-width:500px) {.ai-grid-inputs {grid-template-columns:1fr;}}.ai-input-with-label {position:relative;}.ai-field-unit {position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:0.85rem;font-weight:600;color:#94a3b8;pointer-events:none;}.ai-input-field.has-unit {padding-right:45px;}.big-result-number {text-shadow:0 0 20px rgba(14, 165, 233, 0.2);animation:glow-pulse 3s ease-in-out infinite;}@keyframes glow-pulse {0%,100% {text-shadow:0 0 15px rgba(14, 165, 233, 0.2);}50% {text-shadow:0 0 30px rgba(14, 165, 233, 0.4);}}.ai-health-gauge-container {padding:20px 0;margin-bottom:20px;}.ai-gauge-bar {height:12px;background:#e2e8f0;border-radius:100px;position:relative;overflow:hidden;display:flex;}.ai-gauge-segment {height:100%;}.ai-gauge-marker {position:absolute;top:-5px;width:4px;height:22px;background:#101827;border-radius:100px;box-shadow:0 0 0 4px rgba(255, 255, 255, 0.8);transition:left 1s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:5;}.ai-gauge-labels {display:flex;justify-content:space-between;margin-top:10px;font-size:0.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;}.ai-result-row-animate {opacity:0;transform:translateY(10px);}.fade-in-stagger {animation:fadeInUpStagger 0.4s ease forwards;}@keyframes fadeInUpStagger {to {opacity:1;transform:translateY(0);}}@media (max-width:360px) {.bmi-calculator-premium-container .p-6 {padding:1.25rem !important;}.bmi-calculator-premium-container .display-4 {font-size:2.75rem;}}