:root{font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}@media(prefers-color-scheme:dark){:root{color:#ffffffe6;background-color:#1a1a2e}body{background:linear-gradient(135deg,#1a1a2e,#16213e)}.form-group label{color:#ccc}.form-group input{border-color:#444}}#root{max-width:480px;margin:0 auto;padding:2rem}.container{display:flex;flex-direction:column;gap:2rem}.header{text-align:center}.header h1{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#888;font-size:.9rem}.photo-upload{display:flex;flex-direction:column;align-items:center;gap:1rem}.photo-preview{width:200px;height:200px;border-radius:50%;border:3px dashed #667eea;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:#667eea1a}.photo-preview:hover{border-color:#764ba2;background-color:#764ba21a}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#667eea}.photo-placeholder svg{width:48px;height:48px}.photo-placeholder span{font-size:.85rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#555;font-size:.9rem}.input-wrapper{display:flex;align-items:center;gap:.5rem}.form-group input{flex:1;padding:.8rem 1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:border-color .3s ease;background:transparent;color:inherit}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#aaa}.unit{font-size:.9rem;color:#888;min-width:30px}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #667eea66}.submit-btn:active{transform:translateY(0)}.hidden{display:none}