:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--bg-light: #f8fafc;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-deep: 0 10px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);background-color:var(--bg-dark);color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;justify-content:center;align-items:center;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(at 50% 0%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.15) 0,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-attachment:fixed}#root{width:100%;max-width:500px;margin:0 auto;padding:2rem}*{box-sizing:border-box}button{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(prefers-color-scheme:light){:root{background-color:var(--bg-light);color:#1e293b;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .05)}body{background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.1) 0,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}}.app-container{display:flex;flex-direction:column;gap:2rem;width:100%}.header{text-align:center}.header h1{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(to right,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header p{color:#94a3b8;margin-top:.5rem}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-deep);display:flex;flex-direction:column;gap:2rem}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-group label{font-size:.9rem;font-weight:600;color:#94a3b8;display:flex;align-items:center;gap:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem 1rem;color:#fff;font-size:1.1rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.unit{position:absolute;right:1rem;color:#64748b;font-weight:500}.photo-upload{width:100%;aspect-ratio:1 / 1;border:2px dashed rgba(255,255,255,.1);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.photo-upload:hover{border-color:var(--primary);background:#6366f10d}.photo-upload.has-image{border-style:solid}.preview-image{width:100%;height:100%;object-fit:cover}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#94a3b8}.submit-btn{background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:1rem;font-size:1.1rem;font-weight:700;margin-top:1rem;box-shadow:0 4px 15px #6366f166}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.submit-btn:active{transform:translateY(0)}@media(prefers-color-scheme:light){.input-wrapper input{background:#fff;border-color:#e2e8f0;color:#1e293b}.header p{color:#64748b}}