*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#1d1d1f;background-color:#f5f5f7}.recharts-surface{shape-rendering:geometricPrecision}.phacolab-app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#1b2951;color:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:100}.logo-section{display:flex;align-items:center;gap:1rem}.logo-section a{display:flex;align-items:center}.header-logo{width:52px;height:52px;object-fit:contain}.header-text h1{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2;color:#fff;letter-spacing:-.01em}.header-text p{font-size:.9rem;opacity:.85;margin:.125rem 0 0;line-height:1.2}.app-main{flex:1;padding:1.5rem 2rem 2rem}.disclaimer-footer{background:#0f172a;color:#ffffffbf;padding:1rem 2rem;font-size:.8rem;line-height:1.5;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.disclaimer-footer div+div{margin-top:.25rem}.controls-layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.controls-layout:has(.toggles-column){grid-template-columns:minmax(0,420px) minmax(0,360px)}.controls-layout:has(.toggles-column):has(.coach-column){grid-template-columns:minmax(0,420px) minmax(0,340px) minmax(0,300px)}.controls-layout:has(.stellaris-wide):has(.coach-column){grid-template-columns:minmax(0,360px) minmax(0,580px) minmax(0,280px)}.controls-layout:not(:has(.toggles-column)):has(.coach-column){grid-template-columns:minmax(0,420px) minmax(0,300px)}.toggles-column{align-self:start}.stellaris-wide{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stellaris-wide .hig-fieldset{margin-top:0}.coach-column{align-self:start}.controls-grid{display:grid;grid-template-columns:1fr;gap:12px}.hig-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:36px;padding:0 36px 0 12px;font-size:14px;font-weight:400;color:#1d1d1f;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2386868b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid #d1d1d6;border-radius:8px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.hig-select:hover{border-color:#aeaeb2}.hig-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff40}.hig-label{font-size:13px;font-weight:500;color:#1d1d1f;display:block;margin-bottom:4px}.hig-label b{font-weight:600;color:#000}.hig-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#d1d1d6;border-radius:2px;outline:none;cursor:pointer;transition:background .2s ease;margin:6px 0 2px}.hig-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-9px;background:#fff;border:1px solid #c7c7cc;border-radius:50%;box-shadow:0 1px 4px #00000026;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.hig-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #0003;transform:scale(1.08)}.hig-slider::-webkit-slider-thumb:active{transform:scale(.96);box-shadow:0 1px 3px #00000040}.hig-slider::-moz-range-thumb{width:22px;height:22px;background:#fff;border:1px solid #c7c7cc;border-radius:50%;box-shadow:0 1px 4px #00000026;cursor:pointer}.hig-slider::-webkit-slider-runnable-track{height:4px;background:#d1d1d6;border-radius:2px}.hig-slider::-moz-range-track{height:4px;background:#d1d1d6;border-radius:2px;border:none}.hig-slider:focus{outline:none}.hig-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #007aff40,0 1px 4px #00000026}.hig-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:#1d1d1f;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.hig-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid #c7c7cc;border-radius:5px;background:#fff;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.hig-checkbox input[type=checkbox]:checked{background:#007aff;border-color:#007aff}.hig-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.hig-checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #007aff40}.hig-fieldset{border:1px solid #d1d1d6;border-radius:12px;padding:16px;margin-top:8px;background:#fff}.hig-fieldset legend{font-size:13px;font-weight:600;color:#1d1d1f;padding:0 6px}.hig-control-row{margin-top:8px}.hig-control-row .hig-label{margin-bottom:2px}.hig-hint{font-size:11px;color:#86868b;margin-top:3px;line-height:1.4}.us-mode-labels{display:flex;justify-content:space-between;font-size:11px;color:#86868b;margin-top:2px;margin-bottom:-2px}.summary-bar{margin-top:16px;display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#3a3a3c}.summary-bar b{font-weight:600;color:#1d1d1f}.chart-card{border:1px solid #d1d1d6;border-radius:12px;padding:16px;background:#fff}.chart-card-title{font-size:15px;font-weight:600;color:#1d1d1f;margin-bottom:4px}.chart-card-subtitle{font-size:13px;color:#86868b;margin-bottom:8px}.charts-grid{display:grid;gap:16px;margin-top:16px}.error-banner{padding:12px 16px;border-radius:10px;background:#fee2e2;color:#991b1b;font-size:14px}.error-banner b{font-weight:600}.status-row{display:flex;gap:12px;align-items:center;margin-top:8px}.status-indicator{font-size:13px;color:#86868b}.coach-panel{margin-top:0;position:relative}.coach-loading{font-size:13px;color:#86868b;padding:8px 0}.coach-refresh{position:absolute;top:10px;right:10px;width:28px;height:28px;font-size:16px;line-height:28px;text-align:center;color:#86868b;background:none;border:1px solid #d1d1d6;border-radius:6px;cursor:pointer;transition:color .2s ease,border-color .2s ease;padding:0}.coach-refresh:hover{color:#007aff;border-color:#007aff}.coach-response{margin-top:12px}.coach-headline{font-size:15px;font-weight:700;color:#1d1d1f;margin-bottom:6px}.coach-explanation{font-size:13px;color:#3a3a3c;line-height:1.5;margin:0 0 8px}.coach-suggestion{font-size:13px;font-weight:500;color:#007aff;line-height:1.5;margin:0;padding:8px 10px;background:#f0f5ff;border-radius:6px}.coach-placeholder{font-size:12px;color:#86868b;margin-top:10px;line-height:1.5}.coach-error{font-size:12px;color:#dc2626;margin-top:10px}.coach-ask-form{display:flex;gap:6px;margin-top:12px}.coach-ask-input{flex:1;height:32px;padding:0 10px;font-size:13px;color:#1d1d1f;background:#f5f5f7;border:1px solid #d1d1d6;border-radius:8px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.coach-ask-input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff26}.coach-ask-input::placeholder{color:#aeaeb2}.coach-ask-input:disabled{opacity:.5}.coach-ask-button{height:32px;padding:0 14px;font-size:13px;font-weight:500;color:#fff;background:#007aff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,opacity .2s ease;white-space:nowrap}.coach-ask-button:hover{background:#0066d6}.coach-ask-button:disabled{opacity:.4;cursor:not-allowed}.toggle-section{border:none;background:none;padding:0;margin:0;width:100%}.toggle-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;font-size:13px;font-weight:600;color:#1d1d1f;background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:44px}.toggle-section-header:active{opacity:.7}.toggle-section-chevron{font-size:14px;color:#86868b;transition:transform .2s ease}.toggle-section-chevron.open{transform:rotate(90deg)}.toggle-section-body{overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.toggle-section-body.collapsed{max-height:0;opacity:0;pointer-events:none}.toggle-section-body.expanded{max-height:2000px;opacity:1}@media (max-width: 768px){.controls-layout,.controls-layout:has(.toggles-column),.controls-layout:has(.toggles-column):has(.coach-column),.controls-layout:has(.stellaris-wide):has(.coach-column),.controls-layout:not(:has(.toggles-column)):has(.coach-column){grid-template-columns:1fr!important;gap:16px}.stellaris-wide{grid-template-columns:1fr}.app-header{padding:.75rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.header-logo{width:36px;height:36px}.logo-section{gap:.5rem}.header-text h1{font-size:1.25rem}.header-text p{font-size:.75rem}.app-main{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.disclaimer-footer{padding:.75rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom));font-size:.7rem}.hig-slider::-webkit-slider-thumb{width:28px;height:28px;margin-top:-12px}.hig-slider::-moz-range-thumb{width:28px;height:28px}.hig-select,.coach-ask-input{height:44px;font-size:15px}.coach-ask-button{height:44px;padding:0 18px;font-size:15px}.hig-checkbox{min-height:44px;padding:8px 0}.hig-checkbox input[type=checkbox]{width:22px;height:22px}.chart-card{padding:12px}.summary-bar{gap:8px 16px;font-size:12px}}@media (max-width: 400px){.header-text p{display:none}.summary-bar{font-size:11px;gap:4px 10px}}