@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--primary-dark: #0f172a;--primary-slate: #1a1f3a;--primary-gradient-dark: #0f172a;--primary-gradient-light: #1e293b;--accent-amber: #d4a574;--accent-amber-light: #e8ba88;--accent-amber-dark: #b8935f;--accent-purple: #a78bfa;--accent-teal: #14b8a6;--accent-teal-light: #2dd4bf;--accent-cyan: #06b6d4;--white: #ffffff;--off-white: #1e293b;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--text-primary: #0f172a;--text-secondary: #475569;--text-light: #64748b;--text-inverse: #f8fafc;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--border-light: #e2e8f0;--border-dark: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .1), 0 2px 4px -2px rgb(15 23 42 / .1);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -4px rgb(15 23 42 / .1);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .1), 0 8px 10px -6px rgb(15 23 42 / .1);--shadow-glow: 0 0 20px rgb(212 165 116 / .2);font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;letter-spacing:.3px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease}html{scroll-behavior:smooth;background:#0f172a;overflow-x:hidden;overscroll-behavior-x:none}html,body{background-color:#0f172a}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-slate) 100%);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;position:relative;font-weight:400;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout: none){body{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,var(--primary-dark),var(--primary-slate));z-index:-1;pointer-events:none}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;position:relative}@supports (-webkit-touch-callout: none){#root{min-height:100dvh}}.header-container,.page-container,.home-container{transform:translateZ(0);backface-visibility:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5rem;letter-spacing:-.5px;color:var(--white)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-1px;line-height:1.1}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:-.5px}h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;letter-spacing:-.3px}h4{font-size:1.1rem;font-weight:600}p{margin-bottom:1rem;line-height:1.7;color:var(--text-light);letter-spacing:.25px}a{color:var(--accent-amber);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-amber-light)}.header-container{background:linear-gradient(135deg,#1a2744,#2d3f5f);padding:2rem 1.5rem 1.5rem;box-shadow:var(--shadow-lg),inset 0 1px #d4a5741a;position:relative;will-change:transform;animation:slideDown .4s ease-out;border-bottom:2px solid rgba(212,165,116,.15)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{max-width:1200px;margin:0 auto;text-align:center}.header-container h1{color:var(--white);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.2);font-weight:700}.header-container h3{color:#fffc;font-weight:400;font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:1rem;opacity:.9;letter-spacing:.5px}.announcement-wrapper{max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:max-height .35s ease,opacity .3s ease,transform .3s ease;pointer-events:none}.announcement-wrapper.is-visible{max-height:360px;opacity:1;transform:translateY(0);pointer-events:auto}.announcement-container{background:linear-gradient(135deg,#d4a57414,#b8935f14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.5rem;border:1px solid rgba(212,165,116,.25);transition:all .3s ease}.announcement-container:hover{background:linear-gradient(135deg,#d4a5741f,#b8935f1f);border-color:#d4a57466;transform:translateY(-2px);box-shadow:0 0 20px #d4a57433}.announcement-container p{color:var(--text-inverse);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.5;margin-bottom:0;font-weight:500;letter-spacing:.3px}.announcement-punchline{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;margin-bottom:.5rem;color:var(--accent-amber-light)}.page-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}@keyframes cardSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cardSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-exit{animation:cardSlideOut .4s cubic-bezier(.4,0,.6,1) forwards}.home-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;margin:3rem auto;padding:0 1rem}.home-card{background:linear-gradient(135deg,#d4a5741f,#b8935f1f);border-radius:16px;padding:2.5rem 2rem;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(212,165,116,.25);text-align:center;position:relative;overflow:hidden;will-change:transform;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,#d4a57433,#b8935f0d);opacity:0;transition:opacity .3s ease}.home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:1;transition:opacity .3s ease}.home-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:#d4a57466;background:linear-gradient(135deg,#d4a5742e,#b8935f2e)}.home-card:hover:before{opacity:1}.home-card:active{transform:translateY(-4px) scale(1.01)}.home-card-title{color:var(--white);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;margin:0;position:relative;z-index:1;letter-spacing:-.3px}button{border-radius:12px;border:none;padding:.875rem 1.75rem;margin:1rem;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--accent-amber) 0%,var(--accent-amber-dark) 100%);color:var(--primary-dark);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden;will-change:transform;letter-spacing:.3px;font-weight:700}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #d4a57440;background:linear-gradient(135deg,var(--accent-amber-light) 0%,var(--accent-amber) 100%)}button:active{transform:translateY(0);box-shadow:var(--shadow-md)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--gray-400)}button:disabled:hover{transform:none;box-shadow:var(--shadow-sm);background:var(--gray-400)}.secondary-button{background:#d4a5741a;color:var(--accent-amber);border:2px solid var(--accent-amber)}.secondary-button:hover{background:#d4a57433;border-color:var(--accent-amber-light);color:var(--accent-amber-light);box-shadow:0 0 15px #d4a57433}.file-controls{text-align:center;margin:2rem auto;padding:2.5rem;background:linear-gradient(135deg,#d4a57414,#b8935f14);border-radius:16px;border:2px dashed var(--accent-amber);transition:all .3s ease;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-controls:hover{border-color:var(--accent-amber-light);background:linear-gradient(135deg,#d4a5741f,#b8935f1f);box-shadow:0 0 20px #d4a57433}.file-controls button{margin-bottom:1rem;font-size:1.1rem;padding:1rem 2rem}.file-controls p{color:var(--text-light);font-size:.95rem;margin-bottom:0;letter-spacing:.3px}.drag-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172af2,#1e293bf2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.drag-content{text-align:center;color:var(--white);animation:bounceIn .4s cubic-bezier(.68,-.55,.265,1.55)}.drag-content h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;letter-spacing:-.5px;color:var(--accent-amber-light)}.drag-content p{font-size:clamp(1.1rem,3vw,1.5rem);opacity:.9;letter-spacing:.3px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:200px}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:1.5rem}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--accent-amber);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--accent-amber)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--accent-amber-light);width:90%;height:90%;top:5%;left:5%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--accent-amber-dark);width:80%;height:80%;top:10%;left:10%}.loading-text{font-size:1.1rem;color:var(--text-light);font-weight:500;animation:pulse 1.5s ease-in-out infinite;letter-spacing:.3px}input[type=range]{width:100%;max-width:400px;height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent-amber) 0%,var(--accent-amber) var(--value, 50%),var(--gray-700) var(--value, 50%),var(--gray-700) 100%);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;background:var(--gray-600);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-amber) 0%,var(--accent-amber-dark) 100%);cursor:pointer;box-shadow:var(--shadow-md),0 0 15px #d4a57433;transition:all .2s ease;margin-top:-7px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),0 0 20px #d4a5744d}input[type=range]::-moz-range-track{background:var(--gray-600);border:none;border-radius:4px;height:8px}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-amber) 0%,var(--accent-amber-dark) 100%);cursor:pointer;border:none;box-shadow:var(--shadow-md),0 0 15px #d4a57433;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),0 0 20px #d4a5744d}textarea{width:100%;max-width:100%;padding:1rem;border:2px solid var(--gray-700);border-radius:12px;font-family:Monaco,Courier New,monospace;font-size:.95rem;line-height:1.6;resize:vertical;transition:all .3s ease;background:#ffffff0d;color:var(--text-inverse)}textarea:focus{outline:none;border-color:var(--accent-amber);box-shadow:0 0 0 3px #d4a57433;background:#ffffff14}label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-inverse);font-size:1rem;letter-spacing:.3px}.results-container{margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#d4a5740f,#b8935f0f);border-radius:16px;max-width:800px;border:1px solid rgba(212,165,116,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-container h3{color:var(--text-inverse);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(212,165,116,.2);letter-spacing:-.3px}.results-list{list-style:none;padding:0}.result-item{background:#ffffff0d;padding:1.25rem;margin-bottom:1rem;border-radius:12px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s ease;flex-wrap:wrap;border:1px solid rgba(212,165,116,.1)}.result-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);background:#ffffff14;border-color:#d4a57433}.result-info{flex:1;min-width:200px;color:var(--text-light);font-size:.95rem;letter-spacing:.3px;word-break:break-word;overflow-wrap:break-word}.result-item button{padding:.625rem 1.25rem;font-size:.9rem}.status-container{margin:1.5rem 0;text-align:center}.status-message{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;margin:.5rem;letter-spacing:.3px}.status-ready{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-processing{background:#d4a57426;color:var(--accent-amber-light);border:1px solid rgba(212,165,116,.3)}.status-complete{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-error{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}@media(max-width:768px){.header-container,.page-container{padding:1.5rem 1rem}.home-container{grid-template-columns:1fr;gap:1rem;margin:2rem auto}.home-card{padding:2rem 1.5rem}.file-controls{padding:1.5rem}.results-container{padding:1.5rem;margin:2rem 1rem}.result-item{flex-direction:column;align-items:stretch;justify-content:flex-start}.result-info{min-width:unset}.result-item button{width:100%;align-self:center;margin:0;padding:.75rem 1.25rem}textarea{font-size:.9rem}}@media(max-width:480px){.header-container{padding:1rem .75rem}.announcement-container{padding:1rem}.page-container{padding:1rem .75rem}button{padding:.75rem 1.25rem;font-size:.95rem}.file-controls{padding:1.25rem}.results-container{padding:1.25rem;margin:1.5rem .75rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}