:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{width:100%;min-height:100vh}button,input,select,textarea{font-size:16px}*{-webkit-overflow-scrolling:touch}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app{min-height:100vh;background:linear-gradient(135deg,#003d82,#0056b3);padding:12px;display:flex;justify-content:center;align-items:flex-start}.container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:20px;width:100%;max-width:800px;margin:0 auto}.logo-container{display:flex;justify-content:center;align-items:center;margin:0 0 24px;padding:16px 0}.logo{max-width:100%;height:auto;max-height:70px}.message{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:16px;line-height:1.5;font-weight:500}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}label{font-weight:600;color:#1a1a1a;font-size:16px;line-height:1.4}label.required:after{content:" *";color:#e74c3c;font-weight:700}input[type=text],input[type=number]{padding:16px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:17px;font-family:inherit;transition:all .2s ease;background:#fff;color:#1a1a1a;min-height:52px;-webkit-appearance:none;appearance:none}select{padding:16px 45px 16px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:17px;font-family:inherit;transition:all .2s ease;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23003d82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 10px;color:#1a1a1a;min-height:52px;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}select:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23003d82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}input[type=text]:disabled,input[type=number]:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6;color:#999}select:disabled{background-color:#f5f5f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");cursor:not-allowed;opacity:.6;color:#999}.properties-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.btn-add{padding:14px 20px;background-color:#003d82;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;white-space:nowrap;box-shadow:0 2px 8px #003d8233}.btn-add:active{background-color:#002d5a;transform:scale(.98);box-shadow:0 1px 4px #003d824d}.property-item{background-color:#f8f9fa;padding:18px;border-radius:12px;margin-bottom:16px;border:2px solid #e8e8e8}.property-row{display:flex;gap:12px;margin-bottom:16px;align-items:stretch}.property-select{flex:1;min-height:52px;padding-right:45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23003d82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 10px}.btn-remove{padding:0;background-color:#e74c3c;color:#fff;border:none;border-radius:10px;font-size:24px;cursor:pointer;transition:all .2s ease;min-width:52px;min-height:52px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e74c3c33}.btn-remove:active{background-color:#c0392b;transform:scale(.95);box-shadow:0 1px 4px #e74c3c4d}.property-inputs{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.property-value,.property-unit{width:100%;min-height:52px}.chemical-composition,.standard-property{margin-top:16px}.chemical-elements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.chemical-elements-header label{font-size:16px;font-weight:600}.btn-add-small{padding:12px 18px;background-color:#003d82;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px;white-space:nowrap;box-shadow:0 2px 6px #003d8233}.btn-add-small:active{background-color:#002d5a;transform:scale(.98);box-shadow:0 1px 4px #003d824d}.chemical-element-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:center}.standard-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;margin-bottom:12px;align-items:center}.element-symbol{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;text-transform:uppercase;min-height:52px}.element-symbol:is(select){text-transform:none;width:100%;background:#fff;cursor:pointer}.element-symbol:focus,.element-symbol:is(select):focus{outline:none;border-color:#003d82;box-shadow:0 0 0 3px #003d821a}.standard-select{padding:14px 45px 14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;width:100%;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23003d82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 10px;cursor:pointer;text-transform:none;min-height:52px;-webkit-appearance:none;appearance:none}.standard-select:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.standard-number{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;width:100%;min-height:52px}.standard-number:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.physical-mechanical-property{margin-top:16px}.input-type-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.input-type-selector label{font-weight:600;color:#1a1a1a;font-size:16px}.type-select{padding:14px 45px 14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:52px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23003d82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 10px}.type-select:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.graph-input{display:flex;flex-direction:column;gap:16px}.graph-label{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;width:100%;min-height:52px}.graph-label:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.graph-points-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.graph-points-header label{font-size:16px;font-weight:600}.graph-point-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:12px;align-items:center}.graph-point-input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;min-height:52px}.graph-point-input:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.graph-formula{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;width:100%;min-height:52px}.graph-formula:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.element-value{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .2s ease;min-height:52px}.element-value:focus{outline:none;border-color:#003d82;box-shadow:0 0 0 4px #003d8226;background-color:#fafafa}.btn-remove-small{padding:0;background-color:#e74c3c;color:#fff;border:none;border-radius:10px;font-size:20px;cursor:pointer;transition:all .2s ease;min-width:48px;min-height:48px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #e74c3c33}.btn-remove-small:active{background-color:#c0392b;transform:scale(.95);box-shadow:0 1px 4px #e74c3c4d}.btn-submit{padding:18px 32px;background:linear-gradient(135deg,#003d82,#0056b3);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:24px;min-height:56px;width:100%;box-shadow:0 4px 16px #003d824d;letter-spacing:.3px}.btn-submit:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #003d8266}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-point{margin-top:8px;width:100%}.btn-add-property{margin-top:16px;width:100%}@media(min-width:768px){.container{padding:40px}h1{font-size:32px}.property-inputs{grid-template-columns:1fr 1fr 1fr}.chemical-element-row{grid-template-columns:2fr 1fr 1fr auto}}@media(min-width:1024px){.container{padding:50px;max-width:900px}h1{font-size:36px}.form{gap:24px}}@media(max-width:767px){.app{padding:8px}.container{padding:16px;margin:0 auto;border-radius:12px}.logo-container{margin-bottom:20px;padding:12px 0}.logo{max-height:60px}.message{padding:12px 16px;font-size:15px;margin-bottom:16px}.form{gap:20px}label{font-size:15px}input[type=text],input[type=number],select{padding:14px 16px;font-size:16px;min-height:48px}.properties-header{flex-direction:column;align-items:stretch;gap:12px}.btn-add{width:100%;padding:14px 20px;font-size:16px;min-height:48px}.property-item{padding:16px;margin-bottom:14px}.property-row{flex-direction:column;gap:12px}.btn-remove{width:100%;min-height:48px}.property-inputs,.chemical-element-row,.standard-row,.graph-point-row{grid-template-columns:1fr;gap:12px}.input-type-selector{flex-direction:column;align-items:stretch;gap:12px}.type-select{width:100%}.btn-remove-small{width:100%;min-height:48px}.btn-submit{padding:16px 24px;font-size:17px;min-height:52px;margin-top:20px}.chemical-elements-header,.graph-points-header{flex-direction:column;align-items:stretch;gap:12px}}