*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow:hidden}.app{padding:2rem;min-height:100vh}.container{max-width:1200px;margin:0 auto;background:#ffffffb3;opacity:.9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:2rem;box-shadow:0 20px 60px #0000004d}header{text-align:center;margin-bottom:3rem}header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}header p{color:#666;font-size:1.1rem}.upload-area{border:3px dashed #ff8163;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff5f3}.upload-area:hover{border-color:#d74939;background:#ffe8e4;transform:translateY(-2px)}.upload-content{pointer-events:none}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-area p{font-size:1.1rem;color:#333;margin-bottom:.5rem}.upload-hint{color:#666!important;font-size:.95rem!important}.upload-limit{color:#999!important;font-size:.85rem!important;margin-top:1rem!important}.paste-area{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0000001a;animation:fadeIn .3s ease-in}.paste-area h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.paste-textarea{width:100%;padding:1rem;font-size:.95rem;border:2px solid #e0e7ff;border-radius:8px;font-family:Courier New,monospace;transition:all .2s ease;resize:vertical;min-height:300px;margin:1rem 0}.paste-textarea:focus{outline:none;border-color:#ff8163;box-shadow:0 0 0 3px #ff81631a}.paste-textarea::placeholder{color:#999;font-size:.9rem}.error-box{background:#fee;border:2px solid #fcc;border-radius:8px;padding:1rem;margin:1rem 0;color:#c33}.validation-box{background:#fff;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 2px 8px #0000000d}.validation-box h3{color:#22c55e;margin-bottom:1.5rem;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat{background:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:#ff8163}.preview{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:1rem}.preview-header strong{color:#333}.preview-credentials-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem .75rem;background:#f8f9ff;border-radius:6px;transition:all .2s ease;font-size:.85rem}.preview-credentials-toggle:hover{background:#f0f2ff}.preview-credentials-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#ff8163}.preview-credentials-toggle span{font-size:.85rem;font-weight:500;color:#555}.preview ul{list-style:none;font-family:Courier New,monospace;font-size:.9rem}.preview li{padding:.5rem;background:#f8f9ff;margin-bottom:.5rem;border-radius:4px;word-break:break-all}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#ff8163,#d74939);color:#fff;box-shadow:0 4px 15px #ff81634d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff816380}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.progress-section{margin:2rem 0;text-align:center}.progress-section h3{margin-bottom:1rem;color:#333}.progress-bar{width:100%;height:30px;background:#f0f0f0;border-radius:15px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#ff8163,#d74939);transition:width .3s ease}.progress-text{color:#666;font-size:.95rem}.results-section{margin-top:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.results-header h3{font-size:1.5rem;color:#333}.results-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.credentials-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem 1rem;background:#f8f9ff;border-radius:8px;transition:all .2s ease}.credentials-toggle:hover{background:#f0f2ff}.credentials-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ff8163}.credentials-toggle span{font-size:.95rem;font-weight:500;color:#333}.view-mode-toggle{display:flex;background:#f8f9ff;border-radius:8px;padding:.25rem;gap:.25rem}.view-mode-btn{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.view-mode-btn:hover{background:#ff81631a;color:#ff8163}.view-mode-btn.active{background:#ff8163;color:#fff;box-shadow:0 2px 4px #ff81634d}.summary-stats{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem;background:none;border-radius:12px;border:1px none #e0e7ff}.stat-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.stat-badge.success{background:#d1fae5;color:#065f46}.stat-badge.fail{background:#fee2e2;color:#991b1b}.stat-badge.info{background:#dbeafe;color:#1e40af}.stat-badge.rate{background:#fef3c7;color:#92400e}.stat-badge.time{background:#e0e7ff;color:#3730a3}.results-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem}.results-table{width:100%;border-collapse:collapse;background:#fafafa}.results-table thead{background:#ff8163;color:#fff}.results-table th{padding:1rem;text-align:left;font-weight:600}.results-table td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0}.results-table tbody tr:hover{background:#f8f9ff}.results-table tbody tr.success{background:#f0fdf4}.results-table tbody tr.failed{background:#fef2f2}.proxy-cell{font-family:Courier New,monospace;font-size:.85rem;max-width:200px;white-space:nowrap;overflow:visible;text-overflow:ellipsis;animation:fadeIn .3s ease-in;position:relative;cursor:help}.proxy-cell>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proxy-cell:hover:after{content:attr(data-full-proxy);position:fixed;background:#333;color:#fff;padding:.5rem .75rem;border-radius:4px;white-space:nowrap;z-index:10000;font-size:.85rem;box-shadow:0 4px 12px #0006;pointer-events:none;margin-top:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ip-cell{font-family:Courier New,monospace;font-weight:600;color:#ff8163}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.small-text{font-size:.8rem;color:#666}.center-text{text-align:center;font-weight:600;color:#ff8163}@media(max-width:768px){.container{padding:1rem}header h1{font-size:1.75rem}.upload-area{padding:2rem 1rem;opacity:.8}.stats-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn{width:100%}.results-header{flex-direction:column;align-items:flex-start}.results-table{font-size:.85rem}.results-table th,.results-table td{padding:.5rem}}.area{background:#d74939;background:-webkit-linear-gradient(135deg,#ff8163,#d74939);background:linear-gradient(135deg,#ff8163,#d74939);position:fixed;width:100%;height:100vh;top:0;left:0;z-index:0}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ff816333;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s;background:#ff816333}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s;background:#ffffff26}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s;background:#ff816333}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;background:#ffffff26}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s;background:#ff816333}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;background:#ffffff26}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;background:#ff816333}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s;background:#ffffff26}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;background:#ff816333}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;background:#ffffff26}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.app{position:relative;z-index:1;overflow-y:auto;max-height:100vh}.mode-toggle-row{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:relative}.mode-toggle{display:inline-flex;background:#f8f9ff;border-radius:12px;padding:.4rem;gap:.4rem;box-shadow:0 2px 8px #0000001a}.mode-btn{padding:.75rem 2rem;border:none;background:transparent;border-radius:8px;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mode-btn:hover{background:#ff81631a;color:#ff8163}.mode-btn.active{background:linear-gradient(135deg,#ff8163,#d74939);color:#fff;box-shadow:0 4px 12px #ff816366}.input-method-switch-container{display:flex;align-items:center;gap:.75rem;position:absolute;right:0}.switch-emoji{font-size:1.5rem;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#f8f9ff;border:2px solid #e0e7ff;transition:.3s;border-radius:34px;box-shadow:0 2px 8px #0000001a}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background:linear-gradient(135deg,#ff8163,#d74939);transition:.3s;border-radius:50%;box-shadow:0 2px 6px #0003}.toggle-switch input:checked+.toggle-slider{background:#f8f9ff;border-color:#ff8163}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-slider:hover{border-color:#ff8163}.single-input-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0000001a;animation:fadeIn .3s ease-in}.single-input-container h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.input-hint{color:#666;font-size:.95rem;margin-bottom:1.5rem}.single-input-wrapper{margin-bottom:1.5rem}.single-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #e0e7ff;border-radius:8px;font-family:Courier New,monospace;transition:all .2s ease}.single-input:focus{outline:none;border-color:#ff8163;box-shadow:0 0 0 3px #ff81631a}.single-input.valid{border-color:#10b981;background:#f0fdf4}.single-input.invalid{border-color:#ef4444;background:#fef2f2}.validation-message{margin-top:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;font-weight:500}.validation-message.valid{background:#d1fae5;color:#065f46}.validation-message.invalid{background:#fee2e2;color:#991b1b}.single-result-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0000001a;animation:fadeIn .3s ease-in}.result-status-bar{display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#f8f9ff;border-radius:10px;margin-bottom:1.5rem;border:1px solid #e0e7ff}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{font-weight:600;color:#666;font-size:.9rem}.status-value{color:#333;font-weight:500}.status-value.monospace{font-family:Courier New,monospace;font-size:.95rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.result-section{background:#f8f9ff;padding:1.25rem;border-radius:10px;border:1px solid #e0e7ff}.result-section h4{font-size:1rem;color:#333;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #ff8163}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e7ff}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666;font-size:.9rem;flex-shrink:0}.info-value{color:#333;font-weight:500;text-align:right;word-break:break-all}.info-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.info-badge.yes{background:#d1fae5;color:#065f46}.info-badge.no{background:#fee2e2;color:#991b1b}.monospace{font-family:Courier New,monospace;font-size:.95rem}.app-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e7ff;text-align:center}.footer-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#666;font-size:.9rem}.footer-text{font-weight:500}.footer-logo{height:20px;width:auto;opacity:.8;transition:opacity .2s ease}.footer-logo:hover{opacity:1}@media(max-width:768px){.mode-btn{padding:.6rem 1.5rem;font-size:.9rem}.single-input-container,.single-result-container{padding:1.5rem}.result-grid{grid-template-columns:1fr}.result-status-bar{flex-direction:column;gap:.75rem}.app-footer{margin-top:2rem;padding-top:1.5rem}.footer-content{font-size:.85rem}.footer-logo{height:18px}}