:root{--pc-primary:#6366f1;--pc-primary-light:#6366f11a;--pc-text:#1e293b;--pc-text-muted:#64748b;--pc-text-light:#94a3b8;--pc-bg:#fff;--pc-bg-subtle:#f8fafc;--pc-bg-hover:#f1f5f9;--pc-border:#e2e8f0;--pc-input-bg:#f1f5f9;--pc-input-focus-bg:#fff;--pc-result-bg:linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);--pc-result-text:#4338ca;--pc-result-light-bg:#4338ca1a;--pc-success:#10b981;--pc-success-bg:#10b9811a;--pc-error:#ef4444;--pc-error-bg:#ef44441a;--pc-shadow:0 1px 3px #00000014, 0 4px 12px #0000000d;--pc-shadow-lg:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--pc-radius:8px;--pc-radius-lg:12px;--pc-radius-xl:16px}._pc-container{flex-direction:column;gap:1rem;max-width:540px;margin:0 auto;display:flex}@media (max-width:768px){._pc-container{padding-left:1rem;padding-right:1rem}}._pc-card{background:var(--pc-bg);border-radius:var(--pc-radius-xl);box-shadow:var(--pc-shadow)}._pc-card-title{color:var(--pc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--pc-border);flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;display:flex}._pc-card-title-highlight{color:var(--pc-primary);font-weight:700}._pc-card-content{padding:1.25rem}@media (max-width:480px){._pc-card-title{padding:.75rem 1rem;font-size:.8125rem}._pc-card-content{padding:1rem}}._pc-input-row{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}._pc-label{color:var(--pc-text);white-space:nowrap;font-size:.9375rem;font-weight:500}._pc-input{width:90px;color:var(--pc-text);background:var(--pc-bg);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius);text-align:center;padding:.5rem .75rem;font-size:1rem;font-weight:600;transition:all .15s}._pc-input:hover{border-color:var(--pc-text-light)}._pc-input:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px var(--pc-primary-light);outline:none}._pc-input::placeholder{color:var(--pc-text-light);font-weight:500}._pc-input-sm{width:72px}._pc-select{color:var(--pc-text);background:var(--pc-bg);border-style:solid;border-width:1.5px;border-color:var(--pc-border);border-radius:var(--pc-radius);cursor:pointer;padding:.5rem .75rem;font-size:.9375rem;font-weight:600;transition:all .15s}._pc-select:hover{border-color:var(--pc-text-light)}._pc-select:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px var(--pc-primary-light);outline:none}._pc-input-dropdown{position:relative}._pc-input-has-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2394a3b8'%3E%3Cpath d='M4.47 5.47a.75.75 0 0 1 1.06 0L8 7.94l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px;padding-right:1.75rem}._pc-dropdown{background:var(--pc-bg);border-radius:var(--pc-radius);min-width:100%;box-shadow:var(--pc-shadow-lg);z-index:10;display:none;position:absolute;top:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%)}._pc-dropdown._pc-dropdown-open{display:block}._pc-dropdown-item{width:100%;color:var(--pc-text);text-align:center;cursor:pointer;background:0 0;border-width:0;padding:.5rem .875rem;font-size:.875rem;font-weight:600;transition:background-color .1s;display:block}._pc-dropdown-item:hover{background:var(--pc-bg-hover)}._pc-dropdown-item:focus-visible{background:var(--pc-bg-hover);outline:none}._pc-swap-btn{width:32px;height:32px;color:var(--pc-text-light);background:var(--pc-bg-subtle);border-radius:var(--pc-radius);cursor:pointer;border-width:0;justify-content:center;align-items:center;transition:all .15s;display:flex}._pc-swap-btn:hover{color:var(--pc-primary);background:var(--pc-primary-light)}._pc-swap-btn svg{width:16px;height:16px}._pc-result-row{background:var(--pc-result-bg);border-radius:var(--pc-radius-lg);align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}._pc-result-symbol{color:var(--pc-text-light);font-size:1.25rem;font-weight:600}._pc-result-value{color:var(--pc-result-text);letter-spacing:-.025em;font-size:1.75rem;font-weight:700}._pc-result-unit{color:var(--pc-result-text);opacity:.7;font-size:1.125rem;font-weight:600}._pc-result-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;margin-left:.25rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:none}._pc-result-badge._pc-badge-increase{background:var(--pc-success-bg);color:var(--pc-success);display:inline-block}._pc-result-badge._pc-badge-decrease{background:var(--pc-error-bg);color:var(--pc-error);display:inline-block}._pc-copy-btn{width:36px;height:36px;color:var(--pc-result-text);border-radius:var(--pc-radius);cursor:pointer;opacity:.7;background:#fff9;border-width:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:flex}._pc-copy-btn:hover{opacity:1;background:#ffffffe6}._pc-copy-btn svg{width:18px;height:18px}._pc-formula{color:var(--pc-text-muted);background:var(--pc-bg-subtle);border-radius:var(--pc-radius);border-style:dashed;border-width:1px;border-color:var(--pc-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:.875rem;padding:.75rem 1rem;font-size:.875rem;display:flex}._pc-formula:empty{display:none}._pc-formula-num{font-weight:600;font-family:var(--main-font-mono);color:var(--pc-primary);background:var(--pc-primary-light);border-radius:4px;padding:.1875rem .5rem}._pc-formula-op{color:var(--pc-text-light);font-weight:500}._pc-formula-eq{color:var(--pc-text-muted);font-weight:600}._pc-formula-result{font-weight:700;font-family:var(--main-font-mono);color:var(--pc-result-text);background:var(--pc-result-light-bg);border-radius:4px;padding:.1875rem .5rem}._pc-example{margin-top:.75rem}._pc-example-toggle{color:var(--pc-text-muted);border-radius:var(--pc-radius);cursor:pointer;background:0 0;border-width:0;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:color .15s;display:flex}._pc-example-toggle:hover{color:var(--pc-primary)}._pc-example-toggle svg{width:14px;height:14px}._pc-example-icon{margin-left:auto;transition:transform .2s}._pc-example-icon svg{width:12px;height:12px}._pc-example._pc-example-open ._pc-example-icon{transform:rotate(180deg)}._pc-example-content{color:var(--pc-text-muted);background:var(--pc-bg-subtle);border-radius:var(--pc-radius);border-left-style:solid;border-left-width:3px;border-left-color:var(--pc-primary);margin-top:.25rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;display:none}._pc-example._pc-example-open ._pc-example-content{display:block}._pc-example-content p{margin:0}@media (max-width:480px){._pc-input-row{gap:.5rem}._pc-label{font-size:.875rem}._pc-input{width:72px;padding:.5rem .625rem;font-size:.9375rem}._pc-input-sm{width:60px}._pc-result-row{padding:.875rem 1rem}._pc-result-value{font-size:1.5rem}._pc-formula{padding:.625rem .875rem;font-size:.75rem}._pc-example-toggle{padding:.375rem .5rem;font-size:.6875rem}._pc-example-content{padding:.625rem .75rem;font-size:.75rem}}._pc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._pc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._pc-input[type=number]{-moz-appearance:textfield}