:root{font-family:Roboto,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1c1c1c;background:#f1f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.environment-indicator{position:fixed;right:16px;bottom:16px;display:flex;width:fit-content;background:#ff9800;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;gap:6px;align-items:center;z-index:1000;box-shadow:0 2px 8px #00000026;border-left:4px solid #f57c00}.environment-label{opacity:.9}.environment-value{text-transform:uppercase;font-weight:700}.internet-checker{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:9999}.offline-container{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0003;max-width:400px}.offline-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s infinite}.offline-container h2{color:#333;margin:0 0 10px;font-size:24px}.offline-container p{color:#666;margin:0 0 30px;font-size:14px;line-height:1.6}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}.retry-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.retry-button:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-boundary-content{background:#fff;border-radius:12px;padding:40px;max-width:600px;box-shadow:0 20px 60px #0000004d;text-align:center}.error-title{color:#dc2626;font-size:28px;margin:0 0 16px;font-weight:600}.error-message{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 24px}.error-details{margin:20px 0;text-align:left}.error-details summary{cursor:pointer;color:#667eea;font-weight:500;padding:8px;-webkit-user-select:none;user-select:none}.error-details summary:hover{text-decoration:underline}.error-stack{background-color:#f3f4f6;border-radius:6px;padding:12px;overflow-x:auto;font-size:12px;color:#374151;margin-top:8px;border-left:4px solid #dc2626}.reset-button{background-color:#667eea;color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.reset-button:hover{background-color:#5a67d8}.reset-button:active{transform:scale(.98)}