.cpm{border:var(--rule);background:var(--panel)}.cpm-top{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:var(--rule)}.cpm-top .cpm-label{flex:none}.cpm-top .ui-picker.cpm-currency-picker{width:170px;flex:none}.cpm-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--cobalt)}.cpm-optional{color:var(--ink-2);text-transform:none;letter-spacing:0}.cpm-cards{display:flex;flex-wrap:wrap}.cpm-card{flex:1 1 320px;min-width:0;padding:20px 24px;border-bottom:var(--rule);display:flex;flex-direction:column;gap:14px}.cpm-card-head{display:flex;align-items:center;justify-content:space-between}.cpm-card-n{font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.cpm-remove{width:32px;height:32px;font-size:20px;line-height:1;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer}.cpm-remove:hover{background:var(--signal);border-color:var(--signal);color:#fff}.cpm-field{display:flex;flex-direction:column;gap:8px}.cpm-row2{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.cpm-input,.cpm-select{width:100%;min-height:48px;padding:12px 14px;font-size:16px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:var(--rule);border-radius:0}.cpm-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23171511' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.cpm-vol{display:flex;gap:8px}.cpm-vol .cpm-input{flex:1;min-width:0}.cpm-unit{display:inline-flex;border:var(--rule);flex:none}.cpm-unit-btn{min-width:44px;min-height:48px;padding:0 12px;font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;background:var(--paper);color:var(--ink);border:none;cursor:pointer}.cpm-unit-btn+.cpm-unit-btn{border-left:var(--rule)}.cpm-unit-btn.is-active{background:var(--ink);color:var(--paper)}.cpm-actions{display:flex;flex-wrap:wrap;gap:12px;padding:18px 24px;border-bottom:var(--rule)}.cpm-add{min-height:52px;padding:14px 22px;font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);background:var(--paper);border:var(--rule);cursor:pointer}.cpm-add:hover{background:var(--chip)}.cpm-calc{flex:1;min-width:180px;min-height:52px;padding:14px 22px;font-family:var(--font-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--paper);background:var(--ink);border:none;cursor:pointer}.cpm-calc:hover:not(:disabled){background:var(--cobalt)}.cpm-calc:disabled{opacity:.4;cursor:not-allowed}.cpm-result{padding:24px;animation:cpm-fade .3s ease both}@keyframes cpm-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cpm-result{animation:none}}.cpm-gap{margin-bottom:18px;font-family:var(--font-display);font-size:20px;font-style:italic;line-height:1.4;color:var(--ink)}.cpm-table-wrap{border:var(--rule)}.cpm-table{width:100%;border-collapse:collapse}.cpm-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--cobalt);text-align:left;padding:12px 14px;border-bottom:var(--rule);white-space:nowrap}.cpm-table td{padding:14px;font-size:14px;border-bottom:1px solid var(--chip);white-space:nowrap}.cpm-table tr:last-child td{border-bottom:none}.cpm-table tr.is-best td{background:var(--chip)}.cpm-rank{font-family:var(--font-display);font-weight:500;font-size:22px;letter-spacing:-.02em;color:var(--ink-2)}.cpm-table tr.is-best .cpm-rank{color:var(--cobalt)}.cpm-badge{display:inline-block;margin-left:8px;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--cobalt);padding:3px 7px;border-radius:2px;vertical-align:middle}.cpm-context{margin:20px 0 0;padding:0;list-style:none}.cpm-context li{position:relative;padding:9px 0 9px 18px;font-size:14px;line-height:1.5;color:var(--ink-2);border-bottom:1px solid var(--chip)}.cpm-context li:last-child{border-bottom:none}.cpm-context li:before{content:"·";position:absolute;left:0;color:var(--cobalt);font-weight:700}.cpm-context strong{color:var(--ink)}.cpm-context-line{margin-top:18px;font-size:15px;line-height:1.6;color:var(--ink-2)}.cpm-context-line strong{color:var(--ink)}.cpm-cards-result{display:none;flex-direction:column;gap:14px}.cpm-rcard{border:var(--rule)}.cpm-rcard.is-best{border-color:var(--cobalt)}.cpm-rcard-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:var(--rule);background:var(--paper)}.cpm-rcard.is-best .cpm-rcard-head{background:var(--chip)}.cpm-rcard-name{flex:1;font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.01em}.cpm-rcard-rows{margin:0}.cpm-rcard-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 16px;border-bottom:1px solid var(--chip)}.cpm-rcard-rows>div:last-child{border-bottom:none}.cpm-rcard-rows dt{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--cobalt)}.cpm-rcard-rows dd{margin:0;font-size:15px;color:var(--ink)}.cpm-caveat{margin-top:20px;font-size:12px;line-height:1.55;color:var(--ink-2)}@media(min-width:768px){.cpm-card+.cpm-card{border-left:var(--rule)}}@media(max-width:640px){.cpm-table-wrap{display:none}.cpm-cards-result{display:flex}}