.mass-workspace{border:1px solid var(--rule);grid-template-columns:1fr 1fr;margin:0 0 80px;display:grid}.mass-form{background:var(--paper);padding:42px}.mass-form-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:34px;display:flex}.mass-reset,.mass-example,.mass-copy button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:inline-flex}.mass-form label{margin-bottom:10px;font-size:13px;font-weight:500;display:block}.mass-form textarea,.mass-form input,.mass-form select{border:1px solid var(--input);background:var(--bone);width:100%;color:var(--ink);font:14px var(--font-geist-sans);border-radius:0;min-height:48px;padding:14px}.mass-form textarea{font:18px/1.7 var(--font-geist-mono);resize:vertical;letter-spacing:.06em}.mass-hint{color:var(--text-muted);margin-top:12px;font-size:12px;line-height:1.75}.mass-controls{grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;display:grid}.mass-form input{max-width:130px}.mass-error{color:var(--destructive);margin:20px 0;font-size:13px;line-height:1.7}.mass-error:empty{margin:26px 0 0}.mass-example{text-underline-offset:4px;margin-top:15px;text-decoration:underline;display:block}.mass-local-note{border-top:1px solid var(--rule);margin-top:20px;padding-top:20px}.mass-output{background:var(--ink);color:var(--bone);min-width:0;padding:42px;scroll-margin-top:24px}.mass-output:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}.mass-output .hw-eyebrow{color:var(--gold)}.mass-empty{padding-top:25px}.mass-empty .resource-molecule{margin-bottom:32px}.mass-empty h2{font:400 clamp(42px, 5vw, 66px)/1.02 var(--font-cormorant);letter-spacing:-.035em;margin-bottom:25px}.mass-empty h2 em{color:var(--gold)}.mass-empty>p{max-width:380px;font-size:14px;line-height:1.9}.mass-result-label{margin-top:42px;font-size:13px}.mass-primary{font:400 clamp(35px, 4.5vw, 62px)/1.2 var(--font-cormorant);overflow-wrap:anywhere;margin:12px 0}.mass-primary span{font:13px var(--font-geist-mono);white-space:nowrap;color:var(--gold);margin-left:14px}.mass-result-help,.mass-basis{color:var(--bone);max-width:420px;font-size:12px;line-height:1.8}.mass-details{margin:30px 0}.mass-details>div{border-top:1px solid color-mix(in srgb, var(--gold) 30%, transparent);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.mass-details dt{max-width:180px;font-size:11px}.mass-details dd{font:12px var(--font-geist-mono);text-align:right;overflow-wrap:anywhere}.mass-details .mass-formula{font:17px var(--font-geist-sans);line-height:1.8}.mass-basis{margin-bottom:27px;font-size:11px}.mass-output .hw-button{justify-content:space-between;width:100%;font-size:12px}.mass-copy{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.mass-copy span{color:var(--gold);max-width:270px;font-size:11px}.mass-composition{border-top:1px solid color-mix(in srgb, var(--gold) 30%, transparent);margin-top:20px;padding-top:20px;font-size:12px}.mass-composition summary{cursor:pointer}.mass-composition dl{margin-top:15px}.mass-composition dl>div{grid-template-columns:1fr auto;gap:8px 15px;padding:8px 0;font-size:11px;display:grid}.mass-composition-bar{background:color-mix(in srgb, var(--gold) 20%, transparent);grid-column:1/-1;height:4px;display:block}.mass-composition-bar i{background:var(--gold);transform-origin:0;height:100%;animation:.45s both mass-bar-enter;display:block}.mass-sequence-preview{background:var(--warm-surface);margin:22px 0 0;padding:20px;animation:.3s both mass-content-enter}.mass-sequence-heading{font:9px/1.6 var(--font-geist-mono);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.mass-residue-chain{flex-wrap:wrap;gap:8px;padding:17px 0;display:flex}.mass-residue-chain button{border:1px solid var(--input);background:var(--paper);min-width:44px;min-height:56px;color:var(--ink);cursor:pointer;place-items:center;gap:5px;padding:7px 8px;transition:transform .2s,background .2s,color .2s;display:grid}.mass-residue-chain button:hover{transform:translateY(-3px)}.mass-residue-chain button[aria-pressed=true]{background:var(--ink);color:var(--gold);border-color:var(--ink)}.mass-residue-chain button span{font:18px var(--font-geist-mono)}.mass-residue-chain button small{font:9px var(--font-geist-mono)}.mass-residue-detail{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:baseline;gap:7px 14px;padding-top:13px;animation:.25s both mass-content-enter;display:flex}.mass-residue-detail strong{font:500 24px/1 var(--font-cormorant)}.mass-residue-detail>span,.mass-preview-limit{color:var(--text-muted);font-size:10px}.mass-preview-limit{margin-top:14px;line-height:1.8}.mass-result-reveal{animation:.38s both mass-content-enter}@keyframes mass-content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mass-bar-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.mass-workspace *,.mass-workspace :before{transition:none!important;animation:none!important}.mass-residue-chain button:hover{transform:none}}.mass-example-note{background:var(--warm-surface);margin:40px 0;padding:32px 36px}.mass-example-note h3{margin:15px 0;font-size:30px}.mass-example-note>p:last-child{max-width:850px;font-size:14px;line-height:1.9}.mass-sources{color:var(--text-muted);max-width:880px;font-size:12px;line-height:1.9}.mass-sources h3{color:var(--ink);margin-bottom:15px;font-size:26px}.mass-sources p+p{margin-top:15px}.mass-sources a{text-underline-offset:3px;text-decoration:underline}.mass-next-links{gap:22px;display:grid}.mass-next-links a{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;font-size:14px;display:flex}.lab-mass-link{text-underline-offset:4px;grid-column:1/-1;font-size:12px;text-decoration:underline}.lab-handoff-note{color:var(--text-muted);border:1px solid var(--rule);background:var(--warm-surface);grid-column:1/-1;padding:15px;font-size:12px;line-height:1.8}@media (max-width:900px){.mass-form,.mass-output{padding:30px}.mass-workspace{grid-template-columns:1fr 1fr}.mass-details>div{flex-direction:column;align-items:start;gap:8px}.mass-details dd{text-align:left}.mass-controls{gap:14px}.mass-form select{padding:12px 8px;font-size:13px}}@media (max-width:680px){.mass-workspace{grid-template-columns:1fr;margin-bottom:50px}.mass-form,.mass-output{padding:25px 21px}.mass-empty{padding-top:35px}.mass-primary{font-size:47px}.mass-details>div{flex-direction:row;align-items:center}.mass-details dd{text-align:right}.mass-example-note{padding:25px}.mass-form .hw-button{justify-content:space-between;width:100%;font-size:12px}.mass-output .hw-button{font-size:11px}}.mass-page .tool-next-steps{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:70px;margin-top:60px;padding:65px 0 90px;display:grid}.mass-page .tool-next-steps h2{letter-spacing:-.025em;margin-top:20px;font-size:clamp(40px,4vw,58px);line-height:1.05}@media (max-width:680px){.mass-page .tool-next-steps{grid-template-columns:1fr;gap:35px;padding:40px 0 60px}}.mass-form select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.mass-page .hw-eyebrow{color:var(--text-muted)}.mass-page .mass-output .hw-eyebrow{color:var(--gold)}
