.stcm{--stcm-ink:#302b2a;--stcm-muted:#6d6764;--stcm-border:#e8dfd9;--stcm-paper:#fffdfb;--stcm-accent:#9e645b;--stcm-accent-hover:#7b4c45;--stcm-warm:#f6efeb;--stcm-sage:#56705f;color:var(--stcm-ink);border:1px solid var(--stcm-border);background:var(--stcm-paper);border-radius:19px;overflow:hidden;box-shadow:0 12px 36px rgb(47 36 30 / .07);max-width:980px;margin:28px auto;font:inherit;line-height:1.55}.stcm,.stcm *{box-sizing:border-box}.stcm [hidden]{display:none!important}.stcm-hero{background:linear-gradient(125deg,#f9f1ec 0%,#f4ebe4 55%,#f4ebe6 100%);padding:35px 39px 30px;border-bottom:1px solid var(--stcm-border)}.stcm-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--stcm-accent-hover)}.stcm-hero h2{font-size:clamp(1.65rem,3.7vw,2.25rem);line-height:1.16;margin:12px 0;color:var(--stcm-ink);font-weight:750}.stcm-hero p{color:#635954;font-size:1.02rem;line-height:1.6;margin:0;max-width:690px}.stcm-body{padding:33px 39px 27px}.stcm-section-title{font-size:1.08rem;color:var(--stcm-ink);margin:0 0 15px;font-weight:750}.stcm-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.stcm button{cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s,border-color .15s}.stcm button:focus-visible,.stcm select:focus-visible,.stcm input:focus-visible{outline:3px solid #c88e81;outline-offset:3px}.stcm-tab{background:#fff!important;color:#5e5450!important;border:1px solid #ddcec6!important;border-radius:10px!important;padding:10px 14px!important;font-size:.88rem!important;font-weight:700!important;box-shadow:none!important;line-height:1.4!important}.stcm-tab.stcm-selected{background:var(--stcm-accent)!important;border-color:var(--stcm-accent)!important;color:#fff!important}.stcm-convert-area{border:1px solid var(--stcm-border);border-radius:13px;background:#fff;padding:24px}.stcm-ingredient-row{margin-bottom:18px}.stcm-ingredient-row label,.stcm-field label{display:block;color:#514943;font-size:.86rem;font-weight:750;margin:0 0 8px}.stcm-ingredient-row select,.stcm-field select,.stcm-field input{display:block;width:100%;min-width:0;height:52px;border:1px solid #cec1ba;border-radius:10px;background:#fff;color:var(--stcm-ink);padding:9px 12px;font:inherit;font-size:1rem;box-shadow:none}.stcm-field input{font-weight:750;font-variant-numeric:tabular-nums}.stcm-input-grid{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(140px,1.3fr) 48px minmax(140px,1.3fr);align-items:end;gap:14px}.stcm-swap{height:52px;width:48px;min-width:48px;border:1px solid #ddcec6!important;border-radius:10px!important;color:var(--stcm-accent-hover)!important;background:#fbf5f1!important;font-size:25px!important;font-weight:650!important;box-shadow:none!important}.stcm-swap:hover{background:#f2e3dc!important}.stcm-output{margin-top:23px;padding:22px;background:#fbf5f1;border-radius:12px;text-align:center}.stcm-output-label{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--stcm-accent-hover)}.stcm-result{font-size:clamp(1.55rem,4vw,2.25rem);font-weight:800;line-height:1.25;color:var(--stcm-ink);margin:7px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stcm-equation{font-size:.85rem;color:var(--stcm-muted);margin:0 0 16px}.stcm-copy{border:1px solid var(--stcm-accent)!important;background:var(--stcm-accent)!important;color:#fff!important;border-radius:9px!important;padding:10px 20px!important;font-size:.85rem!important;font-weight:750!important;box-shadow:none!important}.stcm-copy:hover{background:var(--stcm-accent-hover)!important}.stcm-copy:disabled{opacity:.5;cursor:default}.stcm-feedback{min-height:15px;margin:8px 0 0;font-size:.78rem;color:var(--stcm-sage)}.stcm-guidance{margin-top:17px;background:#f8f4ef;border-left:3px solid #c4a88e;border-radius:7px;padding:13px 16px;color:#554942;font-size:.87rem;line-height:1.65}.stcm-guide{margin-top:32px}.stcm-guide h3{font-size:1.11rem;color:var(--stcm-ink);margin:0 0 16px;font-weight:750}.stcm-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stcm-reference-grid>div{display:flex;flex-direction:column;gap:2px;padding:14px 12px;background:#f8f4f0;border:1px solid #f0e9e2;border-radius:10px}.stcm-reference-grid strong{font-size:.84rem;color:#514943}.stcm-reference-grid span{font-size:.94rem;color:#7b4c45;font-weight:700}.stcm-guide p{font-size:.9rem;color:#625a55;margin:15px 0 0;line-height:1.72}.stcm-privacy{margin:25px 0 0!important;text-align:center;color:var(--stcm-muted);font-size:.78rem}@media(max-width:720px){.stcm{border-radius:13px;margin:16px auto}.stcm-hero{padding:27px 22px 25px}.stcm-body{padding:25px 20px}.stcm-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stcm-convert-area{padding:16px}.stcm-input-grid{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px}.stcm-field:first-child{grid-column:1/-1}.stcm-swap{width:44px;min-width:44px}.stcm-input-grid .stcm-field:nth-child(2){grid-column:1}.stcm-input-grid .stcm-field:last-child{grid-column:3}}@media(max-width:420px){.stcm-tab{flex:1 1 calc(50% - 10px);padding:10px 8px!important}.stcm-ingredient-row select,.stcm-field select,.stcm-field input{font-size:.9rem;padding:8px}.stcm-reference-grid>div{padding:12px 9px}}