:root{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body,#app{min-height:100vh}.container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}h1{font-size:2rem;margin-bottom:.5rem}p{color:#888;margin-bottom:2rem}.dropzone{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease;z-index:1}.dropzone:hover,.dropzone.dragover{background:#646cff26}.dropzone .icon{font-size:4rem}.dropzone .hint{font-size:.9rem;color:#666}.btn{margin-top:1rem;padding:.75rem 2rem;background:#646cff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.btn:hover{background:#535bf2}.results{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:10;width:90%;max-width:400px}.result-item{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#1e1e32f2;border-radius:8px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success{color:#4ade80}.error{color:#f87171}