:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#fffffff2;background-color:#0a0e1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:#8b5cf6;text-decoration:none;transition:color .2s ease}a:hover{color:#a78bfa}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none;z-index:-1}h1{font-size:2.8rem;line-height:1.1;margin:0 0 12px;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{border-radius:12px;border:1px solid rgba(139,92,246,.3);padding:.875em 1.5em;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);color:#f8fafc;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}button:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf633;background:linear-gradient(135deg,#8b5cf633,#3b82f61a)}button:hover:before{left:100%}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#111827;background-color:#f8fafc}a:hover{color:#4f46e5}button{background:#fff;color:#111827;border-color:#e5e7eb}}.box{width:min(92vw,720px);min-height:420px;background:#0f172a66;border:1px solid rgba(139,92,246,.2);border-radius:24px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf60d,#3b82f605);border-radius:24px;pointer-events:none}.box h1{position:relative;z-index:1}.box p{color:#cbd5e1;font-weight:500;font-size:1.1rem;text-align:center;line-height:1.6;position:relative;z-index:1}.box button{margin-top:24px;position:relative;z-index:1}.dropzone{width:100%;max-width:560px;border:2px dashed rgba(139,92,246,.4);border-radius:20px;padding:32px 24px;margin-top:24px;text-align:center;color:#cbd5e1;transition:all .3s cubic-bezier(.4,0,.2,1);background:#8b5cf605;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.dropzone:hover{border-color:#8b5cf6;background:#8b5cf614;transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf61a}.meta{margin-top:16px;font-size:.95rem;color:#94a3b8;position:relative;z-index:1}.result{margin-top:24px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.input-like{background:#0f172a99;border:1px solid rgba(139,92,246,.3);color:#f8fafc;padding:12px 16px;border-radius:12px;min-width:280px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.input-like:hover{border-color:#8b5cf6;background:#0f172acc}.uploading-state{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;position:relative;z-index:1}.spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top:3px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){body{padding:.5rem;background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a)}.box{width:100%;max-width:95vw;min-height:auto;padding:20px 16px;margin:0;border-radius:12px;box-shadow:0 2px 10px #0003}h1{font-size:1.8rem;line-height:1.3}.box p{font-size:1rem;margin:8px 0}.dropzone{padding:20px 16px;margin-top:16px}.dropzone p{font-size:.95rem;margin:8px 0}.box button{padding:12px 20px;font-size:1rem;margin-top:12px}.result{flex-direction:column;gap:8px;margin-top:16px;width:100%}.input-like{min-width:auto;width:100%;font-size:.9rem;padding:12px}.result button{width:100%;margin:0}.meta{font-size:.9rem;margin-top:12px}}@media (max-width: 480px){body{background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#0a0e1a);padding:.25rem}.box{width:100%;max-width:98vw;padding:16px 12px;min-height:auto;border-radius:8px}h1{font-size:1.5rem}.box p{font-size:.95rem}.dropzone{padding:16px 12px}.dropzone p{font-size:.9rem}.box button{padding:14px 24px;font-size:1.1rem}.input-like{font-size:.85rem;padding:14px}.meta{font-size:.85rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}