:root{--pec-primary:var(--main-primary,#6366f1);--pec-primary-light:var(--main-primary-50,#eef2ff);--pec-primary-rgb:var(--main-primary-rgb,99, 102, 241);--pec-text:var(--main-text,#1e293b);--pec-text-secondary:var(--main-gray-600,#475569);--pec-text-muted:var(--main-text-muted,#64748b);--pec-bg:var(--main-bg-primary,#fff);--pec-bg-secondary:var(--main-bg-secondary,#f8fafc);--pec-border:var(--main-border,#e2e8f0);--pec-placeholder:var(--main-gray-400,#94a3b8);--pec-radius:var(--main-radius,.5rem);--pec-radius-lg:var(--main-radius-lg,.75rem);--pec-shadow:var(--main-shadow-sm,0 1px 3px #0000000f);--pec-shadow-md:var(--main-shadow,0 4px 12px #00000014)}._pec-container{max-width:600px;margin:0 auto}._pec-hidden{display:none!important}@media (max-width:768px){._pec-container{padding-left:1rem;padding-right:1rem}}@media (max-width:380px){._pec-container{padding-left:.75rem;padding-right:.75rem}}._pec-solve-mode{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}._pec-solve-label{color:var(--pec-text);white-space:nowrap;font-size:.8125rem;font-weight:600}._pec-solve-buttons{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}._pec-solve-btn{border-radius:var(--pec-radius);color:var(--pec-text-muted);cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-width:0;min-height:40px;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:background-color .2s,color .2s,box-shadow .2s}._pec-solve-btn:hover{color:var(--pec-text-secondary);background:var(--pec-bg-secondary)}._pec-solve-btn._pec-solve-btn-active{background:var(--pec-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--pec-primary-rgb), .25)}@media (max-width:600px){._pec-solve-mode{flex-direction:column;align-items:stretch;gap:.5rem}._pec-solve-buttons{gap:.25rem;width:100%}._pec-solve-btn{text-align:center;flex:calc(50% - .25rem);min-height:44px;padding:.625rem .5rem;font-size:.8125rem}}@media (max-width:360px){._pec-solve-btn{padding:.625rem .375rem;font-size:.75rem}}._pec-input-section{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.25rem;display:flex}._pec-field{flex-direction:column;gap:.375rem;transition:opacity .2s;display:flex}._pec-field._pec-field-solving{opacity:.5}._pec-label{color:var(--pec-text);font-size:.8125rem;font-weight:600}._pec-input-group{background:var(--pec-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--pec-border);border-radius:var(--pec-radius);align-items:stretch;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._pec-input-group:focus-within{border-color:var(--pec-primary);box-shadow:0 0 0 3px rgba(var(--pec-primary-rgb), .1)}._pec-input{color:var(--pec-text);background:0 0;border:none;outline:none;flex:1;min-width:0;min-height:44px;padding:.625rem .75rem;font-family:inherit;font-size:1rem;font-weight:500}._pec-input::placeholder{color:var(--pec-placeholder)}._pec-input:disabled{cursor:not-allowed}._pec-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._pec-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._pec-input[type=number]{-moz-appearance:textfield}._pec-unit-select{background-color:#0000;background-image:linear-gradient(45deg, transparent 50%, var(--pec-text-muted) 50%), linear-gradient(135deg, var(--pec-text-muted) 50%, transparent 50%);color:var(--pec-text-secondary);cursor:pointer;border:none;border-left:1px solid;border-left-color:var(--pec-border);-webkit-appearance:none;appearance:none;touch-action:manipulation;background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;outline:none;min-width:4.5rem;padding:.625rem 1.75rem .625rem .625rem;font-family:inherit;font-size:1rem;font-weight:500}._pec-unit-fixed{color:var(--pec-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;border-left-style:solid;border-left-width:1px;border-left-color:var(--pec-border);align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;display:flex}._pec-planet-presets{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}._pec-planet-label{color:var(--pec-text-muted);white-space:nowrap;font-size:.75rem}._pec-planet-buttons{flex-wrap:wrap;gap:.375rem;display:flex}._pec-planet-btn{border-radius:var(--pec-radius);background:var(--pec-bg-secondary);color:var(--pec-text-secondary);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--pec-border);white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:.375rem;padding:.375rem .625rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}._pec-planet-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}._pec-planet-icon svg{display:block}._pec-planet-icon--mars svg{color:#e53e3e}._pec-planet-icon--jupiter svg{color:sienna}._pec-planet-icon--venus svg{color:#d4a017}._pec-planet-icon--saturn svg{color:#b8860b}._pec-planet-icon--mercury svg{color:#4a5568}._pec-planet-icon--neptune svg{color:#3182ce}._pec-planet-btn._pec-planet-btn-active ._pec-planet-icon svg{color:#fff}._pec-planet-btn:hover{background:var(--pec-primary-light);color:var(--pec-primary);border-color:var(--pec-primary)}._pec-planet-btn._pec-planet-btn-active{background:var(--pec-primary);color:#fff;border-color:var(--pec-primary)}@media (max-width:600px){._pec-input-section{padding:1rem}._pec-planet-presets{flex-direction:column;align-items:stretch;gap:.375rem}._pec-planet-buttons{gap:.375rem}._pec-planet-btn{flex:auto;justify-content:center;min-height:36px;padding:.5rem .625rem;font-size:.75rem}}@media (max-width:360px){._pec-input-section{padding:.875rem}._pec-unit-select{min-width:4rem;font-size:1rem}}._pec-result-section{animation:.3s _pec-fadeIn}@keyframes _pec-fadeIn{0%{opacity:0}to{opacity:1}}._pec-result-card{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);text-align:center;margin-bottom:1rem;padding:1.5rem}._pec-result-label{color:var(--pec-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;font-size:.8125rem;font-weight:500}._pec-result-value{color:var(--pec-primary);font-size:2.75rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono,monospace);overflow-wrap:anywhere;word-break:break-word;margin-bottom:.25rem}._pec-result-unit{color:var(--pec-text-secondary);font-size:1rem;font-weight:500}._pec-formula-card{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:dashed;border-width:1px;border-color:var(--pec-border);margin-bottom:1rem;padding:1rem 1.25rem}._pec-formula-title{color:var(--pec-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}._pec-formula-content{font-size:.9375rem;font-family:var(--main-font-mono,monospace);color:var(--pec-text-secondary);overflow-wrap:anywhere;word-break:break-word;line-height:1.6}._pec-formula-var{color:var(--pec-primary);font-weight:700}._pec-formula-num{color:var(--pec-text);font-weight:500}._pec-formula-result{color:var(--pec-primary);font-weight:700}@media (max-width:600px){._pec-result-card{padding:1.25rem 1rem}._pec-result-value{font-size:2.25rem}._pec-formula-card{padding:.875rem 1rem}._pec-formula-content{font-size:.875rem}}@media (max-width:360px){._pec-result-value{font-size:1.75rem}._pec-formula-content{font-size:.8125rem}}._pec-conversion-details{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);margin-bottom:1rem;overflow:hidden}._pec-conversion-summary{color:var(--pec-text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;min-height:44px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;list-style:none;display:flex}._pec-conversion-summary::-webkit-details-marker{display:none}._pec-conversion-summary:after{content:"▸";color:var(--pec-text-muted);font-size:.75rem;transition:transform .2s}._pec-conversion-details[open] ._pec-conversion-summary:after{transform:rotate(90deg)}._pec-conversion-table{padding:0 1.25rem 1rem}._pec-conv-row{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pec-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}._pec-conv-row:last-child{border-bottom:none}._pec-conv-label{color:var(--pec-text-secondary);overflow-wrap:anywhere;min-width:0;font-size:.8125rem}._pec-conv-value{color:var(--pec-text);font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono,monospace);text-align:right;overflow-wrap:anywhere;min-width:0}@media (max-width:480px){._pec-conversion-summary{padding:.875rem 1rem}._pec-conversion-table{padding:0 1rem .875rem}}._pec-comparison{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);margin-bottom:1rem;padding:1.25rem}._pec-comparison-title{color:var(--pec-text);margin-bottom:1rem;font-size:.8125rem;font-weight:600}._pec-comp-item{margin-bottom:.75rem}._pec-comp-item:last-child{margin-bottom:0}._pec-comp-label{color:var(--pec-text-secondary);overflow-wrap:anywhere;margin-bottom:.25rem;font-size:.75rem}._pec-comp-bar-wrapper{flex-wrap:nowrap;align-items:center;gap:.5rem;min-height:1.25rem;display:flex}._pec-comp-bar{background:var(--pec-border);border-radius:9999px;flex-shrink:0;min-width:4px;height:.5rem;transition:width .3s}._pec-comp-bar._pec-comp-bar-highlight{background:var(--pec-primary)}._pec-comp-value{color:var(--pec-text-muted);font-size:.6875rem;font-family:var(--main-font-mono,monospace);white-space:nowrap;flex-shrink:0;margin-left:auto}._pec-comp-item._pec-comp-item-result ._pec-comp-label,._pec-comp-item._pec-comp-item-result ._pec-comp-value{color:var(--pec-primary);font-weight:600}@media (max-width:480px){._pec-comparison{padding:1rem}._pec-comp-bar-wrapper{flex-wrap:wrap;row-gap:.25rem}._pec-comp-bar{flex:100%;max-width:100%}._pec-comp-value{margin-left:0;font-size:.6875rem}}._pec-reference{background:var(--pec-bg);border-radius:var(--pec-radius-lg);box-shadow:var(--pec-shadow);border-style:solid;border-width:1px;border-color:var(--pec-border);padding:1.25rem}._pec-reference-title{color:var(--pec-text);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}._pec-reference-title svg{color:var(--pec-text-muted);flex-shrink:0}._pec-reference-content{color:var(--pec-text-secondary);font-size:.8125rem;line-height:1.6}._pec-formula-display{font-family:var(--main-font-mono,monospace);color:var(--pec-primary);text-align:center;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pec-border);overflow-wrap:anywhere;margin-bottom:.75rem;padding:.75rem 0;font-size:1.125rem;font-weight:600}._pec-reference-table{border-collapse:collapse;table-layout:fixed;width:100%}._pec-reference-table td{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pec-border);overflow-wrap:anywhere;word-break:break-word;vertical-align:top;padding:.5rem;font-size:.8125rem}._pec-reference-table tr:last-child td{border-bottom:none}._pec-reference-table td:first-child{width:2.5rem;font-family:var(--main-font-mono,monospace);color:var(--pec-primary);font-weight:600}@media (max-width:480px){._pec-reference{padding:1rem}}