*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;margin:0}#root{min-height:100vh}input,button{font-family:inherit}input,button{border:none;outline:none}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:0;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 20px 40px #0000001a}h1{color:#333;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.description{color:#666;margin-bottom:2rem;line-height:1.6;font-size:1.1rem}.input-section{display:flex;margin-bottom:2rem;justify-content:center;align-items:center}.registration-input{padding:1.2rem;font-size:1.3rem;border:3px solid #ddd;border-radius:12px;width:350px;text-align:center;transition:all .3s ease;font-weight:500;letter-spacing:1px}.registration-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 20px #667eea4d;transform:scale(1.02)}.error{background:#ff4757;color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.result{background:#2ed573;color:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 10px 30px #2ed57333}.result h2{margin-top:0;margin-bottom:1.5rem;font-size:1.8rem}.result-item{margin-bottom:1rem;line-height:1.6;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.result-item:first-child{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.result-item:last-child{font-size:.9rem;border-bottom:none;margin-bottom:0;opacity:.9}.result-item strong{display:inline-block;width:100px;font-weight:600}.info{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #667eea;text-align:left}.info h3{margin-top:0;color:#333;font-size:1.3rem}.info p{margin:.5rem 0;color:#666;line-height:1.5}@media (max-width: 600px){.app{padding:1rem}.container{padding:1.5rem}h1{font-size:2rem}.registration-input{width:100%;max-width:350px;font-size:1.1rem}.result-item strong{width:auto;display:block;margin-bottom:.25rem}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;animation:slideUp .3s ease-out}.install-prompt-content{background:#667eea;color:#fff;padding:12px 20px;border-radius:25px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #667eea66;max-width:90vw;position:relative}.install-prompt-icon{font-size:20px}.install-prompt-text{font-size:14px;font-weight:500;white-space:nowrap}.install-prompt-button{background:#fff;color:#667eea;border:none;padding:8px 16px;border-radius:15px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease}.install-prompt-button:hover{transform:scale(1.05)}.install-prompt-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.install-prompt-close:hover{background-color:#fff3}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media (max-width: 600px){.install-prompt{bottom:10px;left:10px;right:10px;transform:none}.install-prompt-content{max-width:none;padding:16px 20px}.install-prompt-text{font-size:13px;white-space:normal;line-height:1.3}.install-prompt-button{padding:10px 14px;font-size:13px}}.adr-lookup{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.adr-lookup h1{text-align:center;margin-bottom:10px;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.description{text-align:center;margin-bottom:30px;font-size:1.1rem;opacity:.9}.adr-plate-visual{display:flex;justify-content:center;margin-bottom:30px}.adr-plate{background:#ff6b35;border:3px solid #000;border-radius:8px;padding:20px;width:300px;box-shadow:0 8px 16px #0000004d;position:relative}.hazard-section,.un-section{text-align:center;margin:15px 0}.hazard-input,.un-input{width:100%;padding:15px;font-size:2rem;font-weight:700;text-align:center;border:2px solid #000;border-radius:4px;background:#fff;color:#000;margin-bottom:8px;box-sizing:border-box}.hazard-input:focus,.un-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 8px #667eea80}.adr-plate label{display:block;font-size:.8rem;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.separator{height:2px;background:#000;margin:15px 0}.controls{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.lookup-btn,.clear-btn{padding:12px 30px;font-size:1.1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.lookup-btn{background:#28a745;color:#fff}.lookup-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.clear-btn{background:#6c757d;color:#fff}.clear-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.results{background:#fffffff2;border-radius:12px;padding:25px;margin-bottom:30px;color:#333;box-shadow:0 8px 24px #0003}.result-section{margin-bottom:25px;padding:20px;border-radius:8px;border-left:5px solid}.hazard-result{background:#fff3cd;border-left-color:#ffc107}.substance-result{background:#d1ecf1;border-left-color:#17a2b8}.result-section h3{margin:0 0 15px;font-size:1.4rem;display:flex;align-items:center;gap:15px}.result-code{background:#333;color:#fff;padding:8px 16px;border-radius:4px;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.x-warning{background:#dc3545;color:#fff;padding:6px 12px;border-radius:4px;font-size:.9rem;font-weight:400;animation:blink 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.7}}.result-meaning{font-size:1.1rem;line-height:1.5;margin:0;color:#555}.code-breakdown{margin-top:20px;padding:15px;background:#ffffffb3;border-radius:6px;border:1px solid #ddd}.code-breakdown h4{margin:0 0 10px;font-size:1rem;color:#666}.digit-meaning{margin:8px 0;padding:8px;background:#fffc;border-radius:4px;font-size:.95rem;border-left:3px solid #007bff}.no-results{text-align:center;padding:30px;color:#666}.no-results p{margin:10px 0;font-size:1.1rem}.info-section{background:#ffffff1a;border-radius:12px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.info-section h3{margin:0 0 15px;font-size:1.3rem;color:#fff}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{margin:12px 0;padding:12px;background:#ffffff1a;border-radius:6px;border-left:4px solid #ffc107;font-size:.95rem;line-height:1.4}.info-section strong{color:#ffc107}@media (max-width: 768px){.adr-lookup{padding:15px}.adr-lookup h1{font-size:2rem}.adr-plate{width:280px;padding:15px}.hazard-input,.un-input{font-size:1.5rem;padding:12px}.controls{flex-direction:column;align-items:center}.lookup-btn,.clear-btn{width:200px}.result-section h3{flex-direction:column;align-items:flex-start;gap:10px}.x-warning{align-self:flex-start}}@media (max-width: 480px){.adr-plate{width:100%;max-width:260px}.results{padding:20px}.result-section{padding:15px}.info-section{padding:20px}}