:root{--thermal-cold: #8b5cf6;--thermal-cool: #6366f1;--thermal-warm: #f97316;--thermal-hot: #fbbf24;--thermal-extreme: #dc2626;--thermal-bg-dark: #0f172a;--thermal-bg-light: #f8fafc;--thermal-text-primary: #1e293b;--thermal-text-secondary: #64748b;--thermal-border: #e2e8f0;--thermal-gradient-main: linear-gradient( 135deg, var(--thermal-cold) 0%, var(--thermal-cool) 25%, var(--thermal-warm) 50%, var(--thermal-hot) 75%, var(--thermal-extreme) 100% );--thermal-gradient-vertical: linear-gradient( to bottom, var(--thermal-cold) 0%, var(--thermal-cool) 25%, var(--thermal-warm) 50%, var(--thermal-hot) 75%, var(--thermal-extreme) 100% );--heatmap-gradient: linear-gradient( 90deg, #8b5cf6 0%, #6366f1 10%, #0ea5e9 25%, #10b981 40%, #f97316 60%, #fbbf24 75%, #ef4444 85%, #dc2626 100% );--thermal-spectrum: linear-gradient( to right, #8b5cf6 0%, #6366f1 14.28%, #3b82f6 28.56%, #0ea5e9 42.84%, #10b981 57.12%, #f97316 71.4%, #fbbf24 85.68%, #dc2626 100% );--thermal-shadow-cold: rgba(139, 92, 246, .15);--thermal-shadow-warm: rgba(249, 115, 22, .15);--thermal-shadow-extreme: rgba(220, 38, 38, .15);--thermal-opacity-light: .1;--thermal-opacity-medium: .3;--thermal-opacity-strong: .6;--thermal-opacity-solid: 1}@media(prefers-color-scheme:dark){:root{--thermal-text-primary: #f1f5f9;--thermal-text-secondary: #cbd5e1;--thermal-border: #334155}}.btn-thermal-primary{position:relative;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;background:var(--thermal-gradient-main);color:#fff;box-shadow:0 4px 15px var(--thermal-shadow-warm);overflow:hidden}.btn-thermal-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-thermal-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--thermal-shadow-extreme)}.btn-thermal-primary:hover:before{left:100%}.btn-thermal-primary:active{transform:translateY(0);box-shadow:0 2px 8px var(--thermal-shadow-extreme)}.btn-thermal-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-thermal-secondary{position:relative;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;border:2px solid var(--thermal-gradient-main);border-radius:.5rem;background:transparent;color:var(--thermal-text-primary);cursor:pointer;transition:all .3s ease;overflow:hidden}.btn-thermal-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--thermal-gradient-main);z-index:-1;opacity:0;transition:opacity .3s ease}.btn-thermal-secondary:hover{color:#fff;box-shadow:0 4px 15px var(--thermal-shadow-warm)}.btn-thermal-secondary:hover:before{opacity:.8}.btn-thermal-secondary:active{transform:scale(.98)}.btn-thermal-secondary:disabled{opacity:.5;cursor:not-allowed}.thermal-model-card{position:relative;border-radius:1rem;padding:1.5rem;background:#fff;overflow:hidden;transition:all .3s ease;border:1px solid var(--thermal-border)}.thermal-model-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--thermal-gradient-main)}.thermal-model-card:after{content:"";position:absolute;inset:0;border-radius:1rem;padding:2px;background:var(--thermal-gradient-main);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.thermal-model-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--thermal-shadow-warm)}.thermal-model-card:hover:after{opacity:1}@media(prefers-color-scheme:dark){.thermal-model-card{background:#1e293b;border-color:#334155}}.thermal-model-card h3{font-size:1.25rem;font-weight:700;color:var(--thermal-text-primary);margin-bottom:.75rem}.thermal-model-card p{color:var(--thermal-text-secondary);font-size:.875rem;line-height:1.6}.temperature-scale{display:flex;gap:.25rem;margin:1.5rem 0}.temperature-scale-item{flex:1;height:2rem;border-radius:.25rem;position:relative;transition:all .3s ease}.temperature-scale-item:hover{flex:1.5;box-shadow:0 4px 12px #0000001a}.temperature-scale-item.cold{background:var(--thermal-cold)}.temperature-scale-item.cool{background:var(--thermal-cool)}.temperature-scale-item.neutral{background:#0ea5e9}.temperature-scale-item.warm{background:var(--thermal-warm)}.temperature-scale-item.hot{background:var(--thermal-hot)}.temperature-scale-item.extreme{background:var(--thermal-extreme)}.temperature-label{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--thermal-text-primary);margin-top:.5rem;white-space:nowrap}.spec-comparison-table{width:100%;border-collapse:collapse;margin:1.5rem 0}.spec-comparison-table thead{background:var(--thermal-bg-light);border-bottom:2px solid var(--thermal-border)}@media(prefers-color-scheme:dark){.spec-comparison-table thead{background:#334155}}.spec-comparison-table th{padding:1rem;text-align:left;font-weight:600;color:var(--thermal-text-primary)}.spec-comparison-table td{padding:1rem;border-bottom:1px solid var(--thermal-border);color:var(--thermal-text-secondary)}@media(prefers-color-scheme:dark){.spec-comparison-table td{border-bottom-color:#334155}}.spec-highlight-excellent{background:linear-gradient(90deg,rgba(139,92,246,.1),transparent);color:var(--thermal-cold);font-weight:600}.spec-highlight-good{background:linear-gradient(90deg,rgba(99,102,241,.1),transparent);color:var(--thermal-cool);font-weight:600}.spec-highlight-average{background:linear-gradient(90deg,rgba(14,165,233,.1),transparent);color:#0ea5e9}.spec-highlight-poor{background:linear-gradient(90deg,rgba(249,115,22,.1),transparent);color:var(--thermal-warm)}.spec-highlight-worst{background:linear-gradient(90deg,rgba(220,38,38,.1),transparent);color:var(--thermal-extreme);font-weight:600}.spec-highlight-best{position:relative;background:linear-gradient(90deg,rgba(139,92,246,.15),transparent);border-left:3px solid var(--thermal-cold);padding-left:calc(1rem - 3px)}.thermal-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.thermal-badge-cold{background:#8b5cf633;color:var(--thermal-cold);border:1px solid var(--thermal-cold)}.thermal-badge-cool{background:#6366f133;color:var(--thermal-cool);border:1px solid var(--thermal-cool)}.thermal-badge-warm{background:#f9731633;color:var(--thermal-warm);border:1px solid var(--thermal-warm)}.thermal-badge-hot{background:#fbbf2433;color:var(--thermal-hot);border:1px solid var(--thermal-hot)}.thermal-badge-extreme{background:#dc262633;color:var(--thermal-extreme);border:1px solid var(--thermal-extreme)}.heatmap-container{position:relative;border-radius:.75rem;overflow:hidden;background:var(--thermal-gradient-vertical)}.heatmap-label{position:absolute;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.heatmap-value{font-family:Courier New,monospace;font-weight:700}@keyframes heat-pulse{0%{box-shadow:0 0 0 0 var(--thermal-shadow-warm)}50%{box-shadow:0 0 0 10px #f9731600}to{box-shadow:0 0 0 20px #f9731600}}@keyframes thermal-glow{0%{text-shadow:0 0 5px var(--thermal-warm);filter:brightness(1)}50%{text-shadow:0 0 15px var(--thermal-warm),0 0 25px var(--thermal-hot);filter:brightness(1.1)}to{text-shadow:0 0 5px var(--thermal-warm);filter:brightness(1)}}@keyframes thermal-shimmer{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes thermal-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-heat-pulse{animation:heat-pulse 2s infinite}.animate-thermal-glow{animation:thermal-glow 2s infinite}.animate-thermal-shimmer{background-size:200% 200%;animation:thermal-shimmer 3s ease infinite}.animate-thermal-fade-in{animation:thermal-fade-in .5s ease-out}.thermal-feature-box{position:relative;padding:1.5rem;border-radius:.75rem;background:var(--thermal-bg-light);border-left:4px solid var(--thermal-warm);transition:all .3s ease}@media(prefers-color-scheme:dark){.thermal-feature-box{background:#1e293b}}.thermal-feature-box:hover{transform:translate(4px);box-shadow:0 4px 12px var(--thermal-shadow-warm)}.thermal-feature-box.feature-cold{border-left-color:var(--thermal-cold)}.thermal-feature-box.feature-cold:hover{box-shadow:0 4px 12px var(--thermal-shadow-cold)}.thermal-feature-box.feature-warm{border-left-color:var(--thermal-warm)}.thermal-feature-box.feature-warm:hover{box-shadow:0 4px 12px var(--thermal-shadow-warm)}.thermal-feature-box.feature-extreme{border-left-color:var(--thermal-extreme)}.thermal-feature-box.feature-extreme:hover{box-shadow:0 4px 12px var(--thermal-shadow-extreme)}.thermal-feature-box h4{font-size:1rem;font-weight:700;color:var(--thermal-text-primary);margin-bottom:.5rem}.thermal-feature-box p{color:var(--thermal-text-secondary);font-size:.875rem;line-height:1.6}.thermal-divider{height:2px;background:var(--thermal-gradient-main);margin:2rem 0;border:none}.thermal-divider-vertical{width:2px;height:100%;background:var(--thermal-gradient-vertical)}.text-thermal-cold{color:var(--thermal-cold)}.text-thermal-cool{color:var(--thermal-cool)}.text-thermal-warm{color:var(--thermal-warm)}.text-thermal-hot{color:var(--thermal-hot)}.text-thermal-extreme{color:var(--thermal-extreme)}.text-gradient-thermal{background:var(--thermal-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-thermal{border:1px solid var(--thermal-border)}.border-thermal-cold{border:2px solid var(--thermal-cold)}.border-thermal-cool{border:2px solid var(--thermal-cool)}.border-thermal-warm{border:2px solid var(--thermal-warm)}.border-thermal-hot{border:2px solid var(--thermal-hot)}.border-thermal-extreme{border:2px solid var(--thermal-extreme)}.bg-thermal-gradient-main{background:var(--thermal-gradient-main)}.bg-thermal-gradient-vertical{background:var(--thermal-gradient-vertical)}.bg-heatmap-gradient{background:var(--heatmap-gradient)}.bg-thermal-spectrum{background:var(--thermal-spectrum)}@media(max-width:768px){.thermal-model-card{padding:1rem}.btn-thermal-primary,.btn-thermal-secondary{padding:.625rem 1.25rem;font-size:.8125rem}.thermal-feature-box{padding:1rem}.spec-comparison-table th,.spec-comparison-table td{padding:.75rem .5rem}.temperature-scale{margin:1rem 0}.temperature-scale-item{height:1.5rem}.thermal-divider{margin:1.5rem 0}}@media(max-width:480px){.thermal-model-card{padding:.875rem}.btn-thermal-primary,.btn-thermal-secondary{padding:.5rem 1rem;font-size:.75rem;width:100%}.thermal-feature-box{padding:.875rem}.thermal-model-card h3{font-size:1.1rem}.spec-comparison-table{font-size:.8rem}.spec-comparison-table th,.spec-comparison-table td{padding:.5rem .25rem}.temperature-scale-item{height:1.25rem}.temperature-label{font-size:.65rem}}@media print{.btn-thermal-primary,.btn-thermal-secondary{border:1px solid #000;background:#fff;color:#000}.thermal-model-card{page-break-inside:avoid;border:1px solid #000}.animate-heat-pulse,.animate-thermal-glow,.animate-thermal-shimmer{animation:none}.thermal-divider{background:#000}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){.thermal-model-card,.btn-thermal-primary,.btn-thermal-secondary,.thermal-badge{border-width:2px}}.btn-thermal-primary:focus,.btn-thermal-secondary:focus,.thermal-model-card:focus{outline:2px solid var(--thermal-cold);outline-offset:2px}.thermal-shadow{box-shadow:0 4px 15px var(--thermal-shadow-warm)}.thermal-shadow-lg{box-shadow:0 12px 30px var(--thermal-shadow-warm)}.thermal-shadow-cold{box-shadow:0 4px 15px var(--thermal-shadow-cold)}.thermal-shadow-extreme{box-shadow:0 4px 15px var(--thermal-shadow-extreme)}.thermal-rounded{border-radius:.75rem}.thermal-rounded-lg{border-radius:1rem}.thermal-gap{gap:1.5rem}.thermal-gap-sm{gap:1rem}.thermal-opacity-hover{transition:opacity .3s ease}.thermal-opacity-hover:hover{opacity:.8}.thermal-scale-hover{transition:transform .3s ease}.thermal-scale-hover:hover{transform:scale(1.05)}