body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}@media screen and (max-width:768px){#root{padding:20px;align-items:flex-start}}@media screen and (max-width:480px){#root{padding:15px}}*{margin:0;padding:0;box-sizing:border-box}.container{background:#fffffff2;border-radius:20px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:850px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:3.5em;color:#667eea;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1em;color:#666;margin-bottom:40px}.range-options{margin-bottom:25px;text-align:left}.range-label{font-size:1.1em;font-weight:600;color:#667eea;margin-bottom:15px;display:block}.radio-group{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap;align-items:center}.radio-option{display:flex;align-items:center;cursor:pointer;padding:10px 16px;border-radius:10px;transition:all .3s ease;background:#667eea0d;white-space:nowrap}.radio-option:hover{background:#667eea26;transform:translateY(-2px)}.radio-option input[type=radio],.radio-option input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer;accent-color:#667eea;flex-shrink:0}.radio-option label{font-size:.95em;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none}.operator-group{display:flex;gap:15px;justify-content:flex-start;flex-wrap:wrap;align-items:center}.input-section{margin-bottom:30px}.input-box{width:100%;padding:20px;font-size:2em;text-align:center;border:3px solid #667eea;border-radius:15px;outline:none;transition:all .3s ease;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.input-box:focus{border-color:#764ba2;box-shadow:0 0 20px #667eea4d;transform:translateY(-2px)}.input-box::placeholder{color:#ccc;letter-spacing:normal}.hint{margin-top:10px;font-size:.9em;color:#888}.generate-btn{margin-top:15px;padding:10px 20px;font-size:1em;color:#667eea;background:transparent;border:2px solid #667eea;border-radius:10px;cursor:pointer;transition:all .3s ease}.generate-btn:hover{background:#667eea1a;transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.calc-button{width:100%;padding:18px;font-size:1.8em;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.calc-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea99}.calc-button:active{transform:translateY(-1px)}.calc-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.result-section{margin-top:40px;padding:30px;background:#667eea1a;border-radius:15px;min-height:150px;display:none}.result-section.show{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-title{font-size:1.3em;font-weight:600;color:#667eea;margin-bottom:20px}.solution{font-size:1.2em;color:#333;line-height:1.8;text-align:left;padding:15px;background:#fff;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 8px #0000001a}.no-solution{font-size:1.2em;color:#e74c3c;font-weight:600}.error{color:#e74c3c;font-size:1em;margin-top:10px}@media screen and (max-width:1024px){.container{padding:40px 30px;max-width:700px}h1{font-size:2.8em}.subtitle{font-size:1em}.radio-option label{font-size:.9em}.input-box{font-size:1.8em;padding:18px}.calc-button{font-size:1.6em;padding:16px}.solution{font-size:1.1em}}@media screen and (max-width:768px){.container{padding:30px 20px;border-radius:15px;max-width:100%}h1{font-size:2.2em;margin-bottom:8px}.subtitle{font-size:.95em;margin-bottom:30px}.range-options{margin-bottom:20px}.range-label{font-size:1em;margin-bottom:12px}.radio-group{gap:12px;flex-direction:column;align-items:flex-start}.radio-option{padding:8px 12px;width:100%}.radio-option label{font-size:.85em;white-space:normal;line-height:1.4}.operator-group{gap:10px}.input-box{font-size:1.5em;padding:15px;border-width:2px}.hint{font-size:.85em}.calc-button{font-size:1.4em;padding:14px}.generate-btn{padding:8px 16px;font-size:.95em}.result-section{margin-top:30px;padding:20px;min-height:120px}.result-title{font-size:1.1em;margin-bottom:15px}.solution{font-size:1em;padding:12px;line-height:1.6}.no-solution{font-size:1.1em}.error{font-size:.95em}}@media screen and (max-width:480px){.container{padding:20px 15px}h1{font-size:1.8em}.subtitle{font-size:.9em;margin-bottom:25px}.range-label{font-size:.95em}.radio-option{padding:6px 10px}.radio-option label{font-size:.8em}.radio-option input[type=radio],.radio-option input[type=checkbox]{width:16px;height:16px}.input-box{font-size:1.3em;padding:12px}.calc-button{font-size:1.2em;padding:12px}.generate-btn{padding:6px 12px;font-size:.9em}.result-section{padding:15px}.solution{font-size:.95em;padding:10px}}