:root{--bg-base:#0f1117;--bg-panel:#181a22;--bg-surface:#1e2029;--bg-elevated:#262833;--text-primary:#f0f0f4;--text-secondary:#9b9daa;--text-muted:#6b6d78;--accent:#5ba4cf;--accent-dim:#3a7ca5;--color-heat:#e8734a;--color-heat-dim:#b85a3a;--color-humidity:#4ac5c5;--color-humidity-dim:#378e8e;--color-energy:#e8b44a;--color-energy-dim:#b8903a;--color-ok:#4acb6a;--color-warning:#e8b44a;--color-critical:#e85454;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-kpi:4rem;--font-size-h1:2.75rem;--font-size-h2:2rem;--font-size-h3:1.4rem;--font-size-body:1.1rem;--font-size-small:.9rem;--font-size-caption:.75rem;--line-height-tight:1.1;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:.15s ease;--transition-normal:.25s ease}@media (width<=768px){:root{--font-size-kpi:2.5rem;--font-size-h1:1.75rem;--font-size-h2:1.4rem;--font-size-h3:1.1rem;--font-size-body:.95rem;--font-size-small:.85rem;--space-xl:24px;--space-2xl:32px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.presentation{width:100vw;height:100vh;display:flex;overflow:hidden}.scene{padding:var(--space-2xl);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}canvas{background:0 0!important}h1{font-size:var(--font-size-h1);font-weight:700;line-height:var(--line-height-tight);color:var(--text-primary)}h2{font-size:var(--font-size-h2);font-weight:600;line-height:var(--line-height-tight);color:var(--text-primary)}h3{font-size:var(--font-size-h3);color:var(--text-secondary);font-weight:600}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.kpi{font-size:var(--font-size-kpi);font-weight:700;line-height:var(--line-height-tight)}.text-heat{color:var(--color-heat)}.text-humidity{color:var(--color-humidity)}.text-energy{color:var(--color-energy)}.text-ok{color:var(--color-ok)}.text-warning{color:var(--color-warning)}.text-critical{color:var(--color-critical)}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-subtle);width:220px;min-width:220px;padding:var(--space-lg) 0;flex-direction:column;transition:width .3s,min-width .3s,padding .3s,opacity .3s;display:flex;overflow-y:auto}.sidebar.collapsed{opacity:0;border-right:none;width:0;min-width:0;padding:0;overflow:hidden}.sidebar-title{font-size:var(--font-size-small);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-lg) var(--space-md)}.sidebar-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;color:var(--text-muted);font-size:var(--font-size-small);font-family:var(--font-family);background:0 0;border:none;display:flex}.sidebar-item:hover{background:var(--bg-surface)}.sidebar-item.active{color:var(--accent);background:var(--bg-surface)}.sidebar-item.visited{color:var(--text-secondary)}.sidebar-item .step-number{width:24px;height:24px;font-size:var(--font-size-caption);border:1px solid var(--border-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-item.active .step-number{background:var(--accent);color:var(--bg-base);border-color:var(--accent)}.sidebar-item.visited .step-number{border-color:var(--text-muted)}@media (width<=768px){.sidebar{z-index:200;width:260px;min-width:260px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.mobile-sidebar-backdrop{z-index:199;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-sidebar-backdrop.open{opacity:1;pointer-events:auto}}.mobile-hamburger{display:none}@media (width<=768px){.mobile-hamburger{top:var(--space-sm);left:var(--space-sm);z-index:198;border-radius:var(--radius-sm);background:var(--bg-panel);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:fixed}}.presenter-controls{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);opacity:0;transition:opacity var(--transition-normal), left .3s ease;pointer-events:none;z-index:50;background:linear-gradient(#0000,#0f1117f2);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:220px;right:0}.presenter-controls.visible{opacity:1;pointer-events:auto}.presenter-controls button{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast)}.presenter-controls button:hover{color:var(--text-primary);border-color:var(--accent)}.presenter-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.presenter-controls .scene-indicator{color:var(--text-muted);font-size:var(--font-size-small);text-align:center;min-width:60px}.controls-divider{background:var(--border-default);width:1px;height:20px}.presenter-notes{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xs) var(--space-xl);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:49;display:flex;position:fixed;bottom:50px;left:220px;right:0}.presenter-notes.visible{opacity:1}.notes-timing{font-size:var(--font-size-caption);color:var(--text-muted);background:var(--bg-elevated);padding:2px var(--space-sm);border-radius:var(--radius-sm)}.notes-transition{font-size:var(--font-size-small);color:var(--text-muted);font-style:italic}.scenario-overlay{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-xl);z-index:100;gap:var(--space-lg);flex-direction:column;min-width:400px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scenario-overlay h3{color:var(--text-primary);font-size:var(--font-size-h3)}@media (width<=768px){.presenter-controls{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);flex-wrap:nowrap;justify-content:center;right:0;left:0!important}.controls-divider,.presenter-controls .scenario-pills{display:none}.presenter-notes{bottom:40px;left:0}.scenario-overlay{width:calc(100% - 32px);min-width:auto;padding:var(--space-lg)}}.drawer-backdrop{z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background:#0006;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{background:var(--bg-panel);border-left:1px solid var(--border-subtle);z-index:100;width:400px;transition:transform var(--transition-normal);padding:var(--space-xl);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer h2{font-size:var(--font-size-h3);margin-bottom:var(--space-lg)}.drawer .drawer-placeholder{color:var(--text-muted);font-size:var(--font-size-small)}.layout-hero{text-align:center;padding:var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;flex:1;display:flex}.layout-hero h1{max-width:900px}.layout-hero .subtitle{font-size:var(--font-size-h3);color:var(--text-secondary);max-width:700px}.layout-hero .cta{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-xl);background:var(--accent);color:var(--bg-base);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:background var(--transition-fast);border:none;font-weight:600}.layout-hero .cta:hover{background:var(--accent-dim)}.layout-split{gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);flex:1;grid-template-columns:2fr 3fr;align-items:center;display:grid}.layout-split .split-left{gap:var(--space-md);flex-direction:column;display:flex}.layout-split .split-right{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-xl);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.layout-calculator{gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);flex:1;grid-template-columns:280px 1fr 300px;align-items:start;display:grid}.layout-calculator .calc-inputs{gap:var(--space-md);background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.layout-calculator .calc-visual{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.layout-calculator .calc-results{gap:var(--space-md);flex-direction:column;display:flex}@media (width<=768px){.layout-hero{padding:var(--space-lg) var(--space-md);justify-content:flex-start;padding-top:48px;overflow-y:auto}.hero-content-row{flex-direction:column!important;align-items:center!important}.hero-content-row img{width:100%!important;max-width:280px!important}.layout-split{padding:var(--space-md);grid-template-columns:1fr;align-items:start;padding-top:48px;overflow-y:auto}.layout-split .split-right{min-height:auto;padding:var(--space-md)}.layout-calculator{padding:var(--space-md);grid-template-columns:1fr;padding-top:48px;overflow-y:auto}.layout-calculator .calc-visual{min-height:auto;padding:var(--space-md)}}.scene-container{flex:1;display:flex;position:relative;overflow:hidden}.scene-wrapper{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:0;transform:translate(30px)}.scene-wrapper.active{opacity:1;pointer-events:auto;transform:translate(0)}.scene-placeholder{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--font-size-small);flex-direction:column;display:flex}@media (width<=768px){.scene-wrapper{overflow-y:auto}.scene-wrapper.active{transform:translate(0)}}.scene-placeholder .placeholder-label{background:var(--bg-elevated);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.06em}.news-thumb{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);text-decoration:none;display:flex}.news-thumb:hover{background:var(--bg-surface)}.news-thumb-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:48px}.news-thumb-text{flex-direction:column;gap:1px;min-width:0;display:flex}.news-thumb-title{font-size:var(--font-size-caption);color:var(--text-secondary);-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.news-thumb:hover .news-thumb-title{color:var(--text-primary)}.news-thumb-source{color:var(--text-muted);font-size:10px}.kpi-card{background:var(--bg-panel);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.kpi-card .kpi-label{font-size:var(--font-size-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-card .kpi-value{font-size:var(--font-size-h2);font-weight:700;line-height:var(--line-height-tight)}.kpi-card .kpi-unit{font-size:var(--font-size-small);color:var(--text-muted);font-weight:400}.kpi-card .kpi-note{font-size:var(--font-size-caption);color:var(--text-muted)}.kpi-card.status-good .kpi-value{color:var(--color-ok)}.kpi-card.status-warning .kpi-value{color:var(--color-warning)}.kpi-card.status-critical .kpi-value{color:var(--color-critical)}.kpi-card.status-neutral .kpi-value{color:var(--text-primary)}.kpi-card-lg .kpi-value{font-size:var(--font-size-kpi)}.risk-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:inline-flex}.risk-badge.managed{color:var(--color-ok);background:#4acb6a26}.risk-badge.warning{color:var(--color-warning);background:#e8b44a26}.risk-badge.critical{color:var(--color-critical);background:#e8545426}.scenario-pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.scenario-pill{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.scenario-pill:hover{border-color:var(--accent);color:var(--text-primary)}.scenario-pill:focus-visible,.toggle-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scenario-pill.active{background:var(--accent);color:var(--bg-base);border-color:var(--accent)}.source-badge{align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-caption);color:var(--text-muted);background:var(--bg-elevated);display:inline-flex}.insight-callout{background:var(--bg-surface);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.insight-callout .insight-value{font-size:var(--font-size-h2);color:var(--text-primary);font-weight:700}.insight-callout .insight-text{font-size:var(--font-size-small);color:var(--text-secondary)}.toggle-group{border:1px solid var(--border-default);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.toggle-option{padding:var(--space-xs) var(--space-md);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-small);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none}.toggle-option:not(:last-child){border-right:1px solid var(--border-default)}.toggle-option.active{background:var(--accent);color:var(--bg-base)}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{font-size:var(--font-size-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.input-group input,.input-group select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-body);font-family:var(--font-family)}.input-group input:focus,.input-group select:focus{border-color:var(--accent);outline:none}.comparison-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;width:100%;display:grid}.comparison-card{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);border:2px solid #0000;flex-direction:column;display:flex}.comparison-card.highlight{border-color:var(--accent)}.comparison-card h3{font-size:var(--font-size-h3);color:var(--text-primary)}.options-grid{gap:var(--space-lg);width:100%;padding:var(--space-xl) var(--space-2xl);grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid}.option-card{background:var(--bg-panel);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);transition:border-color var(--transition-fast);border:2px solid #0000;flex-direction:column;display:flex}.option-card.recommended{border-color:var(--accent)}.option-card h3{font-size:var(--font-size-h3)}.option-card .option-items{gap:var(--space-sm);flex-direction:column;display:flex}.option-card .option-item{font-size:var(--font-size-small);justify-content:space-between;display:flex}.option-card .option-item .item-label{color:var(--text-muted)}.option-card .option-item .item-value{font-weight:600}.process-flow{align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.process-step{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;gap:var(--space-xs);flex-direction:column;min-width:120px;display:flex}.process-step .step-title{font-size:var(--font-size-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.process-step .step-values{font-size:var(--font-size-body);font-weight:600}.process-arrow{font-size:var(--font-size-h3);color:var(--text-muted)}.ahu-diagram{gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.ahu-unit{background:var(--bg-surface);border-radius:var(--radius-md);align-items:stretch;min-height:80px;display:flex;overflow:hidden}.ahu-section{padding:var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);border-right:1px solid var(--border-subtle);text-align:center;flex-direction:column;flex:1;display:flex}.ahu-section:last-child{border-right:none}.ahu-section .section-label{font-size:var(--font-size-caption);color:var(--text-muted)}.ahu-section.highlight{border-color:var(--accent);background:#5ba4cf26}.ahu-section.highlight .section-label{color:var(--accent);font-weight:600}.action-steps{gap:var(--space-md);flex-direction:column;display:flex}.action-step{gap:var(--space-md);align-items:flex-start;display:flex}.action-step .step-num{background:var(--accent);width:32px;height:32px;color:var(--bg-base);font-weight:700;font-size:var(--font-size-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-step .step-content h4{font-size:var(--font-size-body);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:600}.action-step .step-content p{font-size:var(--font-size-small)}.takeaway-cards{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);max-width:900px;display:grid}.takeaway-card{background:var(--bg-panel);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.takeaway-card .takeaway-num{font-size:var(--font-size-h2);color:var(--accent);margin-bottom:var(--space-sm);font-weight:700}.takeaway-card p{font-size:var(--font-size-small)}@media (width<=768px){.comparison-grid{grid-template-columns:1fr}.options-grid{padding:var(--space-md);grid-template-columns:1fr;padding-top:48px;overflow-y:auto}.takeaway-cards{grid-template-columns:1fr;max-width:100%}.process-flow{flex-direction:column}.process-arrow{transform:rotate(90deg)}.process-step{width:100%;min-width:auto}.scenario-pills{flex-wrap:wrap}.ahu-unit{flex-direction:column}.ahu-section{border-right:none;border-bottom:1px solid var(--border-subtle)}.ahu-section:last-child{border-bottom:none}}