:root{font-family:ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif;color:#183e2e;background:#f7f4e7;font-size:16px}
    *{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#fff3be 0,transparent 31rem),#f7f4e7}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d87216;outline-offset:3px}
    .wrap{max-width:1050px;margin:auto;padding:25px 22px 56px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:1.5rem;font-weight:950;letter-spacing:-.055em}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:#ffdb50;border:2px solid #183e2e;border-radius:16px;box-shadow:4px 4px 0 #183e2e;font-size:1.7rem;transform:rotate(-5deg)}.tag{font-size:.82rem;font-weight:850;color:#506c56;border:1px solid #a7bba8;border-radius:99px;padding:8px 12px}
    .intro{margin:0 0 22px}.eyebrow{margin:0 0 7px;color:#965c0c;text-transform:uppercase;letter-spacing:.16em;font-size:.77rem;font-weight:900}h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.99;letter-spacing:-.075em;margin:0 0 11px}h1 em{font-style:normal;color:#ca7d08}.lede{max-width:660px;color:#526b58;line-height:1.48;font-size:1.08rem;margin:0}
    .tool{background:#fffdf5;border:2px solid #183e2e;border-radius:25px;box-shadow:9px 9px 0 #183e2e;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;background:#e6ebd9;border-bottom:2px solid #183e2e}.tab{flex:1;border:0;border-radius:12px;padding:12px 8px;background:transparent;color:#4f6956;font-weight:850}.tab[aria-selected=true]{background:#fffdf5;color:#183e2e;box-shadow:0 2px 8px #183e2e19}.inner{padding:clamp(20px,3.5vw,34px)}.controls{display:grid;grid-template-columns:minmax(0,1fr) 145px 145px auto;gap:14px;align-items:end;margin-bottom:24px}.controls.compact{grid-template-columns:minmax(0,1fr) 195px auto}.field label{display:block;font-weight:850;margin-bottom:7px;font-size:.92rem}.field input,.field select{border:2px solid #bdcdb9;border-radius:12px;background:#fff;color:#183e2e;width:100%;height:49px;padding:0 13px;min-width:0}.field input::placeholder{color:#8a998a}.field-note{display:block;font-size:.79rem;color:#6b806d;margin-top:6px;line-height:1.3}.generate{border:2px solid #183e2e;background:#ffd548;color:#183e2e;border-radius:12px;min-height:49px;padding:0 18px;font-weight:900;box-shadow:3px 3px 0 #183e2e;white-space:nowrap}.generate:active,.copy:active{transform:translate(2px,2px);box-shadow:none}
    .results-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid #d7dfd0;padding-top:19px;margin-bottom:12px}.results-head h2{margin:0;font-size:1.11rem;letter-spacing:-.03em}.results-head span{font-size:.82rem;color:#6b806d;font-weight:700}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f5f8e9;border:1px solid #ccdac5;border-radius:15px;padding:18px 15px 18px 18px}.card:nth-child(3n+2){background:#fff5d4;border-color:#e8dba7}.card:nth-child(3n){background:#e9f2e8}.name{font-size:clamp(1.1rem,2.3vw,1.4rem);line-height:1.2;font-weight:900;letter-spacing:-.025em;overflow-wrap:anywhere}.copy{flex:none;border:1.5px solid #4b7159;border-radius:9px;background:#fffdf7;padding:8px 12px;color:#24533a;font-size:.83rem;font-weight:850}.copy:hover{background:#ffdf5b}.status{min-height:20px;margin:15px 0 0;color:#236a42;font-weight:750;font-size:.88rem}.foot{display:flex;justify-content:space-between;gap:24px;margin:34px 8px 0;color:#57715d;font-size:.9rem;line-height:1.45}.foot p{margin:0}.foot strong{white-space:nowrap;color:#27583d}
    @media(max-width:850px){.controls{grid-template-columns:minmax(0,1fr) 160px 160px}.controls.compact{grid-template-columns:minmax(0,1fr) 160px}.generate{grid-column:1/-1}.grid{grid-template-columns:1fr}.card{min-height:84px}}
    @media(max-width:580px){.wrap{padding:17px 14px 45px}header{margin-bottom:27px}.tag{display:none}.tool{box-shadow:5px 5px 0 #183e2e}.tab{font-size:.86rem;padding:11px 4px}.controls,.controls.compact{grid-template-columns:1fr}.generate{grid-column:auto}.foot{display:block}.foot strong{display:block;margin-top:12px}h1{font-size:clamp(2.65rem,11vw,4rem)}}