:root{--ct-bg-start: #f0f9ff;--ct-bg-mid: #f8fafc;--ct-bg-end: #f0fdf4;--ct-surface: #ffffff;--ct-surface-soft: rgba(255, 255, 255, .78);--ct-surface-muted: #f8fafc;--ct-border: #e2e8f0;--ct-border-soft: #f1f5f9;--ct-text-strong: #111827;--ct-text-default: #1f2937;--ct-text-muted: #475569;--ct-text-subtle: #64748b;--ct-link: #0369a1;--ct-link-hover: #075985;--ct-focus: #0ea5e9;--ct-scroll-thumb: #cbd5e1;--ct-scroll-thumb-hover: #94a3b8}html[data-theme=dark]{--ct-bg-start: #020617;--ct-bg-mid: #0b1220;--ct-bg-end: #111827;--ct-surface: #0f172a;--ct-surface-soft: rgba(15, 23, 42, .78);--ct-surface-muted: #111827;--ct-border: #334155;--ct-border-soft: #1e293b;--ct-text-strong: #f8fafc;--ct-text-default: #e2e8f0;--ct-text-muted: #cbd5e1;--ct-text-subtle: #94a3b8;--ct-link: #7dd3fc;--ct-link-hover: #bae6fd;--ct-focus: #38bdf8;--ct-scroll-thumb: #475569;--ct-scroll-thumb-hover: #64748b}body{background:linear-gradient(135deg,var(--ct-bg-start) 0%,var(--ct-bg-mid) 50%,var(--ct-bg-end) 100%);color:var(--ct-text-default);min-height:100vh}.text-primary-600{color:#0369a1!important}.bg-primary-600{background-color:#0369a1!important}.text-gray-400,.text-slate-400{color:#64748b!important}.prose a:not([class]),.prose code{word-wrap:break-word;word-break:break-all}input:focus,select:focus,button:focus-visible{outline:2px solid var(--ct-focus);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ct-scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ct-scroll-thumb-hover)}html[data-theme=dark] .text-gray-900,html[data-theme=dark] .text-slate-900{color:var(--ct-text-strong)!important}html[data-theme=dark] .text-gray-800,html[data-theme=dark] .text-slate-800,html[data-theme=dark] .text-gray-700,html[data-theme=dark] .text-slate-700{color:var(--ct-text-default)!important}html[data-theme=dark] .text-gray-600,html[data-theme=dark] .text-slate-600,html[data-theme=dark] .text-gray-500,html[data-theme=dark] .text-slate-500{color:var(--ct-text-muted)!important}html[data-theme=dark] .text-gray-400,html[data-theme=dark] .text-slate-400,html[data-theme=dark] .text-gray-300,html[data-theme=dark] .text-slate-300{color:var(--ct-text-subtle)!important}html[data-theme=dark] .text-primary-600,html[data-theme=dark] .text-primary-700,html[data-theme=dark] .text-primary-800{color:#7dd3fc!important}html[data-theme=dark] .text-primary-100,html[data-theme=dark] .text-white{color:#fff!important}html[data-theme=dark] .bg-white{background-color:var(--ct-surface)!important}html[data-theme=dark] .bg-white\/80,html[data-theme=dark] .bg-white\/60{background-color:var(--ct-surface-soft)!important}html[data-theme=dark] .bg-gray-50,html[data-theme=dark] .bg-slate-50{background-color:var(--ct-surface-muted)!important}html[data-theme=dark] .bg-sky-50{background-color:#082f49!important}html[data-theme=dark] .bg-slate-50\/70{background-color:#0f172ae6!important}#results{position:relative}@media (max-width: 767px){#results{position:sticky;bottom:0;z-index:40;background:linear-gradient(to top,#fff 80%,#fffffff2 95%,#fff0);padding-top:12px;padding-bottom:12px;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}#results.hidden{position:relative;bottom:auto}html[data-theme=dark] #results{background:linear-gradient(to top,#0f172a 80%,#0f172af2 95%,#0f172a00)}}.save-calc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#065f46;cursor:pointer;transition:all .2s ease}.save-calc-btn:hover{background-color:#dcfce7;border-color:#86efac}.save-calc-btn:active{transform:scale(.98)}.save-calc-btn:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .save-calc-btn{background-color:#064e23;border-color:#059669;color:#86efac}html[data-theme=dark] .save-calc-btn:hover{background-color:#065f46;border-color:#10b981}.save-calc-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #10b981;border-radius:.5rem;padding:1.5rem 2rem;font-size:1rem;font-weight:600;color:#059669;box-shadow:0 10px 30px #00000026;z-index:9999;text-align:center;animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.save-calc-feedback.fade-out{animation:fadeOut .3s ease-out forwards}html[data-theme=dark] .save-calc-feedback{background-color:#064e23;border-color:#10b981;color:#86efac}.save-calc-recent{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}html[data-theme=dark] .save-calc-recent{border-top-color:#334155}.save-calc-recent-title{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;display:block}html[data-theme=dark] .save-calc-recent-title{color:#9ca3af}.save-calc-recent-list{display:flex;flex-direction:column;gap:.5rem}.save-calc-recent-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.375rem;font-size:.8125rem;color:#4b5563;transition:background-color .2s ease}.save-calc-recent-item:hover{background-color:#f3f4f6;cursor:pointer}html[data-theme=dark] .save-calc-recent-item{background-color:#1e293b;color:#cbd5e1}html[data-theme=dark] .save-calc-recent-item:hover{background-color:#293548}.save-calc-recent-time{font-size:.75rem;color:#9ca3af;margin-left:.5rem}html[data-theme=dark] .save-calc-recent-time{color:#6b7280}html[data-theme=dark] .bg-primary-50{background-color:#0a273f!important}html[data-theme=dark] .bg-primary-600{background-color:#0369a1!important}html[data-theme=dark] .bg-primary-700{background-color:#075985!important}html[data-theme=dark] .bg-amber-50{background-color:#3f2d0b!important}html[data-theme=dark] .bg-amber-50\/60{background-color:#3f2d0bb8!important}html[data-theme=dark] .bg-red-50{background-color:#4c0519!important}html[data-theme=dark] .from-sky-50{--tw-gradient-from: #0b2239 var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(11 34 57 / 0) var(--tw-gradient-to-position) !important}html[data-theme=dark] .via-white{--tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to) !important}html[data-theme=dark] .to-emerald-50{--tw-gradient-to: #0f2a23 var(--tw-gradient-to-position) !important}html[data-theme=dark] .bg-orange-50{background-color:#431407!important}html[data-theme=dark] .bg-green-50{background-color:#052e16!important}html[data-theme=dark] .text-sky-900,html[data-theme=dark] .text-sky-800{color:#e0f2fe!important}html[data-theme=dark] .text-sky-700{color:#bae6fd!important}html[data-theme=dark] .text-amber-900,html[data-theme=dark] .text-amber-800,html[data-theme=dark] .text-yellow-700{color:#fef3c7!important}html[data-theme=dark] .text-red-700,html[data-theme=dark] .text-red-600{color:#fecdd3!important}html[data-theme=dark] .text-orange-700,html[data-theme=dark] .text-orange-600{color:#fed7aa!important}html[data-theme=dark] .text-green-700,html[data-theme=dark] .text-green-600{color:#bbf7d0!important}html[data-theme=dark] .border-gray-100,html[data-theme=dark] .border-gray-200,html[data-theme=dark] .border-gray-300,html[data-theme=dark] .border-slate-100,html[data-theme=dark] .border-slate-200,html[data-theme=dark] .border-slate-300{border-color:var(--ct-border)!important}html[data-theme=dark] .border-sky-100{border-color:#0c4a6e!important}html[data-theme=dark] .border-amber-200,html[data-theme=dark] .border-amber-100{border-color:#7c5c16!important}html[data-theme=dark] .border-red-200{border-color:#9f1239!important}html[data-theme=dark] .ring-slate-200,html[data-theme=dark] .ring-gray-200{--tw-ring-color: rgba(148, 163, 184, .35) !important}html[data-theme=dark] .hover\:text-primary-600:hover,html[data-theme=dark] .hover\:text-primary-700:hover{color:#bae6fd!important}html[data-theme=dark] .hover\:border-primary-500:hover,html[data-theme=dark] .hover\:border-primary-400:hover,html[data-theme=dark] .hover\:border-primary-300:hover{border-color:#7dd3fc!important}html[data-theme=dark] .hover\:bg-primary-100:hover,html[data-theme=dark] .hover\:bg-primary-50:hover{background-color:#0a273f!important}html[data-theme=dark] .hover\:bg-primary-700:hover{background-color:#075985!important}html[data-theme=dark] .group:hover .group-hover\:text-primary-600{color:#7dd3fc!important}html[data-theme=dark] .group:hover .group-hover\:bg-primary-100{background-color:#0a273f!important}html[data-theme=dark] .prose{--tw-prose-body: #e2e8f0;--tw-prose-headings: #f8fafc;--tw-prose-lead: #cbd5e1;--tw-prose-links: #7dd3fc;--tw-prose-bold: #f8fafc;--tw-prose-counters: #cbd5e1;--tw-prose-bullets: #94a3b8;--tw-prose-hr: #334155;--tw-prose-quotes: #f8fafc;--tw-prose-quote-borders: #334155;--tw-prose-captions: #94a3b8;--tw-prose-code: #f8fafc;--tw-prose-pre-code: #e2e8f0;--tw-prose-pre-bg: #0b1220;--tw-prose-th-borders: #334155;--tw-prose-td-borders: #1e293b}html[data-theme=dark] .prose h2,html[data-theme=dark] .prose h3,html[data-theme=dark] .prose strong{color:var(--ct-text-strong)}html[data-theme=dark] .prose p:not([class]),html[data-theme=dark] .prose ul:not([class]),html[data-theme=dark] .prose ol:not([class]),html[data-theme=dark] .prose li:not([class]){color:var(--ct-text-default)}html[data-theme=dark] .prose a:not([class]){color:var(--ct-link)}html[data-theme=dark] .prose a:not([class]):hover{color:var(--ct-link-hover)}html[data-theme=dark] a{color:inherit}html[data-theme=dark] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:#0b1220;border-color:var(--ct-border);color:var(--ct-text-strong)}html[data-theme=dark] input::-moz-placeholder,html[data-theme=dark] textarea::-moz-placeholder{color:var(--ct-text-subtle)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--ct-text-subtle)}html[data-theme=dark] summary:hover{color:#bae6fd!important}html[data-theme=dark] .bg-blue-50{background-color:#0a1929!important}html[data-theme=dark] .bg-blue-100{background-color:#0d2137!important}html[data-theme=dark] .bg-blue-600{background-color:#1d4ed8!important}html[data-theme=dark] .text-blue-800,html[data-theme=dark] .text-blue-700{color:#bfdbfe!important}html[data-theme=dark] .text-blue-600{color:#93c5fd!important}html[data-theme=dark] .border-blue-200{border-color:#1e3a5f!important}html[data-theme=dark] .border-blue-100{border-color:#0d2137!important}html[data-theme=dark] .bg-yellow-50{background-color:#2d1f00!important}html[data-theme=dark] .bg-amber-100{background-color:#3f2a00!important}html[data-theme=dark] .text-yellow-800,html[data-theme=dark] .text-yellow-900{color:#fef3c7!important}html[data-theme=dark] .text-amber-700{color:#fcd34d!important}html[data-theme=dark] .text-amber-600{color:#fbbf24!important}html[data-theme=dark] .border-yellow-200{border-color:#7c5c00!important}html[data-theme=dark] .border-yellow-100{border-color:#5c4300!important}html[data-theme=dark] .bg-emerald-50{background-color:#052e16!important}html[data-theme=dark] .bg-emerald-100{background-color:#064e23!important}html[data-theme=dark] .text-emerald-700,html[data-theme=dark] .text-emerald-600{color:#6ee7b7!important}html[data-theme=dark] .text-emerald-800{color:#a7f3d0!important}html[data-theme=dark] .text-green-800{color:#bbf7d0!important}html[data-theme=dark] .border-green-200{border-color:#14532d!important}html[data-theme=dark] .border-green-100{border-color:#0a3b1e!important}html[data-theme=dark] .border-emerald-200{border-color:#064e23!important}html[data-theme=dark] .from-green-50{--tw-gradient-from: #052e16 var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position) !important}html[data-theme=dark] .to-emerald-50{--tw-gradient-to: #052e16 var(--tw-gradient-to-position) !important}html[data-theme=dark] .via-green-50{--tw-gradient-stops: var(--tw-gradient-from), #052e16 var(--tw-gradient-via-position), var(--tw-gradient-to) !important}html[data-theme=dark] .bg-purple-50,html[data-theme=dark] .bg-indigo-50{background-color:#1e1b4b!important}html[data-theme=dark] .text-purple-700,html[data-theme=dark] .text-purple-600{color:#d8b4fe!important}html[data-theme=dark] .text-purple-800{color:#e9d5ff!important}html[data-theme=dark] .text-indigo-700,html[data-theme=dark] .text-indigo-600{color:#c7d2fe!important}html[data-theme=dark] .border-purple-200{border-color:#3730a3!important}html[data-theme=dark] .border-indigo-200{border-color:#312e81!important}html[data-theme=dark] .bg-pink-50{background-color:#3b0764!important}html[data-theme=dark] .bg-rose-50{background-color:#4c0519!important}html[data-theme=dark] .bg-fuchsia-50{background-color:#3b0764!important}html[data-theme=dark] .text-pink-700,html[data-theme=dark] .text-pink-600{color:#f9a8d4!important}html[data-theme=dark] .text-rose-700,html[data-theme=dark] .text-rose-600{color:#fda4af!important}html[data-theme=dark] .text-fuchsia-800,html[data-theme=dark] .text-fuchsia-700{color:#e879f9!important}html[data-theme=dark] .border-pink-200{border-color:#831843!important}html[data-theme=dark] .border-fuchsia-200{border-color:#86198f!important}html[data-theme=dark] .bg-lime-50{background-color:#1a2e05!important}html[data-theme=dark] .bg-teal-50{background-color:#042f2e!important}html[data-theme=dark] .bg-cyan-50{background-color:#082f49!important}html[data-theme=dark] .text-lime-800,html[data-theme=dark] .text-lime-700{color:#d9f99d!important}html[data-theme=dark] .text-teal-700,html[data-theme=dark] .text-teal-600{color:#99f6e4!important}html[data-theme=dark] .text-cyan-700,html[data-theme=dark] .text-cyan-600{color:#a5f3fc!important}html[data-theme=dark] .border-lime-200{border-color:#365314!important}html[data-theme=dark] .border-teal-200{border-color:#134e4a!important}html[data-theme=dark] .bg-gray-100{background-color:#1e293b!important}html[data-theme=dark] .bg-gray-200{background-color:#293548!important}html[data-theme=dark] .text-gray-100,html[data-theme=dark] .text-gray-200{color:#f1f5f9!important}html[data-theme=dark] .text-gray-300{color:#cbd5e1!important}html[data-theme=dark] .border-orange-100{border-color:#7c2d12!important}html[data-theme=dark] .border-orange-200{border-color:#9a3412!important}html[data-theme=dark] .text-orange-800{color:#fed7aa!important}html[data-theme=dark] .affiliate-card{background-color:#2d1f00!important;border-color:#7c5c00!important}html[data-theme=dark] .affiliate-card__icon{background-color:#3f2a00!important;color:#fcd34d!important}html[data-theme=dark] .affiliate-card__headline{color:#fef3c7!important}html[data-theme=dark] .affiliate-card__subtext{color:#fde68a!important}html[data-theme=dark] details{background-color:var(--ct-surface)!important;border-color:var(--ct-border)!important}html[data-theme=dark] details summary{color:var(--ct-text-strong)!important}html[data-theme=dark] details[open] p{color:var(--ct-text-default)!important}html[data-theme=dark] .text-sky-600{color:#7dd3fc!important}html[data-theme=dark] .border-primary-200{border-color:#0c4a6e!important}html[data-theme=dark] .border-primary-300{border-color:#0369a1!important}html[data-theme=dark] .border-primary-400{border-color:#0ea5e9!important}html[data-theme=dark] .text-primary-900{color:#e0f2fe!important}html[data-theme=dark] .text-amber-800{color:#fde68a!important}html[data-theme=dark] .bg-amber-50 .text-amber-800,html[data-theme=dark] .bg-amber-50 .text-amber-700,html[data-theme=dark] .bg-amber-50 .text-amber-600{color:#fef3c7!important}input.is-invalid-thai{border-color:#f59e0b!important;background-color:#fffbf0!important;color:#92400e!important}input.is-invalid-thai:focus{outline:none;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}input.is-invalid-thai::-moz-placeholder{color:#d97706;opacity:.7}input.is-invalid-thai::placeholder{color:#d97706;opacity:.7}input.is-valid{border-color:#d1d5db;background-color:#fff}.error-message-thai{display:block;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem;color:#d97706;font-weight:500;line-height:1.25}html[data-theme=dark] input.is-invalid-thai{border-color:#f59e0b!important;background-color:#3f2a00!important;color:#fde68a!important}html[data-theme=dark] input.is-invalid-thai:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b33!important}html[data-theme=dark] input.is-invalid-thai::-moz-placeholder{color:#fbbf24;opacity:.8}html[data-theme=dark] input.is-invalid-thai::placeholder{color:#fbbf24;opacity:.8}html[data-theme=dark] .error-message-thai{color:#fcd34d}