.container{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;padding-bottom:20px}.header h1{font-size:48px;font-weight:900;margin-bottom:12px;background:linear-gradient(135deg,#6C63FF,#00D9FF);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:-.5px}.header p{font-size:18px;color:#7F8C8D;margin:0}body.dark-mode .header p{color:#AAB0C0}.mode-toggle{display:flex;gap:12px;margin-bottom:30px;background:#f5f7fa;padding:8px;border-radius:12px;align-items:center;justify-content:center}body.dark-mode .mode-toggle{background:#1a1d2e}.mode-btn{flex:1;padding:14px 20px;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all 0.3s ease;background:#fff0;color:#7F8C8D;white-space:nowrap;text-align:center}body.dark-mode .mode-btn{color:#AAB0C0}.mode-btn:hover{background:rgb(108 99 255 / .1);color:#6C63FF}body.dark-mode .mode-btn:hover{color:#00D9FF}.mode-btn.active{background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;box-shadow:0 4px 12px rgb(108 99 255 / .3)}.simple-calculator{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px rgb(0 0 0 / .08)}body.dark-mode .simple-calculator{background:#252837}.input-group{margin-bottom:30px}.input-group label{display:block;font-size:18px;font-weight:600;margin-bottom:12px;color:#2c3e50}body.dark-mode .input-group label{color:#ECF0F1}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{flex:1;padding:16px 50px 16px 20px;border:3px solid #E0E0E0;border-radius:12px;font-size:20px;font-weight:600;transition:0.3s ease}body.dark-mode .input-with-unit input{background:#1a1d2e;color:#ECF0F1;border-color:#3a4050}.input-with-unit input:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 4px rgb(108 99 255 / .15)}body.dark-mode .input-with-unit input:focus{border-color:#00D9FF;box-shadow:0 0 0 4px rgb(0 217 255 / .15)}.input-with-unit .unit{position:absolute;right:20px;font-size:20px;font-weight:700;color:#6C63FF}body.dark-mode .input-with-unit .unit{color:#00D9FF}.calculate-btn{width:100%;padding:18px;background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:18px;cursor:pointer;transition:0.3s ease;margin-top:10px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(108 99 255 / .4)}.simple-result{margin-top:30px;padding:30px;border-radius:16px;animation:slideUp 0.5s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.simple-result.achievable{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 8px 24px rgb(17 153 142 / .3)}.simple-result.achieved{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 24px rgb(102 126 234 / .3)}.simple-result.challenging{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 8px 24px rgb(240 147 251 / .3)}.simple-result.impossible{background:#e74c3c;color:#fff;box-shadow:0 8px 24px rgb(231 76 60 / .3)}.simple-result.error{background:linear-gradient(135deg,#c33764,#1d2671);color:#fff;box-shadow:0 8px 24px rgb(195 55 100 / .3)}.result-icon{font-size:48px;text-align:center;margin-bottom:15px}.result-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:15px;line-height:1.3}.result-message{font-size:16px;line-height:1.6;text-align:center;margin-bottom:15px}.result-detail{font-size:14px;text-align:center;padding:12px;background:rgb(255 255 255 / .2);border-radius:8px;margin-top:15px}.result-assessment{font-size:15px;text-align:center;padding:10px;background:rgb(255 255 255 / .2);border-radius:8px;margin-top:15px}.result-assessment strong{font-size:16px}.advanced-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:20px;margin-bottom:25px;text-align:center}body.dark-mode .advanced-info{background:linear-gradient(135deg,#2d3748,#1a202c)}.advanced-info p{margin:0;color:#2c3e50;font-size:15px}body.dark-mode .advanced-info p{color:#ECF0F1}#categoriesContainer{margin-bottom:30px}.category-input{background:#fff;border:2px solid #E0E0E0;border-radius:12px;padding:18px;margin-bottom:15px;transition:0.3s ease}body.dark-mode .category-input{background:#252837;border-color:#3a4050}.category-input:hover{border-color:#6C63FF;box-shadow:0 4px 12px rgb(108 99 255 / .15)}.category-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:center}@media (max-width:768px){.category-row{grid-template-columns:1fr}}.category-row input{padding:12px;border:2px solid #E0E0E0;border-radius:8px;font-size:14px;transition:0.3s ease}body.dark-mode .category-row input{background:#1a1d2e;color:#ECF0F1;border-color:#3a4050}.category-row input:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 3px rgb(108 99 255 / .15)}body.dark-mode .category-row input:focus{border-color:#00D9FF;box-shadow:0 0 0 3px rgb(0 217 255 / .15)}.add-btn{width:100%;padding:15px;background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:0.3s ease;margin-bottom:30px}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(108 99 255 / .3)}.delete-btn{padding:10px 14px;background:#f5576c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:18px;transition:0.3s ease}.delete-btn:hover{background:#d63447;transform:scale(1.05)}.remaining-weight-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:16px;padding:30px;margin-bottom:30px}body.dark-mode .remaining-weight-box{background:linear-gradient(135deg,#2d3748,#1a202c)}.remaining-weight-box h3{font-size:20px;color:#6C63FF;margin-bottom:10px;font-weight:700}body.dark-mode .remaining-weight-box h3{color:#00D9FF}.remaining-weight-box p{color:#7F8C8D;margin-bottom:15px;font-size:14px}body.dark-mode .remaining-weight-box p{color:#AAB0C0}.remaining-weight-box input{width:100%;padding:14px;border:2px solid #6C63FF;border-radius:10px;font-size:16px;font-weight:600;transition:0.3s ease;box-sizing:border-box}body.dark-mode .remaining-weight-box input{background:#1a1d2e;color:#ECF0F1;border-color:#00D9FF}.remaining-weight-box input:focus{outline:none;box-shadow:0 0 0 3px rgb(108 99 255 / .25)}.result-box{background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 12px 30px rgb(108 99 255 / .3);margin:30px 0;animation:slideUp 0.5s ease;width:100%;box-sizing:border-box}.result-box h2{font-size:18px;margin-bottom:20px;font-weight:600;opacity:.95;text-transform:uppercase;letter-spacing:1px}.result-grade{font-size:72px;font-weight:900;margin:10px 0 20px 0;letter-spacing:-3px;text-shadow:0 4px 15px rgb(0 0 0 / .25);line-height:1}.result-details{display:flex;justify-content:center;gap:20px;margin-top:25px;flex-wrap:wrap}.detail-item{background:rgb(255 255 255 / .15);padding:20px 30px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);flex:1;min-width:140px;max-width:200px}.detail-label{font-size:11px;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.detail-value{font-size:32px;font-weight:900;line-height:1}.target-section{background:#fff;border-radius:16px;padding:40px;margin-top:30px;box-shadow:0 4px 20px rgb(0 0 0 / .08)}body.dark-mode .target-section{background:#252837}.target-section h3{font-size:24px;color:#2c3e50;margin-bottom:30px;font-weight:700;text-align:center}body.dark-mode .target-section h3{color:#ECF0F1}.target-row{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.target-row label{display:block;font-size:18px;font-weight:600;margin-bottom:12px;color:#2c3e50;text-align:center}body.dark-mode .target-row label{color:#ECF0F1}.target-row select{width:100%;max-width:350px;padding:16px 50px 16px 20px;border:3px solid #E0E0E0;border-radius:12px;font-size:20px;font-weight:600;color:#2c3e50;background:#fff;cursor:pointer;transition:0.3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236C63FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:20px;box-sizing:border-box;text-align:center;text-align-last:center}body.dark-mode .target-row select{background-color:#1a1d2e;color:#ECF0F1;border-color:#3a4050;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300D9FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.target-row select:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 4px rgb(108 99 255 / .15)}body.dark-mode .target-row select:focus{border-color:#00D9FF;box-shadow:0 0 0 4px rgb(0 217 255 / .15)}.goal-result{margin-top:30px;padding:30px;border-radius:16px;animation:slideUp 0.5s ease;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none!important;background-image:none!important}.goal-result.achievable,.target-section .goal-result.achievable,#goalResult.achievable{background:#27ae60!important;background-image:none!important;color:white!important;box-shadow:0 8px 24px rgb(39 174 96 / .3)!important}.goal-result.achieved,.target-section .goal-result.achieved,#goalResult.achieved{background:#8e44ad!important;background-image:none!important;color:white!important;box-shadow:0 8px 24px rgb(142 68 173 / .3)!important}.goal-result.challenging,.target-section .goal-result.challenging,#goalResult.challenging{background:#e91e63!important;background-image:none!important;color:white!important;box-shadow:0 8px 24px rgb(233 30 99 / .3)!important}.goal-result.impossible,.target-section .goal-result.impossible,#goalResult.impossible{background:#e74c3c!important;background-image:none!important;color:white!important;box-shadow:0 8px 24px rgb(231 76 60 / .3)!important}.goal-result strong{font-weight:700;font-size:18px}@media (max-width:768px){.simple-calculator,.target-section{padding:25px}.input-group label,.target-row label{font-size:16px}.input-with-unit input,.target-row select{font-size:18px;padding:14px 45px 14px 16px}.input-with-unit .unit{font-size:18px;right:16px}.result-icon{font-size:36px}.result-title{font-size:22px}.result-message{font-size:14px}.mode-toggle{flex-direction:column;gap:8px}.mode-btn{width:100%}.result-box{padding:30px 20px}.result-grade{font-size:48px}.result-details{flex-direction:column;align-items:center}.detail-item{max-width:100%;width:100%}.target-section h3{font-size:20px}.header h1{font-size:32px}.header p{font-size:16px}.goal-result .result-title{font-size:22px}.goal-result .result-message{font-size:14px}}@media (max-width:480px){.category-row{grid-template-columns:1fr}.result-grade{font-size:40px}.detail-value{font-size:24px}.result-title,.goal-result .result-title{font-size:20px}.target-section{padding:20px}.target-row select{font-size:16px;padding:14px 45px 14px 14px}.goal-result{padding:20px}}