*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:-webkit-fill-available}html,body{margin:0;padding:0;background:#0061aa;min-height:100vh;min-height:-webkit-fill-available;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}#root{min-height:100vh;min-height:-webkit-fill-available;background:#0061aa}.container{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0061aa;padding:40px 20px;padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));position:relative;overflow-x:hidden}.background-blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none}.blob{position:absolute;width:320px;height:320px;background:#ffffff1a;border-radius:50%;filter:blur(60px);animation:blob 7s infinite}.blob:nth-child(1){top:-160px;right:-160px}.blob:nth-child(2){bottom:-160px;left:-160px;animation-delay:2s}.blob:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.card{position:relative;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:550px;width:100%;animation:fadeIn .6s ease-out}.logo-container{display:flex;justify-content:center;margin-bottom:32px}.logo{height:80px;width:auto}h1{text-align:center;font-size:36px;font-weight:700;color:#0061aa;margin-bottom:32px}.info-container{display:flex;flex-direction:column;gap:16px}.info-row{background:linear-gradient(135deg,#f5f7fa,#e3e8f0);border-radius:16px;padding:24px;transition:all .3s ease;border:1px solid rgba(0,97,170,.1);display:flex;align-items:center;justify-content:space-between}.info-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.info-content{flex:1}.label-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.label-icon{width:20px;height:20px}.label-icon svg{width:100%;height:100%}.label{font-weight:600;color:#0061aa;font-size:13px;text-transform:uppercase;letter-spacing:1px}.value{font-size:22px;color:#222;font-weight:500;word-break:break-all}.value.mono{font-family:Courier New,monospace}.value.link{color:#0061aa;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.value.link:hover{opacity:.7;text-decoration:underline}.copy-button{margin-left:16px;padding:12px;border-radius:12px;background:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#f5f7fa;box-shadow:0 4px 12px #0000001a}.copy-button svg{width:20px;height:20px}.footer{margin-top:32px;text-align:center;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.footer svg{width:16px;height:16px}.download-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:24px;padding:16px 24px;background:#0061aa;color:#fff;text-decoration:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0061aa4d}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0061aa66;background:#004d8a}.download-button:active{transform:translateY(0);box-shadow:0 2px 8px #0061aa4d}.download-button svg{width:24px;height:24px}.error-container{text-align:center}.error-icon{font-size:60px;margin-bottom:16px}.error-title{color:#e53e3e;font-size:32px;margin-bottom:12px}.error-message{color:#666;font-size:16px}.loading-container{text-align:center}.spinner{width:64px;height:64px;border:4px solid rgba(0,97,170,.2);border-top-color:#0061aa;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.loading-text{font-size:24px;font-weight:600;color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes spin{to{transform:rotate(360deg)}}.upload-section{margin-top:40px;width:100%;max-width:900px}.upload-title{text-align:center;font-size:32px;font-weight:700;color:#fff;margin-bottom:32px}.tasks-info{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;margin-bottom:24px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .6s ease-out}.tasks-info-title{font-size:24px;font-weight:600;color:#0061aa;margin-bottom:12px}.tasks-info-description{color:#666;font-size:15px;line-height:1.6;margin-bottom:24px}.accordion-container{display:flex;flex-direction:column;gap:12px}.accordion-item{border:1px solid rgba(0,97,170,.2);border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-item:hover{border-color:#0061aa66}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f5f7fa,#e3e8f0);border:none;cursor:pointer;transition:all .2s ease}.accordion-header:hover{background:linear-gradient(135deg,#e8ecf2,#d5dde8)}.accordion-header.expanded{background:#0061aa;color:#fff}.accordion-title{font-weight:600;font-size:16px;color:inherit}.accordion-icon{width:20px;height:20px;transition:transform .3s ease}.accordion-icon.rotated{transform:rotate(180deg)}.accordion-content{padding:20px;background:#fff;animation:fadeIn .3s ease-out}.task-description{color:#666;font-size:14px;margin-bottom:16px;font-style:italic}.task-requirements{list-style:none;padding:0;margin:0}.task-requirements li{padding:8px 0 8px 24px;position:relative;color:#444;font-size:14px;line-height:1.5}.task-requirements li:before{content:"✓";position:absolute;left:0;color:#0061aa;font-weight:700}.schema-section{margin-top:24px;border-top:1px solid #e3e8f0;padding-top:20px}.schema-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.schema-title{font-size:15px;font-weight:600;color:#0061aa;margin:0}.copy-schema-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0061aa;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-schema-button:hover{background:#004d8a;transform:translateY(-1px)}.copy-schema-button svg{width:16px;height:16px}.schema-code{background:#1e1e1e;border-radius:8px;padding:16px;overflow-x:auto;max-height:400px;overflow-y:auto;margin:0}.schema-code code{color:#d4d4d4;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre}.upload-area{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .6s ease-out}.upload-area-title{font-size:20px;font-weight:600;color:#0061aa;margin-bottom:20px}.dropzone{border:2px dashed rgba(0,97,170,.3);border-radius:16px;padding:40px;text-align:center;transition:all .3s ease;background:#f8f9fa;cursor:pointer}.dropzone:hover{border-color:#0061aa;background:#f0f2f5}.dropzone.dragging{border-color:#0061aa;background:#e3f2fd;transform:scale(1.02)}.dropzone.has-file{border-color:#0061aa;background:#e8f4ff}.file-input{display:none}.dropzone-label{cursor:pointer;display:block}.upload-icon{width:64px;height:64px;color:#0061aa;margin:0 auto 16px}.file-info{margin-top:12px}.file-name{font-weight:600;color:#0061aa;font-size:16px;margin-bottom:4px;word-break:break-all}.file-size{color:#666;font-size:14px}.dropzone-text{margin-top:12px}.dropzone-main{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.dropzone-sub{font-size:14px;color:#666}.upload-button{width:100%;margin-top:20px;padding:16px;background:#0061aa;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0061aa4d}.upload-button:hover{background:#004d8a;transform:translateY(-2px);box-shadow:0 6px 16px #0061aa66}.upload-button:active{transform:translateY(0)}.progress-container{margin-top:20px}.progress-bar-bg{width:100%;height:12px;background:#e3e8f0;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0061aa,#0080dd);transition:width .3s ease;border-radius:6px}.progress-text{text-align:center;color:#0061aa;font-weight:600;font-size:14px}.upload-status{margin-top:20px;padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;font-weight:500;animation:fadeIn .3s ease-out}.upload-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.upload-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-icon{width:24px;height:24px;flex-shrink:0}@media(max-width:600px){.card{padding:24px}h1{font-size:28px}.value{font-size:18px}.logo{height:60px}.upload-section{margin-top:24px}.upload-title{font-size:24px}.tasks-info,.upload-area{padding:20px}.dropzone{padding:24px}.upload-icon{width:48px;height:48px}}