:root{--fc-primary:var(--main-primary);--fc-primary-rgb:99, 102, 241;--fc-secondary:var(--main-secondary);--fc-text:#1f2937;--fc-text-muted:#64748b;--fc-text-light:#94a3b8;--fc-bg:#fff;--fc-bg-secondary:#f8fafc;--fc-bg-hover:#f1f5f9;--fc-border:#e2e8f0;--fc-border-focus:var(--fc-primary);--fc-shadow:0 1px 3px #0000001a;--fc-shadow-lg:0 4px 12px #0000001a;--fc-radius:var(--main-radius);--fc-radius-lg:var(--main-radius-lg);--fc-dec-color:#10b981;--fc-frac-color:#6366f1;--fc-pct-color:#f59e0b}._fc-container{max-width:600px;margin:0 auto}._fc-card{background:var(--fc-bg);border-radius:var(--fc-radius-lg);padding:var(--main-space-6);box-shadow:var(--fc-shadow);border-style:solid;border-width:1px;border-color:var(--fc-border);margin-bottom:var(--main-space-5)}._fc-label{font-size:var(--main-text-sm);color:var(--fc-text);margin-bottom:var(--main-space-2);font-weight:500;display:block}@media (max-width:768px){._fc-container{padding-left:1rem;padding-right:1rem}._fc-card{padding:var(--main-space-4)}}._fc-format-selector{margin-bottom:var(--main-space-4)}._fc-format-tabs{gap:var(--main-space-2);background:var(--fc-bg-secondary);padding:var(--main-space-1);border-radius:var(--fc-radius);display:flex}._fc-format-tab{justify-content:center;align-items:center;gap:var(--main-space-1);padding:var(--main-space-2) var(--main-space-3);color:var(--fc-text-muted);font-size:var(--main-text-sm);border-radius:var(--fc-radius);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;transition:background .15s,color .15s;display:flex}._fc-format-tab:hover{color:var(--fc-text);background:var(--fc-bg-hover)}._fc-format-tab._fc-format-active{background:var(--fc-bg);color:var(--fc-primary);box-shadow:var(--fc-shadow)}._fc-format-tab[data-format=dec]._fc-format-active{color:var(--fc-dec-color)}._fc-format-tab[data-format=frac]._fc-format-active{color:var(--fc-frac-color)}._fc-format-tab[data-format=pct]._fc-format-active{color:var(--fc-pct-color)}._fc-input-group{gap:var(--main-space-2);flex-direction:column;display:flex}._fc-input-wrap{background:var(--fc-bg);border-style:solid;border-width:2px;border-color:var(--fc-border);border-radius:var(--fc-radius);padding:0 var(--main-space-4);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}._fc-input-wrap:focus-within{border-color:var(--fc-border-focus);box-shadow:0 0 0 3px rgba(var(--fc-primary-rgb), .1)}._fc-input{padding:var(--main-space-4) 0;font-family:var(--main-font-mono);font-size:var(--main-text-2xl);color:var(--fc-text);text-align:center;background:0 0;border:none;outline:none;flex:1;min-width:0;font-weight:600}._fc-input::placeholder{color:var(--fc-text-light);font-weight:400}._fc-input-suffix{font-family:var(--main-font-mono);font-size:var(--main-text-xl);color:var(--fc-text-muted);margin-left:var(--main-space-1);font-weight:600}._fc-clear-btn{background:var(--fc-bg-secondary);width:32px;height:32px;color:var(--fc-text-muted);border-radius:var(--fc-radius);cursor:pointer;margin-left:var(--main-space-2);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._fc-clear-btn:hover{background:var(--fc-bg-hover);color:var(--fc-text)}._fc-input-hint{font-size:var(--main-text-xs);color:var(--fc-text-muted);text-align:center}._fc-examples{margin-top:var(--main-space-5)}._fc-examples-header{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--fc-text-muted);margin-bottom:var(--main-space-3);display:flex}._fc-examples-list{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._fc-example-btn{padding:var(--main-space-2) var(--main-space-3);background:var(--fc-bg);border-style:solid;border-width:1px;border-color:var(--fc-border);border-radius:var(--fc-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--fc-text);cursor:pointer;transition:background .15s,border-color .15s}._fc-example-btn:hover{background:var(--fc-bg-secondary);border-color:var(--fc-primary)}@media (max-width:480px){._fc-input{font-size:var(--main-text-xl)}._fc-format-tab{padding:var(--main-space-2);font-size:var(--main-text-xs)}._fc-format-tab span{display:none}}._fc-results{gap:var(--main-space-3);margin-bottom:var(--main-space-4);flex-direction:column;display:flex}._fc-row{align-items:center;gap:var(--main-space-4);background:var(--fc-bg);border-radius:var(--fc-radius-lg);padding:var(--main-space-4);box-shadow:var(--fc-shadow);border-style:solid;border-width:1px;border-color:var(--fc-border);transition:opacity .15s;display:flex}._fc-row.source{opacity:.6}._fc-row.error ._fc-row-value{color:var(--main-error);font-size:var(--main-text-sm);font-weight:400}._fc-row-header{align-items:center;gap:var(--main-space-2);min-width:100px;display:flex}._fc-row-icon{background:var(--fc-bg-secondary);border-radius:var(--fc-radius);width:32px;height:32px;color:var(--fc-text-muted);justify-content:center;align-items:center;display:flex}._fc-row[data-format=dec] ._fc-row-icon{color:var(--fc-dec-color);background:#10b9811a}._fc-row[data-format=frac] ._fc-row-icon{color:var(--fc-frac-color);background:#6366f11a}._fc-row[data-format=pct] ._fc-row-icon{color:var(--fc-pct-color);background:#f59e0b1a}._fc-row-name{font-size:var(--main-text-sm);color:var(--fc-text);font-weight:500}._fc-row-main{justify-content:flex-end;align-items:baseline;gap:var(--main-space-1);flex:1;display:flex}._fc-row-value{font-family:var(--main-font-mono);font-size:var(--main-text-xl);color:var(--fc-text);font-weight:700}._fc-row[data-format=dec] ._fc-row-value{color:var(--fc-dec-color)}._fc-row[data-format=frac] ._fc-row-value{color:var(--fc-frac-color)}._fc-row[data-format=pct] ._fc-row-value{color:var(--fc-pct-color)}._fc-row-suffix{font-family:var(--main-font-mono);font-size:var(--main-text-lg);color:var(--fc-text-muted);font-weight:600}._fc-row-copy{background:var(--fc-bg-secondary);width:40px;height:40px;color:var(--fc-text-muted);border-radius:var(--fc-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._fc-row-copy:hover{background:var(--fc-bg-hover);color:var(--fc-text)}._fc-row-copy.copied{background:var(--main-success);color:#fff}._fc-copy-all-wrap{text-align:center;margin-bottom:var(--main-space-5)}._fc-copy-all{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);background:var(--fc-bg);border-style:solid;border-width:1px;border-color:var(--fc-border);border-radius:var(--fc-radius);font-size:var(--main-text-sm);color:var(--fc-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:inline-flex}._fc-copy-all:hover{background:var(--fc-bg-secondary);color:var(--fc-text);border-color:var(--fc-primary)}._fc-copy-all.copied{background:var(--main-success);border-color:var(--main-success);color:#fff}@media (max-width:480px){._fc-row{gap:var(--main-space-2);flex-wrap:wrap}._fc-row-header{min-width:auto}._fc-row-main{flex:0 0 100%;order:3;justify-content:flex-start}._fc-row-value{font-size:var(--main-text-lg)}}._fc-reference{margin-top:var(--main-space-4)}._fc-reference-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-3) var(--main-space-4);background:var(--fc-bg);border-style:solid;border-width:1px;border-color:var(--fc-border);border-radius:var(--fc-radius);font-size:var(--main-text-sm);color:var(--fc-text);cursor:pointer;font-weight:500;transition:background .15s;display:flex}._fc-reference-toggle:hover{background:var(--fc-bg-secondary)}._fc-reference-toggle.active{border-bottom-right-radius:0;border-bottom-left-radius:0}._fc-toggle-icon{margin-left:auto;transition:transform .2s}._fc-reference-toggle.active ._fc-toggle-icon{transform:rotate(180deg)}._fc-reference-panel{background:var(--fc-bg);border-style:solid;border-width:1px;border-color:var(--fc-border);border-bottom-left-radius:var(--fc-radius);border-bottom-right-radius:var(--fc-radius);padding:var(--main-space-4);border-top:none}._fc-reference-panel.hidden{display:none}._fc-ref-table{gap:var(--main-space-2);flex-direction:column;display:flex}._fc-ref-header-row{gap:var(--main-space-4);padding:var(--main-space-2);font-size:var(--main-text-xs);color:var(--fc-text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 1fr 1fr;font-weight:600;display:grid}._fc-ref-row{gap:var(--main-space-4);padding:var(--main-space-2);background:var(--fc-bg-secondary);border-radius:var(--fc-radius);grid-template-columns:1fr 1fr 1fr;display:grid}._fc-ref-frac{font-family:var(--main-font-mono);color:var(--fc-frac-color);font-weight:600}._fc-ref-dec{font-family:var(--main-font-mono);color:var(--fc-dec-color)}._fc-ref-pct{font-family:var(--main-font-mono);color:var(--fc-pct-color)}@media (max-width:480px){._fc-ref-header-row,._fc-ref-row{font-size:var(--main-text-xs);gap:var(--main-space-2)}}._fc-sub-container{max-width:520px;margin:0 auto}._fc-sub-card{background:var(--fc-bg);border-radius:var(--fc-radius-lg);padding:var(--main-space-6);box-shadow:var(--fc-shadow);border-style:solid;border-width:1px;border-color:var(--fc-border);margin-bottom:var(--main-space-5)}._fc-sub-field{gap:var(--main-space-2);flex-direction:column;transition:opacity .15s;display:flex}._fc-sub-field.active ._fc-sub-input-wrap{border-color:var(--fc-border-focus);box-shadow:0 0 0 3px rgba(var(--fc-primary-rgb), .1)}._fc-sub-header{justify-content:space-between;align-items:center;gap:var(--main-space-2);display:flex}._fc-sub-label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--fc-text);font-weight:500;display:flex}._fc-sub-label-badge{background:var(--fc-bg-secondary);color:var(--fc-primary);font-size:var(--main-text-xs);border-radius:var(--fc-radius);padding:.125rem .5rem;font-weight:700;display:inline-flex}._fc-sub-hint{font-size:var(--main-text-xs);color:var(--fc-text-muted)}._fc-sub-input-wrap{background:var(--fc-bg);border-style:solid;border-width:2px;border-color:var(--fc-border);border-radius:var(--fc-radius);padding:0 var(--main-space-3);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}._fc-sub-input-wrap:focus-within{border-color:var(--fc-border-focus);box-shadow:0 0 0 3px rgba(var(--fc-primary-rgb), .1)}._fc-sub-input{padding:var(--main-space-3) 0;font-family:var(--main-font-mono);font-size:var(--main-text-lg);color:var(--fc-text);text-align:center;background:0 0;border:none;outline:none;flex:1;min-width:0;font-weight:600}._fc-sub-input::placeholder{color:var(--fc-text-light);font-weight:400}._fc-sub-suffix{font-family:var(--main-font-mono);font-size:var(--main-text-lg);color:var(--fc-text-muted);font-weight:600}._fc-sub-swap-row{padding:var(--main-space-2) 0;justify-content:center;display:flex}._fc-sub-swap{background:var(--fc-bg-secondary);width:40px;height:40px;color:var(--fc-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .3s;display:flex}._fc-sub-swap:hover{background:var(--fc-primary);color:#fff}._fc-sub-swap.swapping{transform:rotate(180deg)}._fc-sub-copy{background:var(--fc-bg-secondary);width:36px;height:36px;color:var(--fc-text-muted);border-radius:var(--fc-radius);cursor:pointer;margin-left:var(--main-space-2);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._fc-sub-copy:hover{background:var(--fc-bg-hover);color:var(--fc-text)}._fc-sub-copy.copied{background:var(--main-success);color:#fff}._fc-sub-reference{background:var(--fc-bg);border-radius:var(--fc-radius-lg);padding:var(--main-space-5);box-shadow:var(--fc-shadow);border-style:solid;border-width:1px;border-color:var(--fc-border);margin-bottom:var(--main-space-5)}._fc-sub-ref-title{font-size:var(--main-text-sm);color:var(--fc-text);margin:0 0 var(--main-space-3) 0;text-align:center;font-weight:600}._fc-sub-ref-grid{gap:var(--main-space-4);grid-template-columns:repeat(2,1fr);display:grid}._fc-sub-ref-col{gap:var(--main-space-2);flex-direction:column;display:flex}._fc-sub-ref-item{align-items:center;gap:var(--main-space-2);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--fc-text);padding:var(--main-space-2);background:var(--fc-bg-secondary);border-radius:var(--fc-radius);display:flex}._fc-sub-ref-item span:first-child{text-align:right;flex:1;font-weight:500}._fc-sub-ref-eq{color:var(--fc-text-muted)}._fc-sub-ref-item span:last-child{color:var(--fc-primary);flex:1;font-weight:600}._fc-sub-info{gap:var(--main-space-3);flex-direction:column;display:flex}._fc-sub-info-card{gap:var(--main-space-4);background:var(--fc-bg);border-radius:var(--fc-radius-lg);padding:var(--main-space-4);box-shadow:var(--fc-shadow);border-style:solid;border-width:1px;border-color:var(--fc-border);display:flex}._fc-sub-info-icon{background:rgba(var(--fc-primary-rgb), .1);width:48px;height:48px;color:var(--fc-primary);border-radius:var(--fc-radius);flex-shrink:0;justify-content:center;align-items:flex-start;padding-top:12px;display:flex}._fc-sub-info-content{flex:1;min-width:0}._fc-sub-info-title{font-size:var(--main-text-sm);color:var(--fc-text);margin:0 0 var(--main-space-1) 0;font-weight:600}._fc-sub-info-text{font-size:var(--main-text-sm);color:var(--fc-text-muted);margin:0;line-height:1.5}@media (max-width:480px){._fc-sub-container{padding-left:1rem;padding-right:1rem}._fc-sub-card{padding:var(--main-space-4)}._fc-sub-header{align-items:flex-start;gap:var(--main-space-1);flex-direction:column}._fc-sub-input{font-size:var(--main-text-base)}._fc-sub-ref-grid{grid-template-columns:1fr}._fc-sub-info-card{text-align:center;flex-direction:column;align-items:center}}