.kn2026-container{all:initial;display:block;width:100%;max-width:900px;margin:20px auto;padding:0;box-sizing:border-box}.kn2026-container *{box-sizing:border-box!important;font-family:'Poppins',Arial,sans-serif!important;font-weight:normal!important}.kn2026-container p,.kn2026-container span,.kn2026-container div,.kn2026-container li,.kn2026-container label,.kn2026-container input,.kn2026-container select,.kn2026-container textarea{font-weight:normal!important;font-size:14px;color:#444}.kn2026-container strong,.kn2026-container b{font-weight:700!important}.kn2026-container h1,.kn2026-container h2,.kn2026-container h3,.kn2026-container h4,.kn2026-container h5,.kn2026-container h6{font-weight:600!important;margin-top:0}.kn2026-container input,.kn2026-container select,.kn2026-container button,.kn2026-container textarea{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;border-radius:12px!important}.kn2026-container button{cursor:pointer!important;text-decoration:none!important;border:none}.kn2026-container{width:100%!important;margin:0 auto!important;padding:15px!important;color:#222}.kn2026-dark{background-color:#121212}.kn2026-dark .kn2026-card-header,.kn2026-dark .kn2026-input-section,.kn2026-dark .kn2026-result-container{background:#1e1e2e;box-shadow:0 8px 20px rgb(0 0 0 / .4);color:#e0e0e0}.kn2026-dark .kn2026-card-header h2,.kn2026-dark .kn2026-section-heading h4{color:#90caf9}.kn2026-dark .kn2026-card-header p,.kn2026-dark .kn2026-result-title{color:#aaa}.kn2026-dark .kn2026-input-group input,.kn2026-dark .kn2026-input-group select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.kn2026-dark .kn2026-input-group label{color:#90caf9}.kn2026-dark .kn2026-result-card{background:#2a2a3e;border-color:#444}.kn2026-dark .kn2026-result-value{color:#fff}.kn2026-dark .kn2026-breakdown-section{background:#1a2a3a}.kn2026-dark .kn2026-breakdown-section h4,.kn2026-dark .kn2026-breakdown-section li{color:#90caf9}.kn2026-dark .kn2026-calculation-steps{background:#2a1a3a}.kn2026-dark .kn2026-calculation-steps h4,.kn2026-dark .kn2026-steps-content{color:#ce93d8}.kn2026-dark .kn2026-educational-info{background:linear-gradient(135deg,#1a2e1a 0%,#1a3a1a 100%)}.kn2026-dark .kn2026-educational-info h4{color:#81c784}.kn2026-dark .kn2026-educational-info p{color:#a5d6a7}.kn2026-dark .kn2026-mode-btn{background:#2a2a3e;border-color:#444;color:#aaa}.kn2026-dark .kn2026-mode-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.kn2026-dark .kn2026-hint{color:#777}.kn2026-card-header{text-align:center;margin-bottom:20px;padding:25px 15px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgb(0 0 0 / .08);position:relative}.kn2026-card-header h2{font-size:26px;color:#1976d2;margin-bottom:10px}.kn2026-card-header p{font-size:15px;color:#666;max-width:600px;margin:0 auto;line-height:1.5}.kn2026-darkmode-btn{position:absolute;top:15px;right:15px;background:#f0f0f0;border:1px solid #ddd;border-radius:20px!important;padding:5px 15px;font-size:12px;font-weight:600!important;transition:0.3s;color:#333}.kn2026-darkmode-btn:hover{background:#1976d2;color:#fff;border-color:#1976d2}.kn2026-info-box{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff!important;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.kn2026-info-box p{color:#fff!important;margin-bottom:0;line-height:1.6}.kn2026-info-box strong{color:#fff!important}.kn2026-input-section{background:#fff;padding:25px;border-radius:16px;box-shadow:0 8px 20px rgb(0 0 0 / .05);margin-bottom:25px}.kn2026-section-heading{margin-bottom:20px;border-bottom:2px solid #e3f2fd;padding-bottom:10px}.kn2026-section-heading h4{color:#1976d2;font-size:18px;display:flex;align-items:center;gap:8px}.kn2026-mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:25px}.kn2026-mode-btn{padding:12px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px!important;font-size:14px;font-weight:600!important;transition:0.3s;color:#555}.kn2026-mode-btn.active{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.kn2026-mode-btn:hover:not(.active){background:#f0f0f0}.kn2026-input-grid{display:grid;gap:20px;margin-bottom:20px}.kn2026-input-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.kn2026-input-group{flex:1;min-width:140px}.kn2026-input-group label{display:block;margin-bottom:8px;font-weight:600!important;color:#1976d2;font-size:13px}.kn2026-input-group input{width:100%;padding:14px 16px;border:2px solid #e3f2fd;border-radius:12px;font-size:16px;transition:0.3s;background:#fff}.kn2026-input-group input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 4px rgb(25 118 210 / .1)}.kn2026-input-group input.error{border-color:#f44336}.kn2026-hint{font-size:11px;color:#888;margin-top:4px;display:block}.kn2026-ratio-symbol,.kn2026-equals-symbol{font-size:24px;font-weight:700!important;color:#1976d2;margin-top:15px}.kn2026-btn-group{display:flex;gap:15px;margin-top:30px}.kn2026-calculate-btn{flex:2;padding:16px;background:#1976d2;color:#fff;font-size:16px;font-weight:700!important;border-radius:12px!important;transition:0.3s;box-shadow:0 4px 10px rgb(25 118 210 / .2)}.kn2026-calculate-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 6px 15px rgb(25 118 210 / .3)}.kn2026-reset-btn{flex:1;padding:16px;background:#f44336;color:#fff;font-size:16px;font-weight:700!important;border-radius:12px!important;transition:0.3s;box-shadow:0 4px 10px rgb(244 67 54 / .2)}.kn2026-reset-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 6px 15px rgb(244 67 54 / .3)}.kn2026-result-container{margin-top:40px;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .1);display:none}.kn2026-result-container.show{display:block}.kn2026-result-header{text-align:center;margin-bottom:25px}.kn2026-result-header h3{font-size:24px;color:#1976d2;margin-bottom:5px}.kn2026-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.kn2026-result-card{background:#f8fbff;padding:25px;border-radius:16px;text-align:center;border:1px solid #e3f2fd;transition:0.3s}.kn2026-result-card.primary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;border:none}.kn2026-result-card.primary .kn2026-result-title,.kn2026-result-card.primary .kn2026-result-value,.kn2026-result-card.primary .kn2026-result-unit{color:#fff}.kn2026-result-title{font-size:14px;font-weight:600!important;color:#666;margin-bottom:10px}.kn2026-result-value{font-size:32px;font-weight:700!important;color:#1976d2;margin-bottom:5px}.kn2026-result-unit{font-size:14px;color:#888}.kn2026-breakdown-section{background:#e3f2fd;padding:25px;border-radius:12px;margin-bottom:20px;border-left:5px solid #1976d2}.kn2026-breakdown-section h4{color:#0d47a1;margin-bottom:15px;font-size:17px}.kn2026-breakdown-list{list-style:none;padding:0;margin:0}.kn2026-breakdown-list li{margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;color:#0d47a1;line-height:1.5}.kn2026-breakdown-list li::before{content:"✔";font-weight:700;color:#1976d2;flex-shrink:0}.kn2026-calculation-steps{background:#f3e5f5;padding:25px;border-radius:12px;margin-bottom:20px;border-left:5px solid #7b1fa2}.kn2026-calculation-steps h4{color:#4a148c;margin-bottom:15px;font-size:17px}.kn2026-steps-content{line-height:1.8;color:#4a148c}.kn2026-steps-content p{margin-bottom:12px;color:#4a148c}.kn2026-steps-content strong{color:#4a148c}.kn2026-educational-info{background:#e8f5e9;padding:25px;border-radius:12px;border-left:5px solid #2e7d32}.kn2026-educational-info h4{color:#1b5e20;margin-bottom:15px;font-size:17px}.kn2026-educational-info p{color:#1b5e20;line-height:1.7;margin-bottom:0}@media (max-width:600px){.kn2026-input-row{flex-direction:column;align-items:stretch;gap:10px}.kn2026-ratio-symbol,.kn2026-equals-symbol{margin:10px 0;text-align:center}.kn2026-btn-group{flex-direction:column}.kn2026-mode-selector{grid-template-columns:1fr}.kn2026-card-header h2{font-size:22px}}.kn2026-hidden{display:none!important}.kn2026-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:#333;color:#fff;padding:12px 25px;border-radius:30px;font-size:14px;transition:0.4s;opacity:0;z-index:1000;box-shadow:0 5px 15px rgb(0 0 0 / .3)}.kn2026-toast.show{transform:translateX(-50%) translateY(0);opacity:1}