/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 16 2025 | 01:54:22 */
.calc-wrapper { max-width:340px; margin:24px auto; padding:16px; background:#141619; border-radius:12px; font-family:Segoe UI,Roboto,Arial; color:#fff; }
.calc-display { background:#0f1416; padding:12px; border-radius:8px; margin-bottom:12px; text-align:right; }
.calc-display input { width:100%; border:0; background:transparent; color:#0ff; font-size:28px; font-weight:600; outline:none; letter-spacing:0.5px; }
.calc-buttons { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.calc-buttons button { padding:12px 8px; border-radius:8px; border:0; background:#26292c; color:#fff; font-size:16px; cursor:pointer; transition:0.1s; }
.calc-buttons button:active { transform: scale(0.97); }
.calc-buttons button:hover { background:#33363a; }
.active-operator { box-shadow:0 0 10px #00bcd4; border:2px solid rgba(0,188,212,0.25); background:#1a1f22 !important; }
button[data-op="r2"], button[data-op="r0"] { color:#0ff; background:#23272a; }
.calc-footer { text-align: center; margin-top: 10px; font-size: 13px; color: #aaa; font-style: italic; border-top: 1px solid #2b2f32; padding-top: 8px; opacity: 0.8; transition: opacity 0.3s; }
.calc-footer:hover { opacity: 1; }
.calc-footer a { color: #0ff; text-decoration: none; font-weight: 500; }
.calc-footer a:hover { text-decoration: underline; color: #00eaff; }
.howto-table { width: 100%; border-collapse: collapse; background: #141619; color: #e6e6e6; font-family: Segoe UI, Roboto, Arial; margin: 24px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 0 12px rgba(0, 255, 255, 0.08); }
.howto-table th,
.howto-table td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,0.06); vertical-align: top;font-size: 15px; }
.howto-table th.title-cell { background: #0f1416; font-size: 17px; text-align: center; font-weight: 700; color: #00eaff; border-bottom: 2px solid rgba(0,255,255,0.25); padding: 14px; }
.howto-table tr:nth-child(even) td { background: #181b1e; }
.howto-table tr:nth-child(odd) td { background: #141619; }
.howto-table td:first-child { width: 40%; font-weight: 500; }
.howto-table tr:hover td { background: #1d2124; }
.howto-table sup { font-size: 12px; }
.howto-table td br { line-height: 1.6; }