@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Poppins:wght@300;400;500;600;700&display=swap");:root{--brand-black:#000000;--brand-teal:#3c7f72;--brand-rust:#992800;--brand-red-orange:#d34a23;--brand-amber:#ffaf00;--brand-cream:#efe2dd;--brand-sage:#6d9e8f;--brand-burnt-orange:#c86701;--brand-coral:#ed8042;--brand-soft-gold:#fdd476;--ink:#241a16;--muted:#6b574e;--font-display:"Abril Fatface",Georgia,serif;--font-editorial:"Cormorant Garamond",Georgia,serif;--font-ui:"Poppins",system-ui,-apple-system,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);color:var(--ink);background-color:var(--brand-cream);background-image:radial-gradient(1100px 520px at 50% -8%,rgba(255,175,0,.16),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(60,127,114,.12),transparent 55%);background-attachment:fixed;min-height:100vh}body:before{content:"";display:block;height:14px;width:100%;background:linear-gradient(to bottom,var(--brand-teal) 25%,var(--brand-rust) 25% 50%,var(--brand-red-orange) 50% 75%,var(--brand-amber) 75%)}.page{max-width:780px;margin:0 auto;padding:28px 24px 64px}.page:before{content:"";display:block;width:148px;height:148px;margin:12px auto 6px;background:url(/darlene.svg) 50%/contain no-repeat;filter:drop-shadow(0 8px 18px rgba(122,40,0,.22))}h1{margin:6px 0 4px;text-align:center;font-family:var(--font-display);font-weight:400;font-size:clamp(34px,6vw,52px);line-height:1.02;letter-spacing:.2px;color:var(--brand-black)}h1:after{content:"";display:block;width:116px;height:8px;margin:14px auto 0;border-radius:6px;background:linear-gradient(to right,var(--brand-teal) 0 25%,var(--brand-rust) 25% 50%,var(--brand-red-orange) 50% 75%,var(--brand-amber) 75% 100%)}.instruction{margin:18px auto 20px;max-width:560px;text-align:center;font-family:var(--font-editorial);font-size:21px;line-height:1.5;color:var(--muted)}.input-row{display:flex;gap:10px;margin:8px 0 18px}.prompt-input{flex:1 1;padding:14px 16px;border:2px solid var(--brand-teal);border-radius:12px;background:#fffdf8;color:var(--ink);font-family:var(--font-ui);font-size:16px;transition:box-shadow .15s ease,border-color .15s ease}.prompt-input::placeholder{color:#a4938a}.prompt-input:focus{outline:none;border-color:var(--brand-rust);box-shadow:0 0 0 4px rgba(60,127,114,.16)}button{font-family:var(--font-ui);cursor:pointer}.input-row button{padding:14px 26px;border:none;border-radius:12px;background:var(--brand-teal);color:#fffdf8;font-size:16px;font-weight:600;letter-spacing:.2px;box-shadow:0 4px 0 #2c5f56;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.input-row button:hover:not(:disabled){background:#357367}.input-row button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #2c5f56}.input-row button:disabled{background:var(--brand-sage);box-shadow:0 4px 0 rgba(0,0,0,.12);opacity:.75;cursor:default}.examples{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 30px}.examples-label{font-family:var(--font-ui);font-size:14.5px;font-weight:500;color:var(--muted)}.example-chip{color:var(--brand-teal);font-family:var(--font-editorial);font-style:italic;font-size:18px;line-height:1.5}.example-chip:before{content:"\203A\00a0";font-style:normal;font-weight:600;color:var(--brand-coral)}.status{margin:4px 0 20px;font-family:var(--font-editorial);font-style:italic;font-size:18px;color:var(--brand-teal)}.error{margin:8px 0 20px;padding:12px 16px;border:2px solid var(--brand-rust);border-radius:12px;background:rgba(153,40,0,.06);color:var(--brand-rust);font-weight:500}.outputs{display:grid;grid-gap:16px;gap:16px}.reveal-outputs{margin-top:16px}.output-panel{--accent:var(--brand-teal);position:relative;padding:20px 22px 22px;border:1.5px solid rgba(36,26,22,.1);border-radius:16px;background:#fffdf8;box-shadow:0 10px 26px rgba(122,40,0,.07);overflow:hidden}.output-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--accent)}.outputs .output-panel:first-child{--accent:var(--brand-red-orange)}.outputs .output-panel:nth-child(2){--accent:var(--brand-teal)}.reveal-outputs .output-panel:first-child{--accent:var(--brand-amber)}.reveal-outputs .output-panel:nth-child(2){--accent:var(--brand-burnt-orange)}.output-panel h2{margin:0 0 3px;font-family:var(--font-display);font-weight:400;font-size:23px;letter-spacing:.3px;color:var(--accent)}.stage-blurb{margin:0 0 14px;font-family:var(--font-editorial);font-style:italic;font-size:17px;line-height:1.4;color:var(--muted)}.output-text{font-size:19px;line-height:1.55;color:var(--ink);white-space:pre-wrap}.output-text,.placeholder{margin:0;font-family:var(--font-editorial)}.placeholder{font-style:italic;font-size:17px;color:#a4938a}.reveal-btn{display:block;width:100%;margin:22px 0 4px;padding:18px;border:none;border-radius:14px;background:linear-gradient(100deg,var(--brand-amber),var(--brand-coral));color:#4a1d05;font-family:var(--font-ui);font-size:18px;font-weight:600;letter-spacing:.2px;box-shadow:0 5px 0 #b4560f;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.reveal-btn:hover{filter:brightness(1.04)}.reveal-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #b4560f}.page:after{content:"AI for GenX  ·  AI literacy, one better prompt at a time";display:block;margin:44px auto 0;text-align:center;font-family:var(--font-editorial);font-style:italic;font-size:16px;color:var(--muted)}@media (max-width:560px){.input-row{flex-direction:column}.input-row button{width:100%}}