:root{--ncp-primary:#46757e;--ncp-primary-dark:#375a61;--ncp-bg:#fff;--ncp-bg-alt:#f8fafc;--ncp-text:#1e293b;--ncp-text-light:#64748b;--ncp-border:#e2e8f0}.ncp-wrapper{all:initial;display:block;box-sizing:border-box}.number-converter-container{max-width:600px;margin:40px auto;padding:30px;background:var(--ncp-bg);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);font-family:'Helvetica Neue',Arial,sans-serif}.number-converter-container h2{font-size:1.5rem;color:var(--ncp-text);text-align:center;margin-bottom:30px}.ncp-field-group{display:flex;border:2px solid var(--ncp-border);border-radius:10px;overflow:hidden;transition:border-color .3s;background:#fff}.ncp-field-group:focus-within{border-color:var(--ncp-primary)}#ncp-input-base{flex:0 0 120px;background:var(--ncp-bg-alt);border:none;border-right:1px solid var(--ncp-border);padding:12px;font-size:.95rem;color:var(--ncp-primary);font-weight:600;cursor:pointer}#ncp-input-number{flex:1;min-width:0;padding:12px 15px;font-size:1.1rem;border:none!important;outline:none!important;color:var(--ncp-text);display:block!important;height:auto;background:transparent}.ncp-button-group{margin-top:10px;display:flex;justify-content:flex-end}.ncp-secondary-btn{background:none;border:none;color:var(--ncp-text-light);cursor:pointer;font-size:.85rem;text-decoration:underline}.ncp-results-container{margin-top:30px;display:flex;flex-direction:column;gap:12px}.ncp-result-item{background:var(--ncp-bg-alt);padding:15px;border-radius:10px;border:1px solid transparent;transition:.2s}.ncp-result-item:hover{border-color:var(--ncp-border);background:#fff}.ncp-label{font-size:.75rem;font-weight:bold;color:var(--ncp-text-light);margin-bottom:5px;display:block}.ncp-value-box{display:flex;justify-content:space-between;align-items:center;gap:10px}.ncp-value{font-family:'Courier New',Courier,monospace;font-size:1rem;color:var(--ncp-primary);word-break:break-all}.ncp-copy-btn{background:var(--ncp-primary);color:#fff;border:none;padding:5px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:.2s}.ncp-copy-btn:hover{background:var(--ncp-primary-dark)}.ncp-copy-btn.copied{background:#10b981}.ncp-placeholder-msg,.ncp-error{text-align:center;padding:40px 0;color:var(--ncp-text-light)}.ncp-error{color:#ef4444;font-size:.9rem}@media (max-width:480px){.ncp-field-group{flex-direction:column}#ncp-input-base{flex:none;border-right:none;border-bottom:1px solid var(--ncp-border)}}