:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page: #050807;--color-surface: rgba(12, 18, 16, .9);--color-text: #f4fff8;--color-soft-text: #d9e6df;--color-muted: #93a39a;--color-line: rgba(223, 255, 237, .16);--color-soft-line: rgba(223, 255, 237, .1);--color-accent: #1d9e75;--color-accent-strong: #14795a;--color-danger: #ff7474;--color-warning-bg: rgba(239, 159, 39, .14);--shadow-panel: 0 24px 80px rgba(0, 0, 0, .42);--radius-small: 6px;--radius-panel: 8px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem}*{box-sizing:border-box}html{min-height:100%;color:var(--color-text);background:var(--color-page);font-family:var(--font-sans)}body{min-width:320px;min-height:100%;margin:0;background:var(--color-page)}button{font:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.55rem;line-height:1;letter-spacing:0}h2{margin-bottom:0;font-size:1.45rem}h3{margin-bottom:0;font-size:1rem}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;width:min(1440px,100%);margin:0 auto;padding:1.25rem}.app-chrome{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.eyebrow{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.control-cluster{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.segmented-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));width:27rem;max-width:100%;padding:.25rem;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:#080d0bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.segmented-control button,.debug-toggle{min-height:2.45rem;border:0;border-radius:var(--radius-small);color:var(--color-muted);background:transparent;cursor:pointer;white-space:nowrap}.segmented-control button{padding:0 var(--space-3)}.segmented-control button.active,.debug-toggle[aria-pressed=true]{color:#f7fff8;background:#ffffff1f}.debug-toggle{padding:0 var(--space-4);border:1px solid var(--color-line);background:#080d0bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sound-toggle[aria-pressed=true]{border-color:color-mix(in srgb,var(--organism-color, #1d9e75) 64%,rgba(255,255,255,.18));color:#f7fff8;box-shadow:0 0 20px color-mix(in srgb,var(--organism-color, #1d9e75) 26%,transparent)}.sound-toggle:disabled{cursor:not-allowed;opacity:.42}.organism-stage{--organism-color: #1d9e75;--beat-duration: .9s;--breathe-duration: 2.8s;--orbit-duration: 25s;display:grid;grid-template-rows:auto minmax(14rem,1fr) auto;min-height:calc(100vh - 5.8rem);padding:var(--space-2) 0 var(--space-3);color:var(--color-text)}.organism-stage-empty{place-items:center;min-height:26rem;text-align:center}.organism-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-4)}.organism-carbon-readout{display:grid;gap:var(--space-2)}.readout-label{color:var(--color-muted);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.organism-carbon-readout strong{display:flex;align-items:baseline;gap:var(--space-3);color:var(--organism-color);font-size:4.85rem;line-height:.9;letter-spacing:0;text-shadow:0 0 34px color-mix(in srgb,var(--organism-color) 52%,transparent);transition:color .7s ease,text-shadow .7s ease}.readout-unit{color:var(--color-soft-text);font-size:1.05rem;font-weight:700}.organism-pulse-readout{display:inline-flex;align-items:center;gap:var(--space-3);min-height:3rem;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:999px;color:var(--color-soft-text);background:#ffffff0e;font-size:1.05rem;font-weight:800;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.organism-status-stack{display:grid;justify-items:end;gap:var(--space-2)}.heart-glyph{position:relative;width:1rem;height:1rem;transform:rotate(-45deg);background:var(--organism-color);animation:heartBeat var(--beat-duration) ease-in-out infinite;transition:background-color .7s ease}.heart-glyph:before,.heart-glyph:after{position:absolute;width:1rem;height:1rem;border-radius:50%;background:inherit;content:""}.heart-glyph:before{top:-.5rem;left:0}.heart-glyph:after{top:0;left:.5rem}.organism-canvas-shell{display:grid;place-items:center;min-height:0}.organism-svg{width:min(58vh,58vw);max-width:48rem;min-width:18rem;aspect-ratio:1;overflow:visible}.organism-aura{transform-box:fill-box;transform-origin:center;animation:breathe var(--breathe-duration) ease-in-out infinite}.aura-ring{fill:var(--organism-color);transition:fill .7s ease}.aura-ring-one{opacity:.72}.aura-ring-two{opacity:.43}.aura-ring-three{opacity:.2}.organism-center-field{fill:var(--organism-color);opacity:.88;transition:fill .7s ease}.organism-rays line{mix-blend-mode:screen;transition:opacity .6s ease}.organism-orbit{transform-box:fill-box;transform-origin:center;animation:orbit var(--orbit-duration) linear infinite}.organism-orbit circle{transition:opacity .6s ease,r .6s ease}.heartbeat-ring{fill:none;opacity:0;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:heartbeat var(--beat-duration) ease-out infinite}.heartbeat-ring-two{animation-delay:calc(var(--beat-duration) * .5)}.organism-core-glow{fill:var(--organism-color);opacity:.32;transition:fill .7s ease}.organism-core{fill:url(#core-gradient);stroke:color-mix(in srgb,#ffffff 26%,var(--organism-color));stroke-width:1.1;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--organism-color) 46%,transparent))}.organism-core-highlight{fill:color-mix(in srgb,#fff7ce 72%,var(--organism-color));opacity:.96;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--organism-color) 52%,transparent))}.organism-bottom{display:grid;gap:var(--space-4);width:min(100%,58rem);margin:0 auto}.mix-strip{display:grid;gap:var(--space-3)}.mix-bar{display:flex;width:100%;height:.58rem;overflow:hidden;border-radius:999px;background:#ffffff14;box-shadow:0 0 22px #ffffff0f}.mix-segment{flex-grow:0;flex-shrink:0;min-width:0;transition:flex-basis .7s ease,opacity .7s ease}.mix-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);color:var(--color-muted);font-size:.75rem;line-height:1.25}.mix-legend span{display:inline-flex;align-items:center;gap:var(--space-2)}.source-swatch{display:inline-block;flex:0 0 auto;width:.72rem;height:.72rem;border-radius:50%}.grid-voice{margin:0;color:var(--color-soft-text);font-family:Georgia,Times New Roman,serif;text-align:center}.grid-voice span{display:block;margin-bottom:var(--space-2);color:var(--color-muted);font-family:var(--font-sans);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.grid-voice p{margin-bottom:0;font-size:1.28rem;line-height:1.45}.organism-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.status-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:999px;color:var(--color-soft-text);background:#ffffff0f;font-size:.78rem;font-weight:800}.status-badge.warning{border-color:#ef9f277a;background:#ef9f2724}.debug-panel{width:min(100%,68rem);margin:0 auto var(--space-6);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-panel)}.debug-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.badge-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-6)}.metric{min-width:0;padding:var(--space-4);border:1px solid var(--color-soft-line);border-radius:var(--radius-small)}.metric dt{margin-bottom:var(--space-2);color:var(--color-muted);font-size:.8rem;font-weight:700}.metric dd{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0;margin:0;overflow-wrap:anywhere;font-size:1.05rem;font-weight:800}.carbon-dot{display:inline-block;flex:0 0 auto;width:.75rem;height:.75rem;border-radius:50%}.band-label{color:var(--color-muted);font-size:.85rem;font-weight:700}.shares-section{margin-bottom:var(--space-6)}.shares-section h3{margin-bottom:var(--space-4)}.share-list{display:grid;gap:var(--space-3)}.share-row{display:grid;grid-template-columns:minmax(8.5rem,.8fr) minmax(8rem,1.4fr) minmax(8rem,.8fr);align-items:center;gap:var(--space-4)}.share-label{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-weight:700}.share-label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-track{position:relative;height:.7rem;overflow:hidden;border-radius:999px;background:#ffffff14}.share-fill{position:absolute;inset:0 auto 0 0;min-width:.15rem;border-radius:inherit}.share-value{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.advice-block{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-soft-line)}.advice-block p:last-child{margin-bottom:0;color:var(--color-muted);line-height:1.55}.error-text{margin-bottom:var(--space-2);color:var(--color-danger);font-weight:700}.muted-text{color:var(--color-muted)}@keyframes breathe{0%,to{transform:scale(.94)}50%{transform:scale(1.05)}}@keyframes heartbeat{0%{opacity:.42;transform:scale(.82)}to{opacity:0;transform:scale(2.2)}}@keyframes heartBeat{0%,to{transform:rotate(-45deg) scale(1)}18%{transform:rotate(-45deg) scale(1.22)}36%{transform:rotate(-45deg) scale(.96)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(min-width:1200px){.app-shell{padding:var(--space-6) var(--space-8)}h1{font-size:1.9rem}.organism-carbon-readout strong{font-size:6rem}.grid-voice p{font-size:1.45rem}}@media(max-width:860px){.app-shell{padding:var(--space-4)}.app-chrome{flex-direction:column}.control-cluster,.segmented-control{width:100%}.debug-toggle{flex:0 0 auto}.organism-stage{min-height:auto}.organism-meta-row{align-items:stretch;flex-direction:column}.organism-carbon-readout strong{font-size:4rem}.organism-pulse-readout{justify-content:center;width:fit-content}.organism-status-stack{justify-items:start}.organism-svg{width:min(86vw,33rem)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-row{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.share-label span:last-child{white-space:normal}.advice-block{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:var(--space-3)}h1{font-size:1.35rem}.control-cluster{align-items:stretch;flex-direction:column}.segmented-control{grid-template-columns:1fr}.organism-carbon-readout strong{align-items:flex-start;flex-direction:column;gap:var(--space-2);font-size:3.45rem}.readout-unit{font-size:.95rem}.grid-voice p{font-size:1.05rem}.debug-panel{padding:var(--space-4)}.debug-header{flex-direction:column}.badge-row{justify-content:flex-start}.metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
