*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@supports (padding: max(0px)){.navbar,.mobile-menu{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-menu{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}}.drag-drop-area{touch-action:manipulation}.mobile-menu{touch-action:pan-y}.article-content,.agreement-modal-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 768px){input[type=file]{font-size:16px}.mobile-menu-content{padding-bottom:env(keyboard-inset-height,0px)}}@media (hover: none) and (pointer: coarse){.btn,.mobile-nav-link,.theme-toggle,.language-toggle,.mobile-language-toggle,.mobile-theme-toggle{min-height:44px;min-width:44px}.nav-link{padding:10px 15px}}@media (max-height: 500px) and (orientation: landscape){.mobile-menu-content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:20px}.mobile-nav-link{font-size:1rem;padding:8px 15px;min-width:auto}.mobile-menu-actions{flex-direction:row;margin-top:0}.home-section{min-height:auto;padding:20px 0 40px}.home-title{font-size:1.8rem;margin-top:20px}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:90%}.features-grid,.tutorial-grid{grid-template-columns:repeat(2,1fr)}.drag-drop-area{max-width:80%}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.nav-brand h2,.home-title,.section-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width: 768px){.dark-mode .mobile-menu{background:rgba(26,26,26,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dark-mode .mobile-nav-link{color:#e0e0e0}.dark-mode .mobile-nav-link:hover{color:#5dade2;background:rgba(93,173,226,.1)}}@media (prefers-reduced-motion: reduce){.mobile-menu,.mobile-menu-toggle span{transition:none}}@media (prefers-contrast: high){.mobile-nav-link,.mobile-language-toggle,.mobile-theme-toggle{border:2px solid currentColor}}@supports (-webkit-touch-callout: none){.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.drag-drop-area{-webkit-user-select:none;user-select:none}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.mobile-menu{background:rgba(255,255,255,.95)}.dark-mode .mobile-menu{background:rgba(26,26,26,.95)}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.features-grid,.tutorial-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}@media (min-aspect-ratio: 2/1) and (max-height: 500px){.home-section{display:flex;align-items:center;min-height:100vh}.home-title{font-size:2.5rem}.drag-drop-area{max-width:50%}}@media print{.navbar,.mobile-menu,.mobile-menu-toggle,.theme-toggle,.language-toggle{display:none!important}.main-content{margin-top:0!important}.drag-drop-area,.service-section{display:none!important}}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px;gap:4px;transition:all .3s ease}.mobile-menu-toggle span{width:25px;height:3px;background:#2c3e50;border-radius:2px;transition:all .3s ease}.dark-mode .mobile-menu-toggle span{background:#e0e0e0}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;display:none;opacity:0;transform:translateY(-100%);transition:all .3s ease}.dark-mode .mobile-menu{background:rgba(26,26,26,.98)}.mobile-menu-open{display:flex!important;opacity:1!important;transform:translateY(0)!important}.mobile-menu-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:30px;padding:80px 20px 20px}.mobile-nav-link{font-size:1.5rem;color:#2c3e50;text-decoration:none;font-weight:600;transition:all .3s ease;padding:15px 25px;border-radius:12px;border:2px solid transparent;text-align:center;min-width:200px}.mobile-nav-link:hover{color:#3498db;background:rgba(52,152,219,.1);border-color:#3498db4d;transform:scale(1.05)}.dark-mode .mobile-nav-link{color:#e0e0e0}.dark-mode .mobile-nav-link:hover{color:#5dade2;background:rgba(93,173,226,.1);border-color:#5dade24d}.mobile-menu-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px;align-items:center}.mobile-language-toggle,.mobile-theme-toggle{padding:12px 25px;border:2px solid #3498db;border-radius:25px;background:transparent;color:#3498db;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:180px}.mobile-language-toggle:hover,.mobile-theme-toggle:hover{background:#3498db;color:#fff;transform:scale(1.05)}.dark-mode .mobile-language-toggle,.dark-mode .mobile-theme-toggle{border-color:#5dade2;color:#5dade2}.dark-mode .mobile-language-toggle:hover,.dark-mode .mobile-theme-toggle:hover{background:#5dade2;color:#2d2d2d}body{transition:background-color .3s ease,color .3s ease}.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.dark-mode *{border-color:#ffffff1a!important}.seo-content{text-align:center;margin:30px 0}.seo-description{font-size:1.1rem;line-height:1.6;color:#555;max-width:800px;margin:0 auto;padding:20px;background:rgba(255,255,255,.9);border-radius:12px;box-shadow:0 4px 15px #0000001a}.dark-mode .seo-description{color:#d0d0d0;background:rgba(45,45,45,.9)}.tutorial-intro{text-align:center;margin-bottom:40px}.tutorial-intro p{font-size:1.1rem;line-height:1.6;color:#666;max-width:800px;margin:0 auto}.dark-mode .tutorial-intro p{color:#b0b0b0}.features-section{margin-top:40px;padding-top:40px;border-top:2px solid rgba(52,152,219,.1)}.features-section-main{padding:80px 0;position:relative}.features-section-main .section-title{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:50px;font-weight:700}.dark-mode .features-section-main .section-title{color:#e0e0e0}.features-section h3{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:30px;font-weight:600}.dark-mode .features-section h3{color:#e0e0e0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.feature-item{background:white;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000001a;border:1px solid rgba(52,152,219,.1);transition:all .3s ease}.feature-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:#3498db4d}.dark-mode .feature-item{background:#2d2d2d;border-color:#3498db33;box-shadow:0 4px 15px #0000004d}.dark-mode .feature-item:hover{box-shadow:0 8px 25px #0006;border-color:#3498db66}.feature-item h4{font-size:1.3rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.dark-mode .feature-item h4{color:#e0e0e0}.feature-item p{color:#666;line-height:1.5;font-size:1rem}.dark-mode .feature-item p{color:#b0b0b0}.main-content section{background:#f8f9fa;transition:background-color .3s ease;position:relative}.main-content section:nth-child(2n){background:#ffffff}.dark-mode .main-content section{background:#1a1a1a}.dark-mode .main-content section:nth-child(2n){background:#151515}.home-section{padding:20px 0 80px;min-height:100vh;align-items:center;position:relative;overflow:hidden}.home-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,rgba(52,152,219,.05),rgba(155,89,182,.05),rgba(46,204,113,.05),rgba(241,196,15,.05));background-size:400% 400%;animation:gradient-shift 15s ease infinite;z-index:0}.home-section .container{position:relative;z-index:1}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dark-mode .home-section:before{background:linear-gradient(-45deg,rgba(52,152,219,.08),rgba(155,89,182,.08),rgba(46,204,113,.08),rgba(241,196,15,.08));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.home-title{text-align:center;font-size:3rem;color:#2c3e50;margin-top:80px;margin-bottom:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:title-glow 3s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 20px rgba(52,152,219,.2)}to{text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 30px rgba(52,152,219,.3)}}.dark-mode .home-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dark-mode .home-title{animation:title-glow-dark 3s ease-in-out infinite alternate}@keyframes title-glow-dark{0%{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(52,152,219,.3)}to{text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 30px rgba(52,152,219,.5)}}.home-subtitle{text-align:center;font-size:1.3rem;color:#666;margin-bottom:50px;text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:300}.dark-mode .home-subtitle{color:#b0b0b0}.home-agreement-simple{text-align:center;margin-bottom:30px}.checkbox-container-simple{display:inline-flex;align-items:center;color:#2c3e50;font-size:1rem;font-weight:500;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:all .3s ease;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:25px;border:1px solid rgba(52,152,219,.2);box-shadow:0 2px 10px #0000001a}.checkbox-container-simple:hover{background:rgba(255,255,255,1);border-color:#3498db66;transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.dark-mode .checkbox-container-simple{color:#e0e0e0;background:rgba(45,45,45,.9);border-color:#3498db4d;box-shadow:0 2px 10px #0000004d}.dark-mode .checkbox-container-simple:hover{background:rgba(45,45,45,1);border-color:#3498db80;box-shadow:0 4px 15px #0006}.agreement-checkbox-simple{width:16px;height:16px;margin-right:8px;accent-color:#27ae60}.link-button{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer;font-size:inherit;font-weight:600;margin-left:4px;transition:all .3s ease;padding:2px 4px;border-radius:4px}.link-button:hover{color:#2980b9;background:rgba(52,152,219,.1);text-decoration:none}.dark-mode .link-button{color:#5dade2}.dark-mode .link-button:hover{color:#3498db;background:rgba(93,173,226,.1)}.drag-drop-area{border:3px dashed #3498db;border-radius:20px;padding:60px 40px;text-align:center;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;position:relative;margin:0 auto 40px;max-width:70%;max-height:30%;box-shadow:0 8px 32px #0000001a}.drag-drop-area:hover{border-color:#2980b9;background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.drag-drop-area.drag-over{border-color:#27ae60;background:rgba(39,174,96,.1);transform:scale(1.02);box-shadow:0 12px 40px #27ae604d}.drag-drop-area.disabled{opacity:.6;cursor:not-allowed;border-color:#95a5a6;background:rgba(255,255,255,.4)}.drag-drop-area.disabled:hover{border-color:#95a5a6;background:rgba(255,255,255,.4);transform:none;box-shadow:0 8px 32px #0000001a}.dark-mode .drag-drop-area{background:rgba(45,45,45,.8);border-color:#5dade2;box-shadow:0 8px 32px #0000004d}.dark-mode .drag-drop-area:hover{background:rgba(45,45,45,.9);border-color:#3498db;box-shadow:0 12px 40px #0006}.dark-mode .drag-drop-area.drag-over{background:rgba(39,174,96,.2);border-color:#58d68d;box-shadow:0 12px 40px #27ae6066}.dark-mode .drag-drop-area.disabled{opacity:.5;border-color:#7f8c8d;background:rgba(45,45,45,.4)}.dark-mode .drag-drop-area.disabled:hover{border-color:#7f8c8d;background:rgba(45,45,45,.4);transform:none;box-shadow:0 8px 32px #0000004d}.drag-content h3{font-size:1.8rem;color:#2c3e50;margin:20px 0 10px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark-mode .drag-content h3{color:#e0e0e0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.drag-content p{color:#666;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.05)}.dark-mode .drag-content p{color:#b0b0b0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.drag-icon{font-size:4rem;margin-bottom:10px}.file-info{margin-top:20px;padding:15px;background:rgba(39,174,96,.1);border-radius:10px;border:1px solid rgba(39,174,96,.2)}.file-name{font-weight:600;color:#27ae60;display:block;margin-bottom:5px}.file-size{color:#666;font-size:.9rem}.dark-mode .file-size{color:#b0b0b0}.hidden-file-input{position:absolute;opacity:0;pointer-events:none;top:0;left:0;width:100%;height:100%}.home-actions{display:flex;justify-content:center;gap:20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.warning-message{color:#e74c3c;background:rgba(231,76,60,.1);padding:10px 15px;border-radius:5px;border-left:4px solid #e74c3c;margin-top:15px}.service-disabled{text-align:center;padding:60px 20px;background:rgba(241,196,15,.1);border-radius:15px;border:2px dashed #f1c40f}.service-disabled p{font-size:1.2rem;color:#f39c12;margin-bottom:20px}.quota-visual{display:flex;align-items:center;justify-content:center;gap:40px;background:white;padding:25px;border-radius:20px;box-shadow:0 6px 25px #00000014;margin-bottom:30px;border:1px solid rgba(52,152,219,.1);position:relative}.dark-mode .quota-visual{background:#2d2d2d;box-shadow:0 6px 25px #0000004d;border-color:#3498db33}.quota-section{display:flex;flex-direction:column;align-items:center;gap:12px}.quota-title{font-size:.9rem;font-weight:600;color:#666;margin:0;text-align:center}.dark-mode .quota-title{color:#b0b0b0}.quota-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:5px}.quota-square{width:10px;height:16px;border-radius:4px;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.quota-square.available{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 8px #27ae604d;border-color:#27ae604d}.quota-square.consumed{background:linear-gradient(135deg,#95a5a6,#bdc3c7);box-shadow:0 1px 3px #95a5a633;border-color:#95a5a64d}.quota-square:hover{transform:scale(1.1)}.quota-text{font-size:.8rem;font-weight:500;color:#666;font-family:Courier New,monospace}.quota-loading{font-size:.9rem;font-weight:500;color:#95a5a6;font-family:Courier New,monospace;padding:10px;text-align:center;opacity:.8}.dark-mode .quota-text{color:#b0b0b0}.dark-mode .quota-loading{color:#7f8c8d}.btn-quota-refresh{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.6;transition:all .3s ease;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.btn-quota-refresh:hover{opacity:1;background:rgba(52,152,219,.1);transform:rotate(180deg)}.dark-mode .btn-quota-refresh:hover{background:rgba(52,152,219,.2)}@media (max-width: 768px){.quota-visual{flex-direction:column;gap:25px;padding:20px}.quota-grid{grid-template-columns:repeat(10,1fr)}.quota-square{width:14px;height:14px}}.selected-file-display{margin-bottom:15px}.file-info-service{display:flex;align-items:center;background:rgba(39,174,96,.1);border:2px solid rgba(39,174,96,.2);border-radius:10px;padding:15px;gap:15px}.dark-mode .file-info-service{background:rgba(39,174,96,.15);border-color:#27ae604d}.file-icon{font-size:2rem}.file-details{flex:1;display:flex;flex-direction:column;gap:5px}.file-details .file-name{font-weight:600;color:#27ae60;font-size:1.1rem}.file-details .file-size{color:#666;font-size:.9rem}.dark-mode .file-details .file-size{color:#b0b0b0}.btn-clear{background:#e74c3c;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.btn-clear:hover{background:#c0392b}.no-file-selected{text-align:center;padding:20px;background:rgba(241,196,15,.1);border:2px dashed #f1c40f;border-radius:10px;margin-bottom:15px}.dark-mode .no-file-selected{background:rgba(241,196,15,.15)}.no-file-selected p{color:#f39c12;margin-bottom:15px;font-size:1.1rem}.step{background:white;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:25px;border:1px solid rgba(52,152,219,.1);transition:all .3s ease}.step:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026;border-color:#3498db33}.dark-mode .step{background:#2d2d2d;box-shadow:0 4px 20px #0000004d;border-color:#3498db33}.dark-mode .step:hover{box-shadow:0 8px 30px #0006;border-color:#3498db4d}.step h3{color:#2c3e50;margin-bottom:15px}.dark-mode .step h3{color:#e0e0e0}.upload-area{display:flex;flex-direction:column;gap:15px;align-items:stretch}.file-upload-section{display:flex;flex-direction:column;gap:10px}.file-input-wrapper{position:relative}.file-input{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%}.file-input-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 25px;border:2px dashed #3498db;border-radius:10px;background:rgba(52,152,219,.05);cursor:pointer;transition:all .3s ease;color:#3498db;font-weight:600;min-height:60px}.file-input-label:hover{border-color:#2980b9;background:rgba(52,152,219,.1);color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.dark-mode .file-input-label{border-color:#5dade2;background:rgba(93,173,226,.1);color:#5dade2}.dark-mode .file-input-label:hover{border-color:#3498db;background:rgba(93,173,226,.15);color:#3498db;box-shadow:0 4px 12px #5dade233}.file-input-icon{font-size:1.5rem}.file-input-text{font-size:1.1rem}.file-input-hint{font-size:.9rem;color:#666;text-align:center;font-style:italic}.dark-mode .file-input-hint{color:#b0b0b0}.upload-btn{align-self:center;min-width:150px}.upload-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.file-input{flex:1;padding:10px;border:2px dashed #3498db;border-radius:8px;background:rgba(52,152,219,.05)}.progress-container{margin:20px 0}.progress-bar{width:100%;height:20px;background:#ecf0f1;border-radius:10px;overflow:hidden;position:relative}.dark-mode .progress-bar{background:#404040}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease;border-radius:10px}.progress-fill.error{background:linear-gradient(90deg,#e74c3c,#c0392b)}.progress-fill.running{animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-text{text-align:center;margin-top:10px;font-weight:500;color:#666}.dark-mode .progress-text{color:#b0b0b0}.status{margin-top:15px;padding:15px 20px;border-radius:10px;border-left:4px solid #3498db;background:rgba(52,152,219,.1);font-weight:500}.status-success{border-left-color:#27ae60;background:rgba(39,174,96,.1);color:#27ae60}.status-error{border-left-color:#e74c3c;background:rgba(231,76,60,.1);color:#e74c3c}.status-warning{border-left-color:#f39c12;background:rgba(243,156,18,.1);color:#f39c12}.dark-mode .status{background:rgba(52,152,219,.15);color:#5dade2}.dark-mode .status-success{background:rgba(39,174,96,.15);color:#58d68d}.dark-mode .status-error{background:rgba(231,76,60,.15);color:#ec7063}.dark-mode .status-warning{background:rgba(243,156,18,.15);color:#f8c471}.btn{padding:12px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px)}.btn-success:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.btn-download{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.btn-download:hover{background:linear-gradient(135deg,#d35400,#ba4a00);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);transform:translateY(-2px)}.btn-quota{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-quota:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-2px)}.btn-outline{padding:8px 16px;border:2px solid #3498db;border-radius:6px;background:transparent;color:#3498db;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#3498db;color:#fff;transform:translateY(-1px)}.dark-mode .btn-outline{border-color:#5dade2;color:#5dade2}.dark-mode .btn-outline:hover{background:#5dade2;color:#2d2d2d}.download-section{text-align:center;margin-top:20px}.section-title{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:40px;font-weight:700}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.navbar{position:fixed;top:0;left:0;width:100%;padding:15px 0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(52,152,219,.1)}.navbar-scrolled{background:rgba(255,255,255,1);box-shadow:0 2px 20px #0000001a;border-bottom-color:#3498db33}.dark-mode .navbar{background:rgba(26,26,26,.95);border-bottom-color:#3498db33}.dark-mode .navbar-scrolled{background:rgba(26,26,26,1);box-shadow:0 2px 20px #0000004d;border-bottom-color:#3498db4d}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.nav-brand h2{font-size:1.8rem;color:#2c3e50;font-weight:700}.dark-mode .nav-brand h2{color:#e0e0e0}.nav-menu{display:flex;gap:20px;align-items:center}.language-selector{display:flex;align-items:center}.language-toggle{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px #95a5a64d;min-width:35px}.language-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #95a5a666;background:linear-gradient(135deg,#7f8c8d,#6c7b7d)}.dark-mode .language-toggle{background:linear-gradient(135deg,#34495e,#2c3e50);box-shadow:0 2px 8px #34495e66}.dark-mode .language-toggle:hover{box-shadow:0 4px 12px #34495e80;background:linear-gradient(135deg,#2c3e50,#1a252f)}.nav-link{font-size:1rem;color:#2c3e50;text-decoration:none;transition:all .3s ease;padding:8px 12px;border-radius:6px;font-weight:500}.nav-link:hover{color:#3498db;background:rgba(52,152,219,.1)}.dark-mode .nav-link{color:#e0e0e0}.dark-mode .nav-link:hover{color:#5dade2;background:rgba(93,173,226,.1)}.theme-toggle{background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:8px 12px;border-radius:8px;box-shadow:0 2px 10px #3498db4d}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 15px #3498db66}.dark-mode .theme-toggle{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 10px #f39c124d}.dark-mode .theme-toggle:hover{box-shadow:0 4px 15px #f39c1266}.disclaimer-section,.tutorial-section{padding:60px 0}.disclaimer-card{background:white;padding:30px;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px;border:1px solid rgba(52,152,219,.1)}.dark-mode .disclaimer-card{background:#2d2d2d;box-shadow:0 4px 20px #0000004d;border-color:#3498db33}.disclaimer-content{font-size:1rem;color:#333}.dark-mode .disclaimer-content{color:#e0e0e0}.disclaimer-content ul li{color:#333;margin-bottom:8px}.dark-mode .disclaimer-content ul li{color:#d0d0d0}.disclaimer-content strong{color:#2c3e50}.dark-mode .disclaimer-content strong{color:#f8f9fa}.checkbox-container{display:flex;align-items:center;margin-top:15px}.dark-mode .checkbox-container{color:#e0e0e0}.disclaimer-checkbox{width:20px;height:20px;margin-right:10px}.tutorial-card{background:white;padding:25px;border-radius:15px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;border:1px solid rgba(52,152,219,.1)}.dark-mode .tutorial-card{background:#2d2d2d;box-shadow:0 4px 20px #0000004d;border-color:#3498db33}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:#3498db4d}.dark-mode .tutorial-card:hover{box-shadow:0 8px 30px #0006;border-color:#3498db66}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tutorial-header h3{color:#2c3e50}.tutorial-tag{background:#3498db;color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem}.tutorial-content{font-size:1rem;color:#666;margin-bottom:15px}.tutorial-date{font-size:.9rem;color:#999}.article-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2000;display:flex;align-items:center;justify-content:center}.agreement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.agreement-modal-content{background:white;padding:30px;border-radius:15px;max-width:600px;width:90%;position:relative;box-shadow:0 10px 50px #0000004d;max-height:80vh;overflow-y:auto}.dark-mode .agreement-modal-content{background:#2d2d2d;color:#e0e0e0}.agreement-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.8rem;color:#666;cursor:pointer;transition:color .3s ease}.agreement-close:hover{color:#e74c3c}.dark-mode .agreement-close{color:#b0b0b0}.dark-mode .agreement-close:hover{color:#e74c3c}.agreement-modal-content h2{color:#2c3e50;margin-bottom:20px;font-size:1.8rem;text-align:center}.dark-mode .agreement-modal-content h2{color:#f8f9fa}.agreement-preview-content{font-size:1rem;color:#333;line-height:1.6;margin-bottom:25px}.dark-mode .agreement-preview-content{color:#d0d0d0}.agreement-preview-content ul{margin:15px 0;padding-left:20px}.agreement-preview-content li{margin-bottom:8px;color:#444}.dark-mode .agreement-preview-content li{color:silver}.agreement-preview-content strong{color:#2c3e50}.dark-mode .agreement-preview-content strong{color:#f8f9fa}.agreement-modal-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.agreement-modal-actions .btn{min-width:120px}.article-content{background:white;padding:30px;border-radius:10px;max-width:800px;width:90%;position:relative;box-shadow:0 2px 10px #0000004d}.article-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer}.dark-mode .article-close{color:#e0e0e0}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.article-category{background:#3498db;color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem}.article-date{font-size:.9rem;color:#999}.dark-mode .article-date{color:#888}.article-body{font-size:1rem;color:#333;line-height:1.6}.dark-mode .article-body{color:#d0d0d0}.dark-mode .article-body h2,.dark-mode .article-body h3{color:#f8f9fa}.dark-mode .article-body ul li{color:#d0d0d0}.footer{background:#2c3e50;color:#fff;padding:30px 0;text-align:center}.footer p{margin:8px 0;font-size:.95rem;line-height:1.5}.github-link,.contact-link{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease;border-radius:4px;padding:2px 6px}.github-link:hover,.contact-link:hover{color:#0984e3;background:rgba(116,185,255,.1);transform:translateY(-1px)}.github-icon,.email-icon{display:inline-block;vertical-align:middle;opacity:.9;transition:opacity .3s ease}.github-link:hover .github-icon,.contact-link:hover .email-icon{opacity:1}.dark-mode .github-link,.dark-mode .contact-link{color:#fff}.dark-mode .github-link:hover,.dark-mode .contact-link:hover{color:#00cec9;background:rgba(129,236,236,.1)}.service-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px}.service-status-indicator{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 0 0 2px #ffffff4d}.service-status-indicator:hover{transform:scale(1.2);box-shadow:0 0 0 3px #ffffff80}.service-status-indicator.status-unknown{background:#95a5a6;animation:pulse-gray 2s infinite}.service-status-indicator.status-healthy{background:#27ae60;box-shadow:0 0 0 2px #27ae604d}.service-status-indicator.status-healthy:hover{box-shadow:0 0 0 3px #27ae6080}.service-status-indicator.status-error{background:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d;animation:pulse-red 1.5s infinite}.service-status-indicator.status-error:hover{box-shadow:0 0 0 3px #e74c3c80}@keyframes pulse-gray{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.dark-mode .service-status-indicator{box-shadow:0 0 0 2px #0000004d}.dark-mode .service-status-indicator:hover{box-shadow:0 0 0 3px #00000080}.dark-mode .service-status-indicator.status-healthy{box-shadow:0 0 0 2px #27ae6066}.dark-mode .service-status-indicator.status-healthy:hover{box-shadow:0 0 0 3px #27ae6099}.dark-mode .service-status-indicator.status-error{box-shadow:0 0 0 2px #e74c3c66}.dark-mode .service-status-indicator.status-error:hover{box-shadow:0 0 0 3px #e74c3c99}@media (max-width: 1024px){.container{padding:0 15px}.home-title{font-size:2.5rem}.drag-drop-area{max-width:85%;padding:50px 30px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quota-visual{flex-direction:column;gap:25px}}@media (max-width: 768px){.desktop-menu{display:none}.mobile-menu-toggle{display:flex}.nav-container{padding:0 15px}.nav-brand h2{font-size:1.3rem}.home-title{font-size:2.2rem;margin-top:60px;line-height:1.2}.home-subtitle{font-size:1.1rem;padding:0 15px}.drag-drop-area{max-width:95%;padding:40px 20px;margin:0 auto 30px}.drag-content h3{font-size:1.5rem}.drag-content p{font-size:1rem}.home-actions{flex-direction:column;gap:15px;align-items:stretch;padding:0 20px}.home-actions .btn{width:100%;text-align:center}.home-agreement-simple{padding:0 15px}.checkbox-container-simple{flex-direction:column;text-align:center;gap:10px;padding:15px;font-size:.95rem}.features-section-main{padding:60px 0}.features-section-main .section-title{font-size:2rem;margin-bottom:40px}.features-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.feature-item{padding:20px}.feature-item h4{font-size:1.2rem}.tutorial-section{padding:60px 0}.tutorial-intro p{font-size:1rem;padding:0 15px}.tutorial-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.tutorial-card{padding:20px}.tutorial-header{flex-direction:column;gap:10px;align-items:flex-start}.tutorial-tag{align-self:flex-start}.disclaimer-section{padding:60px 0}.disclaimer-card{margin:0 10px;padding:25px 20px}.disclaimer-content{font-size:.95rem}.disclaimer-actions{gap:15px}.checkbox-container{font-size:1rem;text-align:center}.service-section{padding:60px 0}.service-header{flex-direction:column;gap:10px}.service-header .section-title{font-size:2rem;margin-bottom:10px}.quota-visual{flex-direction:column;gap:20px;padding:20px;margin:0 10px 25px}.quota-grid{grid-template-columns:repeat(5,1fr);gap:8px}.quota-square{width:12px;height:12px}.btn-quota-refresh{position:static;margin-top:15px}.step{margin:0 10px 20px;padding:20px}.step h3{font-size:1.3rem;margin-bottom:15px}.upload-area{gap:15px}.file-input-label{padding:12px 20px;font-size:1rem;min-height:50px}.file-info-service{flex-direction:column;text-align:center;gap:10px;padding:15px}.file-details{align-items:center}.progress-container{margin:15px 0}.progress-bar{height:16px}.btn{padding:12px 20px;font-size:1rem}.upload-btn{width:100%}.article-modal,.agreement-modal{padding:10px}.article-content,.agreement-modal-content{width:95%;max-height:85vh;padding:25px 20px;margin:10px}.article-content h1{font-size:1.8rem;margin-bottom:15px}.agreement-modal-content h2{font-size:1.6rem;margin-bottom:15px}.article-meta{flex-direction:column;gap:10px;align-items:flex-start}.agreement-modal-actions{flex-direction:column;gap:10px}.agreement-modal-actions .btn{width:100%}.footer{padding:25px 15px}.footer p{font-size:.9rem;margin:6px 0}.github-link,.contact-link{display:inline-flex;flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.home-title{font-size:1.8rem;margin-top:40px}.home-subtitle{font-size:1rem}.drag-drop-area{padding:30px 15px}.drag-content h3{font-size:1.3rem}.features-section-main .section-title,.tutorial-section .section-title,.disclaimer-section .section-title,.service-section .section-title{font-size:1.8rem}.feature-item,.tutorial-card,.step{padding:15px}.mobile-nav-link{font-size:1.3rem;min-width:180px}.mobile-language-toggle,.mobile-theme-toggle{min-width:160px;padding:10px 20px}.quota-visual{padding:15px}.quota-grid{grid-template-columns:repeat(10,1fr);gap:6px}.quota-square{width:10px;height:10px}}@media (max-width: 768px) and (orientation: landscape){.home-section{min-height:auto;padding:10px 0 60px}.home-title{font-size:2rem;margin-top:30px}.mobile-menu-content{padding:60px 20px 20px;gap:20px}.mobile-nav-link{font-size:1.2rem;padding:10px 20px}}@media (hover: none) and (pointer: coarse){.btn,.mobile-nav-link,.file-input-label,.drag-drop-area{min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.theme-toggle,.language-toggle{min-height:40px;min-width:40px}}@media (prefers-contrast: high){.drag-drop-area,.step,.tutorial-card,.feature-item{border:2px solid #333}.dark-mode .drag-drop-area,.dark-mode .step,.dark-mode .tutorial-card,.dark-mode .feature-item{border-color:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6;transition:all .3s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:none;transition:all .3s ease}.navbar-scrolled{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000000d;border-bottom:1px solid rgba(255,255,255,.1)}.dark-mode .navbar{background:transparent;border-bottom:none}.dark-mode .navbar-scrolled{background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 20px #0003;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand h2{color:#2c3e50;font-size:1.5rem;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.8)}.dark-mode .nav-brand h2{color:#e0e0e0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.nav-menu{display:flex;align-items:center;gap:30px}.nav-link{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s ease;position:relative;text-shadow:0 1px 3px rgba(255,255,255,.8)}.nav-link:hover{color:#3498db;text-shadow:0 1px 3px rgba(255,255,255,1)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background-color:#3498db;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:100%}.dark-mode .nav-link{color:#e0e0e0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dark-mode .nav-link:hover{text-shadow:0 1px 3px rgba(0,0,0,.8)}.theme-toggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:rgba(52,152,219,.2);border-color:#3498db4d;transform:scale(1.05)}.dark-mode .theme-toggle{background:rgba(0,0,0,.1);border-color:#ffffff1a}.dark-mode .theme-toggle:hover{background:rgba(52,152,219,.2);border-color:#3498db4d}.main-content{margin-top:0}.disclaimer-section{padding:80px 0;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.disclaimer-card{background:white;border-radius:15px;padding:40px;box-shadow:0 10px 40px #0000001a;max-width:800px;margin:0 auto}.dark-mode .disclaimer-card{background:#2d2d2d;color:#e0e0e0}.disclaimer-card h3{color:#2c3e50;font-size:2rem;margin-bottom:30px;text-align:center}.dark-mode .disclaimer-card h3{color:#e0e0e0}.disclaimer-content ul{list-style:none;margin:20px 0}.disclaimer-content li{padding:10px 0 10px 30px;position:relative}.disclaimer-content li:before{content:"•";color:#3498db;font-size:1.5rem;position:absolute;left:0;top:5px}.disclaimer-actions{margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.checkbox-container{display:flex;align-items:center;cursor:pointer;font-size:1.1rem;gap:15px}.disclaimer-checkbox{display:none}.checkmark{width:20px;height:20px;border:2px solid #3498db;border-radius:4px;position:relative;transition:all .3s ease}.disclaimer-checkbox:checked+.checkmark{background-color:#3498db}.disclaimer-checkbox:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.tutorial-section{padding:80px 0;background:white}.dark-mode .tutorial-section{background:#1a1a1a}.section-title{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:60px;position:relative}.dark-mode .section-title{color:#e0e0e0}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;max-width:1200px;margin:0 auto}.tutorial-card{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;border:1px solid #f0f0f0}.tutorial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.dark-mode .tutorial-card{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.tutorial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tutorial-header h3{color:#2c3e50;font-size:1.4rem;margin:0;flex:1}.dark-mode .tutorial-header h3{color:#e0e0e0}.tutorial-tag{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:15px}.tutorial-content{color:#666;margin-bottom:25px;line-height:1.7}.dark-mode .tutorial-content{color:#b0b0b0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center}.tutorial-date{color:#999;font-size:.9rem}.dark-mode .tutorial-date{color:#888}.btn-outline{background:transparent;color:#3498db;border:2px solid #3498db;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:600;transition:all .3s ease}.btn-outline:hover{background:#3498db;color:#fff}.service-section{padding:80px 0;background:#f8f9fa}.dark-mode .service-section{background:#262626}.article-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.article-content{background:white;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:40px;margin:auto}.dark-mode .article-content{background:#2d2d2d;color:#e0e0e0}.article-close{position:absolute;top:20px;right:25px;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:color .3s ease}.article-close:hover{color:#e74c3c}.article-content h1{color:#2c3e50;margin-bottom:20px;font-size:2.2rem}.dark-mode .article-content h1{color:#e0e0e0}.article-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.dark-mode .article-meta{border-bottom-color:#404040}.article-category{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.article-date{color:#999;font-size:.9rem}.article-body{line-height:1.8}.article-body h2{color:#2c3e50;margin:30px 0 15px;font-size:1.5rem}.article-body h3{color:#34495e;margin:25px 0 10px;font-size:1.3rem}.dark-mode .article-body h2,.dark-mode .article-body h3{color:#e0e0e0}.article-body ul,.article-body ol{margin:15px 0;padding-left:30px}.article-body li{margin:8px 0}.footer{background:#2c3e50;color:#fff;text-align:center;padding:30px 0}.dark-mode .footer{background:#1a1a1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-container{height:60px;padding:0 15px}.nav-brand h2{font-size:1.3rem}.nav-menu{gap:15px}.nav-link{font-size:.9rem}.home-title{font-size:2rem;padding:0 15px;text-align:center}.home-subtitle{font-size:1.1rem;padding:0 20px;text-align:center}.drag-drop-area{padding:40px 20px;margin:0 20px 30px}.drag-content h3{font-size:1.4rem}.home-actions{flex-direction:column;align-items:center;gap:15px;padding:0 20px}.home-actions .btn{width:100%;max-width:300px}.tutorial-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.tutorial-card{padding:20px}.disclaimer-card{padding:30px 20px;margin:0 10px}.article-content{padding:30px 20px;margin:10px;width:calc(100% - 20px)}.container{padding:0 15px}input,button,select,textarea{font-size:16px}.btn,.nav-link,.tutorial-card,.feature-item{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}}@media (max-width: 480px){.nav-brand h2{font-size:1.2rem}.home-title{font-size:1.8rem}.home-subtitle{font-size:1rem}.drag-drop-area{padding:30px 15px;margin:0 15px 25px}.tutorial-card,.disclaimer-card{padding:20px 15px}.article-content{padding:25px 15px}.section-title{font-size:2rem}}.status-success{border-left-color:#27ae60!important}.status-error{border-left-color:#e74c3c!important}.status-warning{border-left-color:#f39c12!important}