:root{--fric-primary:#3b82f6;--fric-primary-light:#dbeafe;--fric-text:#1e293b;--fric-text-secondary:#475569;--fric-text-muted:#64748b;--fric-bg:#fff;--fric-bg-secondary:#f8fafc;--fric-border:#e2e8f0;--fric-radius:var(--main-radius,.5rem);--fric-radius-lg:var(--main-radius-lg,.75rem);--fric-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--fric-shadow-md:0 4px 12px #00000014;--fric-friction:#ef4444;--fric-coeff:#8b5cf6;--fric-normal:#f59e0b;--fric-result:#10b981}._fric-container{max-width:600px;margin:0 auto}._fric-hidden{display:none!important}@media (max-width:768px){._fric-container{padding-left:1rem;padding-right:1rem}}._fric-type-toggle{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);gap:0;margin-bottom:1rem;display:flex;overflow:hidden}._fric-type-btn{color:var(--fric-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:background .2s,color .2s;display:flex}._fric-type-btn:first-child{border-right-style:solid;border-right-width:1.5px;border-right-color:var(--fric-border)}._fric-type-active{background:var(--fric-primary);color:#fff}._fric-type-symbol{font-family:var(--main-font-mono,monospace);opacity:.8;font-size:.75rem}._fric-type-active ._fric-type-symbol{opacity:1}._fric-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}._fric-card{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);padding:1rem;transition:border-color .2s,box-shadow .2s}._fric-card-input{border-color:var(--fric-primary);box-shadow:0 0 0 2px #3b82f61a}._fric-card-result{border-color:var(--fric-result);box-shadow:0 0 0 2px #10b9811a}._fric-card-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}._fric-card-label{color:var(--fric-text);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._fric-card-symbol{border-radius:var(--main-radius-full,50%);width:1.625rem;height:1.625rem;font-size:.75rem;font-weight:700;font-family:var(--main-font-mono,monospace);justify-content:center;align-items:center;display:inline-flex}[data-param=frictionForce] ._fric-card-symbol{color:var(--fric-friction);background:#ef44441a}[data-param=coefficient] ._fric-card-symbol{color:var(--fric-coeff);background:#8b5cf61a}[data-param=normalForce] ._fric-card-symbol{color:var(--fric-normal);background:#f59e0b1a}._fric-card-badge{border-radius:var(--main-radius-full,50%);letter-spacing:.02em;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._fric-card-badge[data-type=input]{color:var(--fric-primary);background:#3b82f61a}._fric-card-badge[data-type=result]{color:var(--fric-result);background:#10b9811a}._fric-card-body{align-items:center;display:flex}._fric-input-wrapper{background:var(--fric-bg-secondary);border-radius:var(--fric-radius);border-style:solid;border-width:1.5px;border-color:var(--fric-border);align-items:center;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._fric-input-wrapper:focus-within{border-color:var(--fric-primary);box-shadow:0 0 0 3px #3b82f61a}._fric-input{min-width:0;font-size:.9375rem;font-family:var(--main-font-mono,monospace);color:var(--fric-text);background:0 0;border:none;outline:none;flex:1;padding:.5rem .625rem;font-weight:600}._fric-input::placeholder{color:var(--fric-text-muted);font-weight:400}._fric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._fric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._fric-input[type=number]{-moz-appearance:textfield}._fric-unit-select{color:var(--fric-text-secondary);cursor:pointer;border:none;border-left:1px solid;border-left-color:var(--fric-border);background:0 0;outline:none;padding:.5rem .375rem;font-size:.8125rem;font-weight:600}._fric-card-result ._fric-input{color:var(--fric-result)}@media (max-width:640px){._fric-grid{grid-template-columns:1fr}}._fric-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}._fric-toolbar-left,._fric-toolbar-right{align-items:center;gap:.5rem;display:flex}._fric-precision-label{color:var(--fric-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._fric-precision-select{border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius);background:var(--fric-bg);color:var(--fric-text);cursor:pointer;outline:none;padding:.25rem .5rem;font-size:.8125rem}._fric-btn{border-radius:var(--fric-radius);cursor:pointer;border-style:solid;border-width:1.5px;border-color:var(--fric-border);background:var(--fric-bg);color:var(--fric-text-secondary);align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;transition:opacity .15s;display:inline-flex}._fric-btn:hover{opacity:.8}._fric-btn svg{flex-shrink:0;width:14px;height:14px}._fric-btn-reset{color:var(--fric-friction);border-color:#ef44444d}._fric-btn-examples{color:var(--fric-primary);border-color:#3b82f64d}._fric-btn-apply{color:var(--fric-result);white-space:nowrap;border-color:#10b9814d;padding:.375rem .75rem}@media (max-width:480px){._fric-toolbar{flex-wrap:wrap}}._fric-examples{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:.75rem;padding:.75rem}._fric-examples-list{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._fric-example-btn{border-radius:var(--fric-radius);background:var(--fric-bg-secondary);color:var(--fric-text-secondary);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:opacity .15s;display:flex}._fric-example-btn:hover{opacity:.75}._fric-example-icon{color:var(--fric-primary);flex-shrink:0}._fric-example-icon svg{width:14px;height:14px}._fric-example-label{font-size:.75rem;line-height:1.3}@media (max-width:480px){._fric-examples-list{grid-template-columns:1fr}}._fric-helper{margin-top:1rem}._fric-helper-toggle{background:var(--fric-bg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius-lg);width:100%;box-shadow:var(--fric-shadow);color:var(--fric-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._fric-helper-toggle:hover{opacity:.8}._fric-helper-toggle svg:first-child{width:14px;height:14px;color:var(--fric-normal)}._fric-helper-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._fric-helper-open svg:last-child{rotate:180deg}._fric-helper-hint{font-family:var(--main-font-mono,monospace);color:var(--fric-text-muted);font-size:.75rem;font-weight:400}._fric-helper-content{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:.5rem;padding:1rem}._fric-helper-row{align-items:flex-end;gap:.75rem;display:flex}._fric-helper-label{color:var(--fric-text-secondary);flex-direction:column;flex:1;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}._fric-helper-input{border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius);background:var(--fric-bg-secondary);width:100%;font-size:.875rem;font-family:var(--main-font-mono,monospace);color:var(--fric-text);outline:none;padding:.4375rem .625rem;font-weight:600;transition:border-color .2s}._fric-helper-input:focus{border-color:var(--fric-primary);box-shadow:0 0 0 3px #3b82f61a}._fric-helper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._fric-helper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._fric-helper-input[type=number]{-moz-appearance:textfield}._fric-helper-result{background:var(--fric-bg-secondary);border-radius:var(--fric-radius);font-family:var(--main-font-mono,monospace);color:var(--fric-result);border:1px dashed #10b9814d;margin-top:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600}@media (max-width:480px){._fric-helper-row{flex-wrap:wrap}._fric-helper-label{flex:calc(50% - .375rem);min-width:0}._fric-btn-apply{justify-content:center;width:100%}}._fric-formula{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:dashed;border-width:1.5px;border-color:var(--fric-border);margin-top:1rem;padding:1rem}._fric-formula-title{color:var(--fric-text-secondary);align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:flex}._fric-formula-title svg{width:14px;height:14px;color:var(--fric-primary)}._fric-formula-content{flex-direction:column;gap:.5rem;display:flex}._fric-formula-line{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}._fric-formula-eq{font-family:var(--main-font-mono,monospace);color:var(--fric-text);font-size:.9375rem;font-weight:600}._fric-formula-sub{font-family:var(--main-font-mono,monospace);color:var(--fric-result);font-size:.875rem;font-weight:600}._fric-conversion{margin-top:1rem}._fric-conversion-toggle{background:var(--fric-bg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius-lg);width:100%;box-shadow:var(--fric-shadow);color:var(--fric-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._fric-conversion-toggle:hover{opacity:.8}._fric-conversion-toggle svg:first-child{width:14px;height:14px;color:var(--fric-primary)}._fric-conversion-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._fric-conversion-open svg:last-child{rotate:180deg}._fric-conversion-content{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:.5rem;padding:1rem;overflow-x:auto}._fric-conversion-table{border-collapse:collapse;width:100%;font-size:.8125rem}._fric-conversion-table td{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fric-border);padding:.375rem .75rem}._fric-conversion-table td:first-child{font-family:var(--main-font-mono,monospace);color:var(--fric-text);text-align:right;width:60%;font-weight:600}._fric-conversion-table td:last-child{color:var(--fric-text-secondary);font-weight:500}._fric-conversion-table tr:last-child td{border-bottom:none}._fric-comparison{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:1rem;padding:1rem}._fric-comparison-title{color:var(--fric-text-secondary);align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}._fric-comparison-title svg{width:14px;height:14px;color:var(--fric-primary)}._fric-bar-row{align-items:center;gap:.625rem;padding:.3125rem 0;display:flex}._fric-bar-label{width:120px;color:var(--fric-text-secondary);text-align:right;flex-shrink:0;font-size:.75rem}._fric-bar-track{background:var(--fric-bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}._fric-bar-fill{background:var(--fric-border);border-radius:4px;height:100%;transition:width .3s}._fric-bar-result ._fric-bar-fill{background:var(--fric-primary)}._fric-bar-result ._fric-bar-label{color:var(--fric-primary);font-weight:600}._fric-bar-value{width:80px;font-size:.6875rem;font-family:var(--main-font-mono,monospace);color:var(--fric-text-muted);white-space:nowrap;flex-shrink:0}._fric-bar-result ._fric-bar-value{color:var(--fric-primary);font-weight:600}@media (max-width:480px){._fric-bar-label{width:90px;font-size:.6875rem}._fric-bar-value{width:65px;font-size:.625rem}}._fric-coeff-ref{margin-top:1.5rem}._fric-coeff-ref-toggle{background:var(--fric-bg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius-lg);width:100%;box-shadow:var(--fric-shadow);color:var(--fric-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._fric-coeff-ref-toggle:hover{opacity:.8}._fric-coeff-ref-toggle svg:first-child{width:14px;height:14px;color:var(--fric-coeff)}._fric-coeff-ref-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._fric-coeff-ref-open svg:last-child{rotate:180deg}._fric-coeff-ref-content{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:.5rem;padding:1rem;overflow-x:auto}._fric-coeff-ref-table{border-collapse:collapse;width:100%;font-size:.8125rem}._fric-coeff-ref-table th{text-align:left;color:var(--fric-text-secondary);border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:var(--fric-border);padding:.5rem .75rem;font-size:.75rem;font-weight:600}._fric-coeff-ref-table td{color:var(--fric-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fric-border);padding:.4375rem .75rem}._fric-coeff-ref-table tr:last-child td{border-bottom:none}._fric-coeff-ref-table td:nth-child(2),._fric-coeff-ref-table td:nth-child(3){font-family:var(--main-font-mono,monospace);text-align:center;font-weight:600}._fric-coeff-ref-table tr[data-static][data-kinetic]{cursor:pointer;transition:opacity .15s}._fric-coeff-ref-table tr[data-static][data-kinetic]:hover{opacity:.7}._fric-coeff-ref-use{border-radius:var(--fric-radius);color:var(--fric-primary);cursor:pointer;white-space:nowrap;background:#3b82f614;border:none;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.6875rem;font-weight:600;transition:opacity .15s;display:inline-flex}._fric-coeff-ref-use:hover{opacity:.7}._fric-reference{margin-top:.75rem}._fric-reference-toggle{background:var(--fric-bg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);border-radius:var(--fric-radius-lg);width:100%;box-shadow:var(--fric-shadow);color:var(--fric-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._fric-reference-toggle:hover{opacity:.8}._fric-reference-toggle svg:first-child{width:14px;height:14px;color:var(--fric-primary)}._fric-reference-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._fric-reference-open svg:last-child{rotate:180deg}._fric-reference-content{background:var(--fric-bg);border-radius:var(--fric-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--fric-border);box-shadow:var(--fric-shadow);margin-top:.5rem;padding:1rem;overflow-x:auto}._fric-reference-table{border-collapse:collapse;width:100%;font-size:.8125rem}._fric-reference-table th{text-align:left;color:var(--fric-text-secondary);border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:var(--fric-border);padding:.5rem .75rem;font-weight:600}._fric-reference-table td{color:var(--fric-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fric-border);font-family:var(--main-font-mono,monospace);padding:.5rem .75rem}._fric-reference-table td:first-child{width:3rem;font-size:.9375rem}._fric-reference-table tr:last-child td{border-bottom:none}