.mm-tool{--cyan:#36afd0;--dark:#247f9b;--soft:#effafd;--ink:#242424;--muted:#6b6b67;--border:#d5e9ef;font-family:Arial,Helvetica,sans-serif!important;color:var(--ink);margin:28px 0}.mm-tool *{box-sizing:border-box}.mm-tool h2{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(26px,4vw,35px);line-height:1.15;margin:0 0 8px;color:#242424}.mm-tool h3{font:700 20px Arial,Helvetica,sans-serif!important;margin:0 0 12px}.mm-head p{color:var(--muted);line-height:1.55}.mm-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:20px;margin:16px 0}.mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mm-grid--3{grid-template-columns:1fr 1fr 1fr}.mm-tool label{font:700 14px Arial,Helvetica,sans-serif!important;color:#242424!important}.mm-tool input,.mm-tool select{display:block;width:100%;min-height:46px;margin-top:6px;padding:11px 12px;border:1px solid #c8dfe6;border-radius:5px;background:#fff!important;color:#242424!important;font:16px Arial,Helvetica,sans-serif!important}.mm-tool button{font:700 15px Arial,Helvetica,sans-serif!important;cursor:pointer}.mm-primary{width:100%;min-height:48px;margin-top:16px;border:0!important;border-radius:5px;background:var(--cyan)!important;color:#fff!important}.mm-primary:hover{background:var(--dark)!important;color:#fff!important}.mm-result{text-align:center;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid var(--border);border-top:5px solid var(--cyan);border-radius:8px;padding:24px 16px;margin:16px 0}.mm-result span{font-size:14px;color:var(--muted)}.mm-result strong{display:block;font-size:clamp(34px,6vw,52px);line-height:1.1;color:#247f9b;margin:8px;overflow-wrap:anywhere}.mm-result p{margin:5px 0;color:var(--muted);line-height:1.5}.mm-chips{display:flex;flex-wrap:wrap;gap:8px}.mm-chips button{min-height:42px;padding:9px 12px;border:1px solid #bcdfe9!important;border-radius:5px;background:var(--soft)!important;color:#242424!important}.mm-tabs{display:flex;gap:7px;margin-bottom:15px}.mm-tabs button{flex:1;min-height:44px;border:1px solid #bcdfe9!important;border-radius:5px;background:var(--soft)!important;color:#242424!important}.mm-tabs button.is-active{background:var(--cyan)!important;color:#fff!important}.mm-roman-key{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.mm-roman-key span{text-align:center;background:var(--soft);padding:10px 5px;border-radius:5px;font-weight:700}.mm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mm-metrics>div{border:1px solid var(--border);border-radius:7px;padding:14px;background:#fff}.mm-metrics strong{display:block;font-size:21px;color:var(--dark);overflow-wrap:anywhere}.mm-metrics span{font-size:13px;color:var(--muted)}.mm-info{background:var(--soft);border-left:4px solid var(--cyan);padding:13px 15px;line-height:1.65}.mm-tool [hidden]{display:none!important}
@media(max-width:700px){.mm-grid,.mm-grid--3{grid-template-columns:1fr}.mm-card{padding:15px}.mm-roman-key{grid-template-columns:repeat(4,1fr)}.mm-metrics{grid-template-columns:1fr}}