.tarvos-mm-app{--mm-ink:#12172a;--mm-muted:#657087;--mm-line:#e2e6ef;--mm-soft:#f7f7fb;--mm-violet:#6f3fea;--mm-violet-dark:#5526c8;--mm-violet-soft:#f3efff;--mm-green:#12a36f;--mm-blue:#286ee8;color:var(--mm-ink);font-family:var(--tarvos-font-sans,Inter,ui-sans-serif,system-ui,sans-serif)}
.tarvos-mm-app *,.tarvos-mm-app *::before,.tarvos-mm-app *::after{box-sizing:border-box}.tarvos-mm-app button,.tarvos-mm-app input{font:inherit}.mm-skip-link{position:fixed;z-index:10000;top:8px;left:8px;transform:translateY(-160%);padding:.7rem 1rem;border-radius:10px;background:#fff;color:var(--mm-violet-dark);box-shadow:0 12px 30px rgba(20,16,50,.18)}.mm-skip-link:focus{transform:none}
.mm-lab{display:grid;gap:18px;width:100%}.mm-lab__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 2px}.mm-lab__eyebrow,.mm-composition header p,.mm-breakdown header p,.mm-converter header p{margin:0;color:var(--mm-violet);font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mm-lab__toolbar h2{max-width:720px;margin:5px 0 0;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.04;letter-spacing:-.045em}.mm-lab__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mm-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--mm-line)!important;border-radius:13px!important;background:#fff!important;color:#30394e!important;font-size:.83rem;font-weight:780!important;box-shadow:0 8px 20px rgba(24,30,54,.045)!important;cursor:pointer}.mm-action:hover{border-color:#cfc1f6!important;background:var(--mm-violet-soft)!important;color:var(--mm-violet-dark)!important}.mm-action svg,.mm-icon-button svg,.mm-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mm-formula-card,.mm-primary-result,.mm-converter,.mm-composition,.mm-breakdown{border:1px solid var(--mm-line);background:#fff;box-shadow:0 16px 42px rgba(22,28,54,.055)}.mm-formula-card{padding:clamp(18px,3vw,28px);border-radius:24px}.mm-formula-card__label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mm-formula-card__label label{font-size:.74rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.mm-formula-card__label output{max-width:50%;overflow:hidden;text-overflow:ellipsis;padding:5px 9px;border:1px solid #ddd2fb;border-radius:8px;background:var(--mm-violet-soft);color:var(--mm-violet-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:750;white-space:nowrap}.mm-formula-card__input{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.mm-formula-card__input input{width:100%;min-height:62px;padding:0 58px 0 17px;border:1px solid #dce1ec!important;border-radius:16px!important;background:#fff!important;color:var(--mm-ink)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.12rem,2vw,1.55rem);font-weight:700;letter-spacing:.01em;box-shadow:none!important}.mm-formula-card__input input:focus{outline:0;border-color:var(--mm-violet)!important;box-shadow:0 0 0 4px rgba(111,63,234,.11)!important}.mm-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0!important;border:1px solid var(--mm-line)!important;border-radius:12px!important;background:#fff!important;color:#697389!important;box-shadow:none!important;cursor:pointer}.mm-formula-card__input .mm-icon-button{position:absolute;top:9px;right:132px;border:0!important;background:transparent!important}.mm-calculate{min-width:122px;min-height:62px;padding:0 18px!important;border:0!important;border-radius:16px!important;background:var(--mm-violet)!important;color:#fff!important;font-weight:850!important;box-shadow:0 12px 28px rgba(111,63,234,.2)!important;cursor:pointer}.mm-calculate:hover{background:var(--mm-violet-dark)!important;color:#fff!important}.mm-help,.mm-status{margin:8px 0 0;color:var(--mm-muted);font-size:.82rem;line-height:1.45}.mm-status:empty{display:none}.mm-status[data-state="error"]{color:#bd2f3d}.mm-status[data-state="ok"]{color:#087e58}.mm-examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f5}.mm-examples>span{margin-right:2px;color:#747e92;font-size:.75rem;font-weight:750}.mm-examples button{min-height:36px;padding:0 10px!important;border:1px solid #e2e5ed!important;border-radius:10px!important;background:#f8f9fc!important;color:#475168!important;font-size:.75rem;font-weight:720!important;box-shadow:none!important;cursor:pointer}.mm-examples button:hover{border-color:#d1c2f7!important;background:var(--mm-violet-soft)!important;color:var(--mm-violet-dark)!important}
.mm-dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.mm-primary-result{position:relative;overflow:hidden;display:grid;gap:22px;padding:clamp(22px,3vw,30px);border-radius:24px;background:linear-gradient(145deg,#fff 20%,#f7f3ff 100%)}.mm-primary-result::after{content:"";position:absolute;right:-70px;bottom:-100px;width:240px;height:240px;border:38px solid rgba(111,63,234,.055);border-radius:50%;pointer-events:none}.mm-primary-result__top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mm-primary-result__top p{margin:0;color:#6a7488;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mm-primary-result__value{display:flex;align-items:baseline;gap:9px;margin-top:6px}.mm-primary-result__value strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2.6rem,6vw,5rem);line-height:.95;letter-spacing:-.065em}.mm-primary-result__value span{color:var(--mm-violet);font-size:1rem;font-weight:850}.mm-unit-switch{display:inline-flex;padding:4px;border:1px solid #e0e3ec;border-radius:12px;background:#f1f2f6}.mm-unit-switch button{min-height:34px;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#717a8d!important;font-size:.72rem;font-weight:780!important;box-shadow:none!important;cursor:pointer}.mm-unit-switch button.is-active{background:#fff!important;color:var(--mm-ink)!important;box-shadow:0 3px 9px rgba(19,25,45,.09)!important}.mm-primary-result__facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(48,40,80,.09);padding-top:18px}.mm-primary-result__facts span{display:grid;gap:4px;padding-right:15px}.mm-primary-result__facts span+span{padding-left:15px;border-left:1px solid rgba(48,40,80,.09)}.mm-primary-result__facts small{color:#7b8497;font-size:.68rem;font-weight:760;text-transform:uppercase;letter-spacing:.045em}.mm-primary-result__facts strong{font-size:.96rem;overflow-wrap:anywhere}.mm-copy{position:relative;z-index:1;justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px!important;border:1px solid #d5c8f7!important;border-radius:12px!important;background:#fff!important;color:var(--mm-violet-dark)!important;font-size:.79rem;font-weight:790!important;box-shadow:none!important;cursor:pointer}.mm-copy:hover{background:var(--mm-violet)!important;color:#fff!important}
.mm-converter{display:flex;flex-direction:column;gap:13px;padding:22px;border-radius:24px}.mm-converter header{display:flex;justify-content:space-between;gap:10px}.mm-converter header h3,.mm-composition header h3,.mm-breakdown header h3{margin:4px 0 0;font-size:1.2rem;letter-spacing:-.035em}.mm-converter header>span{color:#8a93a5;font-size:.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mm-converter label{display:grid;gap:6px}.mm-converter label>span{color:#657087;font-size:.72rem;font-weight:750}.mm-converter label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #dfe3ec;border-radius:13px;background:#fafbfc;overflow:hidden}.mm-converter input{width:100%;min-height:46px;padding:0 12px;border:0!important;background:transparent!important;color:var(--mm-ink)!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:750;box-shadow:none!important}.mm-converter label b{padding:0 12px;color:#727c90;font-size:.75rem}.mm-converter__swap{text-align:center;color:#8c78d7;font-size:1.2rem;line-height:1}.mm-converter>p{margin:auto 0 0;padding:10px;border-radius:11px;background:#f6f3ff;color:#5a34c5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;text-align:center;line-height:1.45}
.mm-composition,.mm-breakdown{padding:clamp(20px,3vw,28px);border-radius:24px}.mm-composition header,.mm-breakdown header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mm-composition header>span,.mm-breakdown header>span{color:#818b9f;font-size:.72rem}.mm-composition__bar{display:flex;width:100%;height:14px;margin-top:20px;overflow:hidden;border-radius:999px;background:#edf0f5;box-shadow:inset 0 1px 2px rgba(20,25,45,.08)}.mm-composition__bar span{height:100%;min-width:2px}.mm-composition__legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.mm-composition__legend span{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e3e6ee;border-radius:10px;background:#fafbfc;color:#505a70;font-size:.74rem}.mm-composition__legend i{width:9px;height:9px;border-radius:50%}.mm-composition__legend strong{color:var(--mm-ink)}
.mm-table-wrap{margin-top:18px;overflow-x:auto;border:1px solid #e5e8ef;border-radius:16px}.mm-breakdown table{width:100%;border-collapse:collapse;min-width:760px}.mm-breakdown th,.mm-breakdown td{padding:13px 15px;border-bottom:1px solid #edf0f4;text-align:left}.mm-breakdown th{background:#f8f9fb;color:#6f798d;font-size:.67rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.mm-breakdown td{color:#3d465b;font-size:.8rem}.mm-breakdown td:nth-child(n+3),.mm-breakdown th:nth-child(n+3){text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mm-breakdown tbody tr:last-child td{border-bottom:0}.mm-breakdown tbody tr:hover{background:#fbf9ff}.mm-element{display:flex;align-items:center;gap:9px}.mm-element b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mm-violet-soft);color:var(--mm-violet-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mm-element span{display:grid}.mm-element small{color:#8a93a5;font-size:.66rem}.mm-expression{margin:14px 0 0;padding:13px 15px;border:1px solid #ddd3fa;border-radius:13px;background:#f8f5ff;color:#5230bb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}
.mm-modal[hidden]{display:none}.mm-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.mm-modal__backdrop{position:absolute;inset:0;background:rgba(10,14,28,.52);backdrop-filter:blur(8px)}.mm-modal__dialog{position:relative;width:min(1060px,100%);max-height:min(88vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(8,12,26,.28)}.mm-modal__dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e7eaf0}.mm-modal__dialog header p{margin:0;color:var(--mm-violet);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mm-modal__dialog h2{margin:3px 0 0;font-size:1.35rem}.mm-modal__intro{margin:0;padding:14px 20px 0;color:#687287;font-size:.82rem}.mm-periodic-scroll{overflow:auto;padding:18px 20px 22px}.mm-periodic-grid{display:grid;grid-template-columns:repeat(18,52px);gap:4px;min-width:1004px}.mm-periodic-grid button,.mm-periodic-grid span{height:52px}.mm-periodic-grid button{display:grid;place-items:center;padding:4px!important;border:1px solid #dfe3eb!important;border-radius:9px!important;background:#fff!important;color:#263047!important;box-shadow:none!important;cursor:pointer}.mm-periodic-grid button:hover{position:relative;z-index:2;transform:translateY(-2px);border-color:var(--mm-violet)!important;background:var(--mm-violet-soft)!important;color:var(--mm-violet-dark)!important}.mm-periodic-grid button small{font-size:.52rem;color:#8992a3}.mm-periodic-grid button strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.mm-periodic-grid button[data-group="1"]{background:#fff4f5!important}.mm-periodic-grid button[data-group="18"]{background:#f4f0ff!important}.mm-periodic-grid button[data-group="17"]{background:#eefbf7!important}.mm-modal-open{overflow:hidden}
@media(max-width:850px){.mm-lab__toolbar{align-items:flex-start;flex-direction:column}.mm-lab__actions{justify-content:flex-start}.mm-dashboard{grid-template-columns:1fr}.mm-primary-result__facts{grid-template-columns:1fr;gap:12px}.mm-primary-result__facts span,.mm-primary-result__facts span+span{padding:0;border:0}.mm-converter{min-height:0}}
@media(max-width:600px){.mm-formula-card__input{grid-template-columns:1fr}.mm-formula-card__input .mm-icon-button{right:8px}.mm-calculate{min-height:52px}.mm-primary-result__top,.mm-composition header,.mm-breakdown header{align-items:flex-start;flex-direction:column}.mm-primary-result__value strong{font-size:2.55rem}.mm-unit-switch{align-self:flex-start}.mm-lab__actions{width:100%}.mm-action{flex:1}.mm-table-wrap{margin-inline:-8px}.mm-modal{padding:10px}.mm-modal__dialog{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.tarvos-mm-app *{scroll-behavior:auto!important;transition:none!important}}