#app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;min-height:100vh}#app,body,html{margin:0;padding:0;background-color:#2d3748}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:#4299e1;color:#fff;padding:12px 24px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:700;z-index:9999;transition:top .3s ease}.skip-link:focus{top:0;outline:2px solid #fff;outline-offset:2px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .25s ease-out}.slide-enter-from{opacity:0;transform:translateX(20px)}.slide-leave-to{opacity:0;transform:translateX(-20px)}#nprogress .bar{background:#29d;z-index:1031;height:2px}#nprogress .peg{box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-bg:#2d3748;--secondary-bg:#1a202c;--accent-bg:#4a5568;--primary-blue:#4299e1;--primary-blue-dark:#3182ce;--success-green:#48bb78;--danger-red:#e53e3e;--text-white:#fff;--text-gray-light:#e2e8f0;--text-gray:#a0aec0;--text-gray-dark:#718096;--border-gray:#4a5568;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--border-radius-sm:4px;--border-radius:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--transition-fast:0.15s ease;--transition:0.3s ease;--transition-slow:0.5s ease}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--primary-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.page-container,.tool-container{will-change:auto;contain:layout style}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.page-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--primary-bg);color:var(--text-white);overflow-y:auto}.tool-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);max-width:600px;margin:0 auto}.tool-container.large{max-width:1000px}.tool-title{font-size:var(--font-3xl);margin-bottom:var(--spacing-xl);text-align:center;color:var(--text-gray-light)}.form-group{margin-bottom:var(--spacing-lg);width:100%}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-white)}.form-input{width:100%;padding:12px var(--spacing-md);border:2px solid var(--border-gray);border-radius:var(--border-radius);background-color:var(--secondary-bg);color:var(--text-white);font-size:var(--font-base);transition:border-color var(--transition);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(66,153,225,.1)}.form-input::-moz-placeholder{color:var(--text-gray-dark)}.form-input::placeholder{color:var(--text-gray-dark)}.card{background-color:var(--secondary-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg)}.error-message{background-color:var(--danger-red)}.error-message,.success-message{color:var(--text-white);padding:var(--spacing-md);border-radius:var(--border-radius);text-align:center;margin-top:var(--spacing-md);font-size:var(--font-sm)}.success-message{background-color:var(--success-green)}@media (max-width:768px){.tool-container{padding:var(--spacing-md);min-height:100vh}.tool-title{font-size:var(--font-2xl);margin-bottom:var(--spacing-lg)}}@media (max-width:480px){.tool-container{padding:var(--spacing-sm)}.tool-title{font-size:var(--font-xl);margin-bottom:var(--spacing-md)}.form-input{font-size:16px;padding:14px var(--spacing-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,#4299e1,#63b3ed);position:fixed;z-index:99999;top:0;left:0;width:100%;height:3px}#nprogress .bar,#nprogress .peg{box-shadow:0 0 10px #4299e1,0 0 5px #4299e1}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;transform:rotate(3deg) translateY(-4px)}:focus-visible{outline:2px solid #4299e1;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--primary-blue:#06c;--text-gray:#fff;--border-gray:#fff}}