/* ChipChirp typography, navigation and dark cards, with a green UI palette.
   Matches the live homepage's Inter 400/700/900 hierarchy. Asset colors are
   deliberately not affected by this stylesheet. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('./climate/fonts/inter-400.woff') format('woff')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('./climate/fonts/inter-500.woff') format('woff')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('./climate/fonts/inter-700.woff') format('woff')}
@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url('./climate/fonts/inter-900.woff') format('woff')}
:root{--theme-background:#0e1510;--theme-panel:#080f0a;--theme-control:#122018;--theme-hover:#203527;--theme-selected:#253d2b;--theme-text:#eee;--theme-muted:#a3ada5;--theme-accent:#84b389;--theme-bright:#a2edac;--theme-border:#28382d;--theme-control-border:#526e59;background:var(--theme-background);color:var(--theme-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif}
body{font-family:inherit;-webkit-font-smoothing:antialiased;line-height:1.7}body>header{height:auto;min-height:105px;padding:24px 3vw;border:0;background:var(--theme-panel);gap:25px}.brand{font-size:28px;font-weight:900;line-height:1.05;letter-spacing:-1px;text-decoration:none;color:var(--theme-text)}.brand span{display:block;font:inherit;margin:0;color:inherit}header nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}header nav a{font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;color:var(--theme-text);text-decoration:none;line-height:2}header nav a:hover{color:var(--theme-bright)}header nav a[aria-current=page]{color:var(--theme-bright);border-bottom:2px solid var(--theme-accent)}.tag{color:var(--theme-muted)}.tag b{border-color:var(--theme-control-border)}main{padding-top:38px}.intro{margin-bottom:38px}.intro h1{font-size:clamp(34px,4.2vw,60px);font-weight:900;letter-spacing:-.04em;line-height:1.2;color:#fff}.intro h1 span{color:var(--theme-bright)}.intro p{color:var(--theme-muted);font-size:16px}.intro .eyebrow,.section-label,.eyebrow{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--theme-accent)}.intro-note{color:var(--theme-muted)}.workspace{border-color:var(--theme-border);border-radius:16px;box-shadow:0 5px 10px #0008}aside{background:var(--theme-panel)}.stage{background:var(--theme-background);border-color:var(--theme-border)}.stage-heading h2{font-weight:900;letter-spacing:-.04em;line-height:1.4;font-size:26px;color:#fff}#badge{border-color:var(--theme-accent);border-radius:20px;color:var(--theme-accent);background:var(--theme-control)}label{font-weight:500;color:#c6d1c8}.small{color:var(--theme-muted)}button,input,select{font-family:inherit;border-radius:8px}button{background:var(--theme-control);border-color:var(--theme-control-border);font-weight:700;color:var(--theme-text);transition:background-color .2s,border-color .2s}button:hover{background:var(--theme-hover);border-color:var(--theme-accent)}input:not([type=range]):not([type=color]),select{background:var(--theme-control);border-color:var(--theme-control-border);color:var(--theme-text);font-family:inherit;border-radius:8px}input[type=range]{accent-color:var(--theme-bright)}#library button{border-radius:8px}#library button.active{background:var(--theme-selected);border-color:var(--theme-accent);box-shadow:inset 0 -2px var(--theme-bright)}#library button small{color:var(--theme-accent);font-family:inherit;font-size:10px;font-weight:700;text-transform:uppercase}.primary{background:var(--theme-control);border-color:var(--theme-accent);color:var(--theme-text)}.primary:hover{background:var(--theme-bright);border-color:var(--theme-bright);color:var(--theme-panel)}.toolbar,.metrics{border-color:var(--theme-border)}.metrics strong{font-family:inherit;font-weight:700;color:var(--theme-text)}.metrics span{color:var(--theme-muted)}details{background:var(--theme-panel);border-color:var(--theme-border);border-radius:12px;color:#c1cdc3}summary{font-weight:700}summary:hover{color:var(--theme-bright)}output{color:var(--theme-accent)}footer{color:var(--theme-muted)}:focus-visible{outline:2px solid var(--theme-bright)!important;outline-offset:3px}::selection{background:var(--theme-bright);color:var(--theme-panel)}@media(max-width:680px){body>header{padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:24px}header nav{order:3;width:100%;gap:20px}header nav a{font-size:11px}.tag{margin-left:auto}.intro p{font-size:14px}.stage-heading h2{font-size:23px}main{padding-top:25px}.intro{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){button{transition:none}}