.cmc-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:0 0 auto;width:min(420px,100%);}
.cmc-stat{border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface,#ffffff);border-radius:14px;padding:12px 12px;box-shadow:var(--shadow-soft,0 10px 30px rgba(2,6,23,.08));}
.cmc-stat-number{font-size:18px;font-weight:800;color:var(--text-main,#0f172a);line-height:1.1;}
.cmc-stat-label{font-size:13px;color:var(--text-muted,#64748b);margin-top:4px;}
.cmc-app{margin-top:10px;margin-bottom:24px;}
.cmc-shell{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:18px;background:linear-gradient(180deg,var(--surface,#ffffff) 0%,var(--surface-muted,#f8fafc) 100%);box-shadow:var(--shadow-soft,0 10px 30px rgba(2,6,23,.08));overflow:clip;}
.cmc-topbar{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px;border-bottom:1px solid var(--border,rgba(15,23,42,.12));background:rgba(2,6,23,.02);}
.cmc-hint{margin:10px 0 0 0;font-size:13px;color:var(--text-muted,#64748b);}
.cmc-live-proportion{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;}
.cmc-frac{display:inline-grid;grid-template-rows:auto 2px auto;align-items:center;justify-items:center;min-width:78px;padding:8px 10px;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:14px;background:var(--surface,#ffffff);}
.cmc-frac-top,.cmc-frac-bottom{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-main,#0f172a);}
.cmc-frac-line{width:100%;background:var(--text-main,#0f172a);opacity:.35;border-radius:999px;}
.cmc-eq{font-size:18px;font-weight:800;color:var(--text-main,#0f172a);opacity:.65;}
.cmc-topbar-actions{display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;}
.cmc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;}
.cmc-panel{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:16px;background:var(--surface,#ffffff);padding:14px;min-width:0;}
.cmc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.cmc-panel-title{margin:0;font-size:16px;font-weight:800;color:var(--text-main,#0f172a);}
.cmc-example-strip{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.cmc-chip{border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface-muted,#f1f5f9);color:var(--text-main,#0f172a);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;}
.cmc-chip:hover{border-color:rgba(255,255,255,.22);transform:translateY(-1px);}
.cmc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.cmc-field{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:14px;padding:10px;background:var(--surface-muted,#f8fafc);}
.cmc-label{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#64748b);margin-bottom:6px;}
.cmc-input{width:100%;border:1px solid var(--border,rgba(15,23,42,.12));border-radius:12px;background:var(--surface,#ffffff);color:var(--text-main,#0f172a);padding:12px 12px;font-size:16px;font-weight:700;outline:none;font-variant-numeric:tabular-nums;}
.cmc-input:focus{border-color:rgba(255,255,255,.25);box-shadow:0 0 0 3px rgba(65,105,225,.22);}
.cmc-input.cmc-unknown{border-color:rgba(255,193,7,.9);box-shadow:0 0 0 3px rgba(255,193,7,.18);}
.cmc-field-help{font-size:12px;color:var(--text-muted,#64748b);margin-top:6px;}
.cmc-note{border-radius:14px;padding:12px;margin-top:12px;border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface,#ffffff);}
.cmc-note-title{font-weight:900;font-size:13px;color:var(--text-main,#0f172a);}
.cmc-note-body{margin-top:6px;font-size:13px;color:var(--text-muted,#64748b);}
.cmc-note-warning{border-color:rgba(245,158,11,.35);background:linear-gradient(180deg,rgba(245,158,11,.12) 0%,var(--surface,#ffffff) 100%);}
.cmc-result{border:1px solid var(--border,rgba(15,23,42,.12));background:var(--surface-muted,#f8fafc);border-radius:14px;padding:12px;min-height:86px;}
.cmc-empty{font-size:14px;color:var(--text-muted,#64748b);}
.cmc-answer{display:grid;gap:6px;}
.cmc-answer-line{font-size:14px;color:var(--text-main,#0f172a);}
.cmc-answer-value{font-weight:900;font-variant-numeric:tabular-nums;}
.cmc-check{margin-top:10px;border-top:1px dashed rgba(2,6,23,.14);padding-top:10px;display:grid;gap:4px;font-size:13px;color:var(--text-muted,#64748b);}
.cmc-steps{margin-top:12px;display:grid;gap:10px;}
.cmc-step{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:14px;padding:12px;background:var(--surface,#ffffff);}
.cmc-step-title{font-weight:900;font-size:13px;color:var(--text-main,#0f172a);}
.cmc-step-body{margin-top:6px;font-size:13px;color:var(--text-muted,#64748b);font-variant-numeric:tabular-nums;}
.cmc-step-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12.5px;color:var(--text-main,#0f172a);opacity:.88;margin-top:8px;}
.cmc-content{margin-top:18px;}
.cmc-prose h2{font-size:20px;font-weight:900;margin:18px 0 10px 0;color:var(--text-main,#0f172a);}
.cmc-prose h3{font-size:16px;font-weight:900;margin:14px 0 8px 0;color:var(--text-main,#0f172a);}
.cmc-prose p{color:var(--text-main,#0f172a);margin-bottom:10px;}
.cmc-formula,.cmc-example-line{padding:10px 12px;border-radius:14px;background:var(--surface-muted,#f8fafc);border:1px solid var(--border,rgba(15,23,42,.12));font-variant-numeric:tabular-nums;}
.cmc-list{padding-left:18px;margin:0 0 12px 0;color:var(--text-main,#0f172a);}
.cmc-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;}
.cmc-case{border:1px solid var(--border,rgba(15,23,42,.12));border-radius:16px;background:var(--surface,#ffffff);padding:12px;}
.cmc-case p{color:var(--text-muted,#64748b);}
@media (max-width:991px){.cmc-grid{grid-template-columns:1fr;}.cmc-cases{grid-template-columns:1fr;}}
@media (max-width:575px){.cmc-topbar{grid-template-columns:1fr;}.cmc-topbar-actions{justify-content:flex-start;}}