:root{font-family:ui-sans-serif,system-ui,Arial,sans-serif}.container{max-width:680px;margin:3rem auto;padding:1.25rem}h1{margin-bottom:1rem}form{gap:.75rem;margin-bottom:.5rem;display:grid}.row{grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem;display:grid}label{gap:.25rem;display:grid}input,select,button{padding:.6rem .7rem;font-size:1rem}button{cursor:pointer;background:#f8fafc;border:1px solid #00000026;border-radius:.5rem;transition:background .15s}button:hover{background:#f1f5f9}button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}#convert{background:#37ed13a0;border-color:#00000080}#convert:hover{background:#3bca1e96;border-color:#40fb1bad}#swap-btn{padding-inline:.75rem}#status{color:#666;min-height:1.25rem}#result-row{align-items:center;gap:.5rem;margin-top:.25rem;display:flex}#result{margin-top:.5rem;display:block}.result-output{font-size:1.1rem;font-weight:600}#copy-btn{padding:.4rem .6rem;font-size:.95rem}#rate-preview{color:#555;margin-top:.25rem;font-size:.95rem}.footnote{color:#777;font-size:.9rem}.status{border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.status[data-status=info]{color:#1e3a8a;background:#dbeafe}.status[data-status=success]{color:#065f46;background:#d1fae5}.status[data-status=error]{color:#7f1d1d;background:#fee2e2}.inline-error{color:#b91c1c}button.is-loading{pointer-events:none;opacity:.7;position:relative}button.is-loading:after{content:"";border:2px solid #0003;border-top-color:#000000b3;border-radius:50%;width:.9em;height:.9em;animation:.8s linear infinite spin;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.spinner{border:2px solid #00000026;border-top-color:#0009;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){button.is-loading:after,.spinner{animation:none}}#debug-link{color:#999;opacity:.4;z-index:50;font-size:.8rem;text-decoration:none;transition:opacity .2s,color .2s;position:fixed;bottom:6px;right:10px}#debug-link:hover,#debug-link:focus{opacity:.85;color:#666}#debug-panel{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#debug-panel .debug-box{color:#111;background:#fff;border-radius:8px;width:90%;max-width:650px;height:75%;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;box-shadow:0 0 12px #00000040}#debug-panel h3{margin-top:0;margin-bottom:.25rem}#debug-panel button{margin-right:.5rem}.debug-legend{gap:.5rem;margin:.75rem 0;display:flex}.badge{color:#fff;-webkit-user-select:none;user-select:none;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.level-info{background:#3b82f6}.level-warn{background:#f59e0b}.level-error{background:#ef4444}.debug-content{color:#111;flex-direction:column;gap:.35rem;margin-top:.5rem;font-size:.85rem;display:flex}.log-line{border-bottom:1px solid #0000000d;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding-bottom:.2rem;line-height:1.3;display:flex}.log-time{color:#6b7280}.log-name{font-weight:600}.log-error{color:#dc2626;font-weight:500}.log-level{color:#fff;border-radius:3px;padding:0 .3rem;font-size:.75rem;font-weight:600}.log-level.level-info{background:#3b82f6}.log-level.level-warn{background:#f59e0b}.log-level.level-error{background:#ef4444}@media (prefers-color-scheme:dark){#debug-link{color:#bbb}#debug-link:hover,#debug-link:focus{color:#eee;opacity:.9}#debug-panel .debug-box{color:#f1f5f9;background:#1f2937;box-shadow:0 0 12px #ffffff26}.debug-content{color:#f3f4f6}.log-line{border-bottom:1px solid #ffffff1a}.log-time{color:#9ca3af}.log-error{color:#f87171}.badge.level-info{background:#60a5fa}.badge.level-warn{background:#fbbf24}.badge.level-error{background:#f87171}}