:root{color:#1f2937;font-synthesis:none;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.shell{width:min(100% - 32px,760px);margin:0 auto;padding:28px 0 40px}.topbar,.section-title,.actions button{justify-content:space-between;align-items:center;display:flex}.topbar{margin-bottom:22px}.eyebrow{color:#9a6b2f;letter-spacing:.16em;margin:0 0 5px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(28px,7vw,40px)}h2{letter-spacing:-.02em;margin-bottom:8px;font-size:20px}.status{color:#8b5e24;background:#fffaf0;border:1px solid #e6d3ad;border-radius:999px;padding:6px 10px;font-size:12px}.card{background:#fff;border:1px solid #e8eaee;border-radius:18px;box-shadow:0 8px 30px #1f29370a}.welcome{background:linear-gradient(135deg,#fffdf7,#fff);margin-bottom:14px;padding:24px}.welcome h2{font-size:clamp(22px,5vw,30px)}.muted,.metric small{color:#7b8491}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.metric{min-height:126px;padding:17px}.metric span,.metric small{font-size:12px;display:block}.metric strong{letter-spacing:-.04em;margin:13px 0 4px;font-size:28px;display:block}.section-title{padding:20px 20px 10px}.section-title h2{margin:0}.section-title .muted{font-size:12px}.actions{padding:0 12px 12px}.actions button{color:#26313d;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0f1f3;width:100%;padding:15px 8px}.actions button span{color:#9a6b2f;font-size:24px;line-height:1}footer{color:#a0a7b0;padding:22px 2px 0;font-size:12px}.context{align-items:end;gap:12px;margin-bottom:14px;padding:16px;display:flex}.context label{color:#68717d;flex:1;font-size:12px}.context input,.form input,.form select{background:#fff;border:1px solid #dfe3e8;border-radius:9px;width:100%;margin-top:6px;padding:10px;display:block}.context button,.form button{color:#fff;cursor:pointer;background:#9a6b2f;border:0;border-radius:9px;padding:10px 14px}.context button:disabled{opacity:.6}.panel{margin-bottom:14px;padding-bottom:10px}.form{grid-template-columns:1fr 1fr auto;gap:8px;padding:8px 16px 14px;display:grid}.form.grid{grid-template-columns:repeat(2,1fr) auto}.conversion{border-top:1px solid #f0f1f3;grid-template-columns:repeat(4,1fr) auto;padding-top:14px}.conversion h3{grid-column:1/-1;margin:0;font-size:14px}.row{border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.row small{color:#7b8491;margin-top:4px;font-size:12px;display:block}.plain{color:#9a4f2f;cursor:pointer;background:#fffaf7;border:1px solid #e5cfc1;border-radius:8px;padding:6px 10px}.feedback{border-radius:10px;padding:10px 14px;font-size:13px}.feedback.error{color:#9b3027;background:#fff1ef}.feedback.success{color:#2c7548;background:#eefaf2}@media (width<=560px){.shell{width:min(100% - 24px,760px);padding-top:20px}.metrics{gap:8px}.metric{min-height:112px;padding:13px}.metric strong{font-size:23px}.context,.form,.form.grid,.conversion{grid-template-columns:1fr;display:grid}.context button{width:100%}}